.screenshots-popup{z-index:100;background-color:#0d0d0de6;transition:all .2s;display:none;position:fixed;inset:0}.screenshots-popup .slide-prev,.screenshots-popup .slide-next{position:fixed}.screenshots-popup .btn-close{z-index:100;width:36px;height:36px;color:var(--text-primary);background-color:#333;border-radius:50%;outline:1px solid #4d4d4d;justify-content:center;align-items:center;display:flex;position:absolute;top:73px;right:56px}@media (max-width:900px){.screenshots-popup .btn-close{right:24px}}.screenshots-popup .btn-close svg{width:20px;height:20px}.screenshots-popup .btn-close:hover{color:#e5e5e5;background-color:#4d4d4d}.screenshots-popup.is-open{opacity:0;animation:.2s forwards show-screenshots-popup;display:block}@keyframes show-screenshots-popup{0%{opacity:0}to{opacity:1}}.screenshots-popup .screenshots-slider{border:none;grid-template-rows:auto 1fr 109px auto;row-gap:0;width:100%;height:100%;margin:0;padding:64px 0 0}.screenshots-popup .screenshots-slider .viewer{border:none;height:100%}.screenshots-popup .screenshots-slider .slide-prev{left:10%}@media (max-width:900px){.screenshots-popup .screenshots-slider .slide-prev{left:24px}}.screenshots-popup .screenshots-slider .slide-next{right:10%}@media (max-width:900px){.screenshots-popup .screenshots-slider .slide-next{right:24px}}.screenshots-popup .screenshots-slider .slide-prev,.screenshots-popup .screenshots-slider .slide-next{z-index:1;outline:1px solid var(--border-tertiery);background-color:#333;top:40%}@media (max-width:900px){.screenshots-popup .screenshots-slider .slide-prev,.screenshots-popup .screenshots-slider .slide-next{top:50%;transform:translateY(-50%)}}.screenshots-popup .screenshots-slider .slide-prev:hover,.screenshots-popup .screenshots-slider .slide-next:hover{background-color:#4d4d4d}.screenshots-popup .screenshots-slider .numbering{text-align:center;color:#ccc;justify-content:center}.screenshots-popup .screenshots-slider .description{text-align:center;color:#ccc;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:20px 0;font-size:16px;display:flex;overflow:hidden}.screenshots-popup .screenshots-slider .description h5{color:#e5e5e5;margin-bottom:16px;font-size:16px}.screenshots-popup .screenshots-slider .thumbnails{background-color:#1a1a1a;width:100vw;padding:16px}.screenshots-popup .screenshots-slider .thumbnails ul{justify-content:center;align-items:center;gap:16px;display:flex}.screenshots-popup .screenshots-slider .slider{border:1px solid var(--border-tertiery);background:0 0;background-color:var(--surface-secondary);width:1200px;height:100%;margin:auto;padding:0}@media (max-width:900px){.screenshots-popup .screenshots-slider .slider{width:100%}}
.screenshots-slider{flex-direction:column;justify-content:stretch;align-items:center;row-gap:20px;width:100%;min-width:0;margin-bottom:36px;display:flex;position:relative}.screenshots-slider .viewer{border:1px solid var(--border-tertiery);width:100%}.screenshots-slider .slider{background-color:#1a1a1a;width:100%;padding-bottom:56.6%;position:relative;overflow:hidden}.screenshots-slider .slider .description{background:var(--surface-secondary);opacity:0;align-items:center;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.screenshots-slider .slider .slide-enter{flex-direction:column;display:flex;position:relative}.screenshots-slider .slider .slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.screenshots-slider .slider .slide iframe{aspect-ratio:16/9;height:100%}.screenshots-slider .slider .slide img{object-fit:contain;width:100%;height:100%}.screenshots-slider.move-right .slider .slide{transform:translate(-100%)}.screenshots-slider.move-right .slider .slide.slide-exit{transition:transform .5s ease-in-out;transform:translate(100%)}.screenshots-slider.move-right .slider .slide.slide-enter{transition:transform .5s ease-in-out;transform:translate(0)}.screenshots-slider.move-left .slider .slide{transform:translate(100%)}.screenshots-slider.move-left .slider .slide.slide-exit{transition:transform .5s ease-in-out;transform:translate(-100%)}.screenshots-slider.move-left .slider .slide.slide-enter{transition:transform .5s ease-in-out;transform:translate(0)}.screenshots-slider .thumbnails{scroll-behavior:smooth;justify-content:space-between;align-items:center;width:calc(100% - 155px);margin:auto;display:flex;overflow:hidden}@media (max-width:900px){.screenshots-slider .thumbnails{width:100%}.screenshots-slider .thumbnails.less-than-three,.screenshots-slider .thumbnails.less-than-three ul{justify-content:center}}@media (min-width:900px){.screenshots-slider .thumbnails:not(:has(ul li:nth-child(5))){width:min-content}}.screenshots-slider .thumbnails::-webkit-scrollbar{background-color:#0000;width:4px;height:4px}.screenshots-slider .thumbnails::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border-width:0}.screenshots-slider .thumbnails::-webkit-scrollbar-thumb:hover{background-color:#0000}.screenshots-slider .thumbnails::-webkit-scrollbar-corner{background-color:#0000}.screenshots-slider .thumbnails::-webkit-scrollbar-track-piece{background-color:#0000}.screenshots-slider .thumbnails ul{flex-shrink:0;gap:20px;width:max-content;min-width:calc(100% - 112px);display:flex}.screenshots-slider .thumbnails li{width:120px;height:68px}.screenshots-slider .thumbnails li button{width:inherit;height:inherit;border:1px solid var(--border-tertiery);cursor:pointer;background-color:#1a1a1a;justify-content:center;align-items:center;display:flex;position:relative}.screenshots-slider .thumbnails li button .play-icon{z-index:1;color:#fff;background-color:#0006;border-radius:100%;justify-content:center;align-items:center;gap:8px;width:40px;height:40px;display:flex;position:absolute}.screenshots-slider .thumbnails li button .play-icon svg{width:20px;height:20px}.screenshots-slider .thumbnails li button:hover{border-color:#4d4d4d}.screenshots-slider .thumbnails li button.current{border-color:#e5e5e5;transition:border-color .2s}.screenshots-slider .thumbnails li img{object-fit:contain;width:100%;height:100%}.screenshots-slider .btn-resize{color:#e5e5e5;z-index:10;opacity:0;margin:12px;padding:8px;position:absolute;bottom:0;right:0}.viewer:hover .btn-resize{opacity:1}.screenshots-slider .btn-resize svg{width:20px;height:20px}.screenshots-slider .btn-resize:hover{color:#fff}.slide-prev,.slide-next{background-color:var(--surface-on-surface);color:#e5e5e5;outline:1px solid var(--border-tertiery);border-radius:50%;width:40px;height:40px;margin:1px;padding:8px;position:absolute;bottom:14px}@media (max-width:900px){.slide-prev,.slide-next{display:none}}.slide-prev.slide-prev,.slide-next.slide-prev{left:0}.slide-prev.slide-prev svg,.slide-next.slide-prev svg{transform:rotate(180deg)}.slide-prev.slide-next,.slide-next.slide-next{right:0}.slide-prev svg,.slide-next svg{width:24px;height:24px}.slide-prev:hover,.slide-next:hover{color:#e5e5e5;background-color:#4d4d4d}
/*# sourceMappingURL=12cs9yvnb~sl_.css.map*/