.root[data-v-a712d0c2]{width:100%}.root.orientation-vertical label[data-v-a712d0c2]{flex-direction:column-reverse}label span[data-v-a712d0c2]{font-weight:var(--font-weight-bold);color:var(--text-color)}input[data-v-a712d0c2]{opacity:0;position:absolute}label[data-v-a712d0c2]{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2);cursor:pointer;display:inline-flex}input:focus-visible+label .switch[data-v-a712d0c2]{outline:2px solid var(--text-color);outline-offset:2px}label .switch[data-v-a712d0c2]{--margin:.2rem;--knob-size:1.1rem;height:calc(var(--knob-size) + var(--margin)*2);width:calc(var(--knob-size)*2 + var(--margin)*2);background:color-mix(in srgb,var(--text-color) 60%,var(--background-color));border-radius:calc(var(--knob-size) + .4rem);cursor:pointer;color:#fff;display:inline-block;position:relative}label .switch .check[data-v-a712d0c2]{width:calc(var(--knob-size) - 4px);height:calc(var(--knob-size) - 4px);top:50%;left:calc(var(--margin) + 1px);stroke-width:3px;display:none;position:absolute;transform:translateY(-50%)}label .switch[data-v-a712d0c2]:before{content:"";height:var(--knob-size);width:var(--knob-size);border-radius:var(--knob-size);background:#fff;margin-top:.2rem;margin-left:.2rem;transition:all .3s;display:block}input:checked+label .switch[data-v-a712d0c2]{background:#4bd865}input:checked+label .switch .check[data-v-a712d0c2]{display:block}input:checked+label .switch[data-v-a712d0c2]:before{transform:translate(100%)}