.cc-view{--cw:min(83vw, 1180px);--cg:22px;--ch:clamp(560px, 44vw, 660px)}.cc-track{gap:var(--cg);padding-inline:calc((100% - var(--cw)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab;display:flex;overflow:auto hidden}.cc-track::-webkit-scrollbar{display:none}.cc-track.is-drag{cursor:grabbing;scroll-snap-type:none}.cc-track.is-drag .cc-card{pointer-events:none}.cc-card{width:var(--cw);min-height:var(--ch);scroll-snap-align:center;scroll-snap-stop:always;background:var(--kl-card);color:var(--kl-ink);opacity:.5;transition:opacity .6s var(--kl-ease), transform .6s var(--kl-ease);border-radius:clamp(26px,3vw,40px);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden;transform:scale(.97)}.cc-card.is-on{opacity:1;transform:none}.cc-card:not(.is-on){cursor:pointer}.cc-card[data-off="1"] *{animation-play-state:paused!important}.cc-track:focus-visible{outline:2px solid var(--kl-ink);outline-offset:4px;border-radius:12px}.cc-ctl{justify-content:center;align-items:center;gap:12px;margin-top:clamp(22px,2.6vw,36px);display:flex}.cc-pill{background:#00000012;border-radius:999px;align-items:center;gap:14px;height:48px;padding:0 20px;display:flex}.cc-dot{cursor:pointer;background:0 0;border:0;place-items:center;height:48px;padding:0;display:grid}.cc-dot i{width:8px;height:8px;transition:width .5s var(--kl-ease), background .4s var(--kl-ease);background:#86868b;border-radius:99px;display:block;position:relative;overflow:hidden}.cc-dot.is-on i{background:#0003;width:44px}.cc-dot i b{background:var(--kl-ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cc-dot i b[data-p="1"]{animation:linear both cc-fill}.cc-dot i b[data-p="0"]{transform:scaleX(1)}@keyframes cc-fill{to{transform:scaleX(1)}}.cc-dot:focus-visible,.cc-play:focus-visible{outline:2px solid var(--kl-ink);outline-offset:3px}.cc-play{width:48px;height:48px;color:var(--kl-ink);cursor:pointer;transition:background .3s var(--kl-ease);background:#00000012;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.cc-play:hover{background:#0000001f}@media (max-width:899px){.cc-view{--cw:86vw;--cg:12px;--ch:560px}}@media (prefers-reduced-motion:reduce){.cc-card,.cc-dot i{transition:none}}