.sc-track{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:24px;margin-inline:-2px;padding:2px;display:flex;overflow-x:auto}.sc-track::-webkit-scrollbar{display:none}.sc-track>*{scroll-snap-align:start;flex:0 0 calc(33.3333% - 17.3333px)}@media (width<=1023px){.sc-track>*{flex-basis:calc(50% - 14px)}}@media (width<=639px){.sc-track>*{flex-basis:85%}}.sc-btn{border:1px solid var(--border-default);background:var(--surface-card);width:40px;height:40px;color:var(--color-slate-900);cursor:pointer;transition:border-color var(--duration-base,.2s);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.sc-btn:hover{border-color:var(--color-slate-400)}.sc-dot{background:var(--color-slate-300);cursor:pointer;border:0;border-radius:9999px;width:24px;height:4px;padding:0;position:relative;overflow:hidden}.sc-dot.on:after{content:"";background:var(--color-mint-700);transform-origin:0;animation:scfill var(--sc-ms,5s) linear forwards;position:absolute;inset:0}.sc-still .sc-dot.on:after{animation:none}.sc-paused .sc-dot.on:after{animation-play-state:paused}@keyframes scfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
