.screenshots-slider{position:relative;margin-bottom:36px;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:stretch;align-items:center;row-gap:20px}.screenshots-slider .viewer{width:100%;border:1px solid var(--border-tertiery)}.screenshots-slider .slider{width:100%;padding-bottom:56.6%;overflow:hidden;background-color:#1a1a1a;position:relative}.screenshots-slider .slider .slide-enter{position:relative;display:flex;flex-direction:column}.screenshots-slider .slider .slide-enter .description{position:absolute;bottom:0;left:0;right:0;background:var(--surface-secondary);display:flex;align-items:center;padding:20px;opacity:0}.screenshots-slider .slider .slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.screenshots-slider .slider .slide iframe{aspect-ratio:16/9;height:100%}.screenshots-slider .slider .slide img{width:100%;height:100%;object-fit:contain}.screenshots-slider.move-right .slider .slide{transform:translateX(-100%)}.screenshots-slider.move-right .slider .slide.slide-exit{transition:transform .5s ease-in-out;transform:translateX(100%)}.screenshots-slider.move-right .slider .slide.slide-enter{transition:transform .5s ease-in-out;transform:translateX(0)}.screenshots-slider.move-left .slider .slide{transform:translateX(100%)}.screenshots-slider.move-left .slider .slide.slide-exit{transition:transform .5s ease-in-out;transform:translateX(-100%)}.screenshots-slider.move-left .slider .slide.slide-enter{transition:transform .5s ease-in-out;transform:translateX(0)}.screenshots-slider .thumbnails{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 155px);overflow:hidden;scroll-behavior:smooth;margin:auto}@media(min-width:900px){.screenshots-slider .thumbnails:not(:has(ul li:nth-child(5))){width:min-content}}.screenshots-slider .thumbnails::-webkit-scrollbar{width:4px;height:4px;background-color:rgba(0,0,0,0)}.screenshots-slider .thumbnails::-webkit-scrollbar-thumb{border-width:0;background-clip:padding-box;background-color:rgba(0,0,0,0)}.screenshots-slider .thumbnails::-webkit-scrollbar-thumb:hover{background-color:gray;background-color:rgba(0,0,0,0)}.screenshots-slider .thumbnails::-webkit-scrollbar-corner,.screenshots-slider .thumbnails::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0)}.screenshots-slider .thumbnails ul{display:flex;gap:20px;width:max-content;min-width:calc(100% - 112px);flex-shrink:0}.screenshots-slider .thumbnails li{width:120px;height:68px}.screenshots-slider .thumbnails li button{display:flex;align-items:center;justify-content:center;width:inherit;height:inherit;border:1px solid var(--border-tertiery);cursor:pointer;background-color:#1a1a1a}.screenshots-slider .thumbnails li button .play-icon{display:flex;justify-content:center;align-items:center;z-index:1;position:absolute;width:40px;height:40px;gap:8px;background-color:rgba(0,0,0,.4);color:#fff;border-radius:100%}.screenshots-slider .thumbnails li button .play-icon svg{height:20px;width:20px}.screenshots-slider .thumbnails li button:hover{border-color:#4d4d4d}.screenshots-slider .thumbnails li button.current{border-color:#e5e5e5;transition:border-color .2s ease}.screenshots-slider .thumbnails li img{width:100%;height:100%;object-fit:contain}.screenshots-slider .btn-resize{position:absolute;color:#e5e5e5;right:0;bottom:0;padding:8px;margin:12px;z-index:10;opacity:0}.viewer:hover .btn-resize{opacity:1}.screenshots-slider .btn-resize svg{width:20px;height:20px}.screenshots-slider .btn-resize:hover{color:#fff}.slide-next,.slide-prev{width:40px;height:40px;margin:1px;padding:8px;border-radius:50%;background-color:var(--surface-on-surface);color:#e5e5e5;outline:1px solid var(--border-tertiery);position:absolute;bottom:14px}.slide-next.slide-prev,.slide-prev.slide-prev{left:0}.slide-next.slide-prev svg,.slide-prev.slide-prev svg{transform:rotate(180deg)}.slide-next.slide-next,.slide-prev.slide-next{right:0}.slide-next svg,.slide-prev svg{width:24px;height:24px}.slide-next:hover,.slide-prev:hover{color:#e5e5e5;background-color:#4d4d4d}