.rfc-switch{--rfc-switch-width: calc(48 * var(--rfc-px));--rfc-switch-height: calc(24 * var(--rfc-px));--rfc-switch-inset: calc(1 * var(--rfc-px));--rfc-switch-knob: calc(var(--rfc-switch-height) - 2 * var(--rfc-switch-inset));position:relative;display:inline-flex;align-items:center;gap:var(--rfc-space-12);min-height:var(--rfc-switch-height);cursor:pointer}.rfc-switch__label{font-weight:var(--font-body-weight-bold)}@media screen and (max-width:599px){.rfc-switch--s .rfc-switch__label{font-size:var(--rfc-text-label)}}.rfc-switch__track{position:relative;flex:none;width:var(--rfc-switch-width);height:var(--rfc-switch-height);border-radius:calc(var(--rfc-switch-height) / 2);background-color:rgba(var(--color-foreground),var(--rfc-edge-focus));transition:background-color var(--rfc-time) var(--rfc-ease)}.rfc-switch__track:before,.rfc-switch__track:after{content:"";position:absolute;inset-block-start:var(--rfc-switch-inset);inset-inline-start:var(--rfc-switch-inset);width:var(--rfc-switch-knob);height:var(--rfc-switch-knob);border-radius:50%;transition:translate var(--rfc-time) var(--rfc-ease)}.rfc-switch__track:after{background-color:rgb(var(--color-background))}.rfc-switch__track:before{z-index:1;background-color:rgb(var(--color-foreground));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center / 48% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center / 48% no-repeat;opacity:0;transition:translate var(--rfc-time) var(--rfc-ease),opacity var(--rfc-time) var(--rfc-ease)}.rfc-switch__input:checked~.rfc-switch__track{background-color:rgb(var(--color-foreground))}.rfc-switch__input:checked~.rfc-switch__track:before,.rfc-switch__input:checked~.rfc-switch__track:after{translate:calc(var(--rfc-switch-width) - var(--rfc-switch-height)) 0}.rfc-switch__input:checked~.rfc-switch__track:before{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/16/assets/rfc-switch.css.map */