.screenshots-popup{position:fixed;inset:0;background-color:rgba(13,13,13,.9);display:none;transition:.2s;z-index:100}.screenshots-popup .slide-next,.screenshots-popup .slide-prev{position:fixed}.screenshots-popup .btn-close{position:absolute;top:73px;right:56px;width:36px;height:36px;background-color:#333;border-radius:50%;z-index:100;color:var(--text-primary);display:flex;justify-content:center;align-items:center;outline:1px solid #4d4d4d}.screenshots-popup .btn-close svg{height:20px;width:20px}.screenshots-popup .btn-close:hover{color:#e5e5e5;background-color:#4d4d4d}.screenshots-popup.is-open{display:block;opacity:0;animation:show-screenshots-popup .2s forwards}@keyframes show-screenshots-popup{0%{opacity:0}to{opacity:1}}.screenshots-popup .screenshots-slider{border:none;width:100%;height:100%;margin:0;grid-template-rows:auto 1fr 109px auto;padding:64px 0 0;row-gap:0}.screenshots-popup .screenshots-slider .viewer{height:100%;border:none}.screenshots-popup .screenshots-slider .slide-prev{left:10%}.screenshots-popup .screenshots-slider .slide-next{right:10%}.screenshots-popup .screenshots-slider .slide-next,.screenshots-popup .screenshots-slider .slide-prev{z-index:1;top:40%;background-color:#333;outline:1px solid var(--border-tertiery)}.screenshots-popup .screenshots-slider .slide-next:hover,.screenshots-popup .screenshots-slider .slide-prev:hover{background-color:#4d4d4d}.screenshots-popup .screenshots-slider .numbering{justify-content:center;text-align:center;color:#ccc}.screenshots-popup .screenshots-slider .description{text-align:center;overflow:hidden;color:#ccc;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px;margin:auto;padding:20px 0}.screenshots-popup .screenshots-slider .description h5{font-size:16px;color:#e5e5e5;margin-bottom:16px}.screenshots-popup .screenshots-slider .thumbnails{width:100vw;background-color:#1a1a1a;padding:16px}.screenshots-popup .screenshots-slider .thumbnails ul{display:flex;justify-content:center;align-items:center;gap:16px}.screenshots-popup .screenshots-slider .slider{border:1px solid var(--border-tertiery);background:none;padding:0;height:100%;width:1200px;margin:auto;background-color:var(--surface-secondary)}