.backdrop{background-color:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.backdrop img{height:100%;left:50%;max-height:100%;max-width:80%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%)}.backdrop .actions{align-items:center;bottom:24px;display:flex;gap:16px;left:50%;position:fixed;transform:translate(-50%)}.backdrop .actions .close{align-items:center;background-color:#fff;border-radius:60px;color:#000;cursor:pointer;display:flex;gap:12px;outline:2px solid hsla(0,0%,100%,.2);padding:14px 20px;transition:.25s}.backdrop .actions .close h6{color:#000}.backdrop .actions .close:hover{background-color:#ffffff80}.backdrop .navigation{align-items:center;background-color:#fff;border-radius:48px;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;outline:2px solid hsla(0,0%,100%,.2);transition:.25s;width:56px}.backdrop .navigation>*{font-size:32px}.backdrop .navigation:hover{background-color:#ffffff80}.backdrop .top-right{background-color:#fff0;cursor:pointer;position:absolute;right:24px;top:24px;transition:.25s}.backdrop .top-right:hover{background-color:#fff3}@media screen and (max-width:480px){.backdrop .top-right{right:32px;top:32px}.backdrop img{max-height:100%;max-width:100%;width:100%}}