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