.frames .modal{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#1d1d1d;z-index:12}.frames .modal .actions{padding:0;text-align:right;background-color:#1d1d1d}.frames .modal .actions i{display:inline-block;width:60px;height:40px;background:#e00a1e url(/static_files/icons/close-dark.svg) 50% no-repeat;background-size:16px;cursor:pointer;vertical-align:middle}.frames .modal .actions i:hover{background-color:#ff142a}.frames .modal .buttons{position:absolute;top:40px;left:0;width:100%;height:100%;z-index:2}.frames .modal .buttons img{display:inline-block;position:relative;top:50%;margin-top:-100px;width:200px;height:200px}.frames .modal .buttons .prev{position:absolute;left:0;width:30vw;height:100%;cursor:pointer;opacity:.08;transition:opacity .2s ease;text-align:left}.frames .modal .buttons .prev:hover{opacity:.35}.frames .modal .buttons .next{position:absolute;right:0;width:30vw;height:100%;cursor:pointer;opacity:.08;transition:opacity .2s ease;text-align:right}.frames .modal .buttons .next:hover{opacity:.35}.frames .modal img{display:block;margin:auto;width:100vw}.frames .modal .img{position:relative;width:100%;height:calc(100% - 50px);background-repeat:no-repeat;background-size:contain;background-position:50%;z-index:1}.frames .modal .loader{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px}.frames .items{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:30px 15px}.frames .items .item{width:100%;height:10vw;background-color:#17191c;overflow:hidden;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.frames .items .item:hover{border:1px solid #e00a1e;opacity:.75}.frames .items .item img{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}