.sd-cs{--chip-bg:#0000008c;--chip-fg:#fff;--btn:#262626;--btn-fg:#fff;border-radius:22px;outline:none;width:220px;height:200px;position:relative}.sd-cs[data-fill=light]{--chip-bg:#ffffffd9;--chip-fg:#111;--btn:#fff;--btn-fg:#111}.sd-cs:focus-visible{outline-offset:6px;outline:2px solid}.sd-cs__stack{cursor:pointer;position:absolute;inset:0}.sd-cs__card{width:160px;height:200px;transform:translateX(calc(var(--pos) * var(--cs-spread) * 1.6)) translateY(calc(var(--pos) * var(--cs-spread) * -.4)) scale(calc(1 - var(--pos) * .06)) rotate(calc(var(--pos) * 3deg));transform-origin:0 100%;border-radius:20px;transition:transform .52s cubic-bezier(.2,1.2,.3,1),opacity .32s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 14px 30px -12px #0009,inset 0 0 0 1px #ffffff1a}.sd-cs__shape{background:var(--cs-a);border-radius:999px;width:64px;height:64px;position:absolute;top:24px;left:22px}.sd-cs__bar{background:var(--cs-b);border-radius:8px;width:52px;height:36px;position:absolute;top:104px;right:18px}.sd-cs__card[data-leaving]{opacity:0;transform:translate(-40px,30px)rotate(-14deg)scale(.9)}.sd-cs__chip{z-index:1;background:var(--chip-bg);height:26px;color:var(--chip-fg);border-radius:999px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;bottom:10px;left:10px}.sd-cs__next{background:var(--btn);width:34px;height:34px;color:var(--btn-fg);z-index:20;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:0;right:-6px}.sd-cs__next svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px}.sd-cs__next:focus-visible{outline-offset:2px;outline:2px solid}.sd-cs__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sd-cs__card{transition:opacity .15s!important}.sd-cs__card[data-leaving]{transform:none}}