2 lines
1.7 KiB
CSS
2 lines
1.7 KiB
CSS
.base-switch[data-v-0410eed4]{cursor:pointer;flex-direction:column;gap:6px;display:inline-flex}.base-switch--disabled[data-v-0410eed4]{cursor:not-allowed;opacity:.72}.base-switch--error .base-switch__track[data-v-0410eed4]{box-shadow:0 0 0 2px #dc35452e}.base-switch__label[data-v-0410eed4]{color:var(--color-text);font-size:.8125rem;font-weight:600}.base-switch__control[data-v-0410eed4]{align-items:center;display:inline-flex}.base-switch__input[data-v-0410eed4]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.base-switch__input:focus-visible+.base-switch__track[data-v-0410eed4]{outline:2px solid var(--color-primary);outline-offset:2px}.base-switch__track[data-v-0410eed4]{width:44px;height:24px;transition:background var(--transition-fast);background:#cbd5e1;border-radius:999px;flex-shrink:0;position:relative}.base-switch__input:checked+.base-switch__track[data-v-0410eed4]{background:var(--color-success)}.base-switch__thumb[data-v-0410eed4]{width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:2px}.base-switch__input:checked+.base-switch__track .base-switch__thumb[data-v-0410eed4]{transform:translate(-20px)}.base-switch__spinner[data-v-0410eed4]{border:2px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite base-switch-spin-0410eed4}@keyframes base-switch-spin-0410eed4{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.base-switch__track[data-v-0410eed4],.base-switch__thumb[data-v-0410eed4],.base-switch__spinner[data-v-0410eed4]{transition:none;animation:none}}
|