.sd-atc{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-atc[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-atc :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-atc :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-atc .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-atc{background:var(--bg);width:min(100%,240px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;padding:12px}.sd-atc__img{background:var(--soft);height:130px;color:var(--mute);border-radius:12px;place-items:center;font:600 34px/1 ui-sans-serif,system-ui;display:grid;position:relative}.sd-atc__badge{background:var(--strong);min-width:22px;height:22px;color:var(--on);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:700;animation:.32s cubic-bezier(.3,1.8,.4,1) sd-atc-bump;display:grid;position:absolute;top:8px;right:8px}@keyframes sd-atc-bump{40%{transform:scale(1.3)}}.sd-atc__n{margin-top:10px;font-size:14px;font-weight:600}.sd-atc__p{color:var(--mute);margin-bottom:10px;font-size:13px}.sd-atc__ctl{background:var(--strong);height:42px;color:var(--on);border-radius:12px;transition:background-color .22s,box-shadow .22s;position:relative;overflow:hidden}.sd-atc[data-style=outline] .sd-atc__ctl{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg);background:0 0}.sd-atc__add{justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:opacity .2s,transform .26s cubic-bezier(.3,1.3,.4,1);display:flex;position:absolute;inset:0;color:inherit!important}.sd-atc__add svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.sd-atc__step{opacity:0;pointer-events:none;grid-template-columns:42px 1fr 42px;align-items:center;transition:opacity .2s,transform .26s cubic-bezier(.3,1.3,.4,1);display:grid;position:absolute;inset:0;transform:scale(.9)}.sd-atc[data-on] .sd-atc__add{opacity:0;pointer-events:none;transform:scale(1.1)}.sd-atc[data-on] .sd-atc__step{opacity:1;pointer-events:auto;transform:none}.sd-atc__step button{height:42px;font-size:18px;color:inherit!important}.sd-atc__step button:hover{background:color-mix(in srgb, currentColor 10%, transparent)!important}.sd-atc__step button:disabled{opacity:.35}.sd-atc__q{text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.sd-atc__q span{animation:.22s sd-atc-roll;display:inline-block}@keyframes sd-atc-roll{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.sd-atc *,.sd-atc :before,.sd-atc :after{transition:none!important;animation:none!important}}