.switch-wrapper[data-v-f0c454f1-s],.switch-wrapper[data-v-f0c454f1]{--switch-height:1rem;--switch-width:1.5rem;--switch-thumb-size:.5rem;--switch-thumb-top:.25rem;--switch-thumb-left:.25rem;justify-content:center;align-items:center;gap:var(--spacer-sm);width:1.5rem;height:1.5rem;display:flex}.switch-wrapper[data-size=lg][data-v-f0c454f1]{--switch-height:1.5rem;--switch-width:2.75rem;--switch-thumb-size:1rem;--switch-thumb-top:.25rem;--switch-thumb-left:.25rem;width:3.25rem;height:2rem}.switch-wrapper[data-disabled=true][data-v-f0c454f1],.switch-wrapper[data-disabled=true] label[data-v-f0c454f1]{cursor:not-allowed}input[type=checkbox].switch-input[data-v-f0c454f1]{visibility:hidden;width:0;height:0}label.switch-label[data-v-f0c454f1]{cursor:pointer;width:var(--switch-width);height:var(--switch-height);background-color:var(--color-surface-border);border-radius:100px;transition:background-color .2s ease-in-out;display:block;position:relative}label.switch-label[data-v-f0c454f1]:focus-visible{outline:2px solid var(--color-brand-opacity-20)}label.switch-label[data-v-f0c454f1]:after{content:"";top:var(--switch-thumb-top);left:var(--switch-thumb-left);width:var(--switch-thumb-size);height:var(--switch-thumb-size);background:#fff;border-radius:90px;transition:all .2s;position:absolute}label.switch-label[data-checked=true][data-v-f0c454f1]{background-color:var(--color-brand-primary);transition:background-color .2s ease-in-out}label.switch-label[data-checked=true][data-v-f0c454f1]:focus-visible{outline:2px solid var(--color-brand-opacity-20)}label.switch-label[data-checked=true][data-v-f0c454f1]:after{left:calc(100% - var(--switch-thumb-left));transform:translate(-100%)}label.switch-label[data-v-f0c454f1]:active:after{width:8px}