.carousel .slides{position:relative;aspect-ratio:600/610;overflow:hidden;touch-action:pan-y}.carousel .slide{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;transform:translateX(0);transition:transform .55s ease;visibility:visible}.carousel .light-slide{transform:translateX(100%)}.carousel .illustration-slide{transform:translateX(200%)}.carousel [data-active="1"] .dark-slide{transform:translateX(-100%)}.carousel [data-active="1"] .light-slide{transform:translateX(0)}.carousel [data-active="1"] .illustration-slide{transform:translateX(100%)}.carousel [data-active="2"] .dark-slide{transform:translateX(-200%)}.carousel [data-active="2"] .light-slide{transform:translateX(-100%)}.carousel [data-active="2"] .illustration-slide{transform:translateX(0)}.carousel .survey{flex:1;min-height:0;max-height:none;height:100%;padding:20px 0 7px}.carousel .visual-bottom{flex-shrink:0;margin-top:auto}.screenshot-link{display:flex;align-items:center;flex:1;min-height:0;padding:52px 14px 18px}.screenshot-link img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.screenshot-link:focus-visible{outline:2px solid var(--blue);outline-offset:-6px}.slider-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid var(--border);padding:10px 16px;background:#1e1e2e}.slider-controls button{font:inherit;color:var(--muted);background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;min-width:32px;min-height:32px}.slider-controls button:hover{color:var(--blue);background:#89b4fa0d}.slider-controls button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.slider-controls .slide-arrow{font-size:20px;border-color:var(--border)}.slide-dots{display:flex;gap:2px}.slide-dots button{display:grid;place-items:center;padding:8px}.slide-dots span{display:block;width:6px;height:6px;border-radius:99px;background:#585b70;transition:width .25s ease,background .25s ease}.slide-dots [aria-pressed="true"] span{width:18px;background:var(--blue)}.slider-controls .slide-pause{font-size:11px;min-width:50px}@media(max-width:650px){.carousel .coordinates{font-size:8px}.carousel .visual-bottom{padding:12px}.screenshot-link{padding:48px 10px 12px}.slider-controls:not([hidden]){padding:8px 12px}}@media(prefers-reduced-motion:reduce){.carousel .slide,.slide-dots span{transition:none}}