.dribble-switch[data-v-477eab37]{--switch-width:40px;--switch-height:24px;--switch-inset:3px;--switch-border:1px;--switch-accent:#00ff87;--switch-off:light-dark(#e4dbea,hsla(0,0%,100%,.1));--switch-line:light-dark(#d6cbde,hsla(0,0%,100%,.15));--switch-thumb:light-dark(#fff,hsla(0,0%,100%,.9));--switch-on-track:light-dark(#1a0f22,color-mix(in srgb,var(--switch-accent) 25%,transparent));--switch-on-line:light-dark(#1a0f22,color-mix(in srgb,var(--switch-accent) 45%,transparent));align-items:center;background:transparent;border:0;border-radius:999px;cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:0;vertical-align:middle;width:44px}.switch-track[data-v-477eab37]{background:var(--switch-off);border:var(--switch-border) solid var(--switch-line);border-radius:999px;box-sizing:border-box;flex:none;height:var(--switch-height);position:relative;transition:background-color .2s ease,border-color .2s ease;width:var(--switch-width)}.switch-thumb[data-v-477eab37]{background:var(--switch-thumb);border-radius:50%;box-shadow:0 1px 3px var(--shade-30);height:calc(var(--switch-height) - (var(--switch-border) + var(--switch-inset))*2);left:var(--switch-inset);position:absolute;top:var(--switch-inset);transition:transform .2s ease,background-color .2s ease;width:calc(var(--switch-height) - (var(--switch-border) + var(--switch-inset))*2)}.is-on .switch-track[data-v-477eab37]{background:var(--switch-on-track);border-color:var(--switch-on-line)}.is-on .switch-thumb[data-v-477eab37]{background:var(--switch-accent);transform:translate(calc(var(--switch-width) - var(--switch-height)))}.is-danger[data-v-477eab37]{--switch-accent:#ff2d55}.dribble-switch[data-v-477eab37]:focus-visible{outline:2px solid var(--switch-accent);outline-offset:2px}@media(max-width:767px){.dribble-switch[data-v-477eab37]{--switch-width:36px;--switch-height:22px}}@media(prefers-reduced-motion:reduce){.switch-thumb[data-v-477eab37],.switch-track[data-v-477eab37]{transition:none}}