.c-toggle-switch{--toggle-size: 2.5rem;--toggle-height: calc(var(--toggle-size) * .567);--toggle-padding: .25rem;--toggle-slider-size: calc(var(--toggle-height) - (var(--toggle-padding) * 2));--toggle-color-on: var(--color-accent);--toggle-color-off: var(--color-toggle-off);--toggle-slider-color: var(--color-white);display:inline-flex;align-items:center;gap:var(--sm-spacing);background-color:transparent;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:var(--sm-font-size);color:var(--color-primary)}.c-toggle-switch:focus-visible{outline:none}.c-toggle-switch:focus-visible .c-toggle-switch__track{outline:2px solid var(--color-primary);outline-offset:2px}.c-toggle-switch[data-selected=true] .c-toggle-switch__track{background-color:var(--toggle-color-on)}.c-toggle-switch[data-selected=true] .c-toggle-switch__slider{transform:translate(calc(var(--toggle-size) - var(--toggle-slider-size) - (var(--toggle-padding) * 2)))}.c-toggle-switch__track{position:relative;display:inline-block;flex:0 0 var(--toggle-size);width:var(--toggle-size);height:var(--toggle-height);background-color:var(--toggle-color-off);border-radius:calc(var(--toggle-height) / 2);transition:background-color .3s ease}.c-toggle-switch__slider{position:absolute;inset-block-start:var(--toggle-padding);inset-inline-start:var(--toggle-padding);width:var(--toggle-slider-size);height:var(--toggle-slider-size);background-color:var(--toggle-slider-color);border-radius:50%;transition:transform .3s ease}.c-toggle-switch__label{font-size:var(--sm-font-size);color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-toggle-switch.css.map */