:root{--bsaweb--radio-switch--width:200px;--bsaweb--radio-switch--height:48px;--bsaweb--radio-switch--padding:3px;--bsaweb--radio-switch--radius:50em;--bsaweb--radio-switch--animation-duration:0.3s}body{--bsaweb--radio-switch--marker--bg-color:var( --wp--preset--color--primary,#00f)}.bsaweb-radio-switch{background-color:var(--bsaweb--color--bg-darker);border-radius:calc(var(--bsaweb--radio-switch--radius)*1.4);display:inline-block;display:inline-flex;padding:var(--bsaweb--radio-switch--padding);position:relative}.bsaweb-radio-switch:active,.bsaweb-radio-switch:focus-within{box-shadow:0 0 0 2px hsla(var(--bsaweb--color--contrast-higher-h),var(--bsaweb--color--contrast-higher-s),var(--bsaweb--color--contrast-higher-l),.15)}.bsaweb-radio-switch__item{display:inline-block;height:calc(var(--bsaweb--radio-switch--height) - var(--bsaweb--radio-switch--padding)*2);position:relative;width:calc(var(--bsaweb--radio-switch--width)*.5 - var(--bsaweb--radio-switch--padding))}.bsaweb-radio-switch__label{align-items:center;border-radius:var(--bsaweb--radio-switch--radius);cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;height:100%;justify-content:center;position:relative;transition:all var(--bsaweb--radio-switch--animation-duration);-webkit-user-select:none;user-select:none;z-index:2}.bsaweb-radio-switch__label mark{border-radius:5em;display:inline-block;padding-left:.425em;padding-right:.425em}.bsaweb-radio-switch__input:checked~.bsaweb-radio-switch__label{color:var(--bsaweb--color--white)}.bsaweb-radio-switch__input:focus~.bsaweb-radio-switch__label{background-color:hsl(var(--bsaweb--color--primary-h),var(--bsaweb--color--primary-s),calc(var(--bsaweb--color--primary-l)*.6))}.bsaweb-radio-switch__input:focus~.bsaweb-radio-switch__label,.bsaweb-radio-switch__label :not(*):focus-within{background-color:transparent}.bsaweb-radio-switch__marker{background-color:var(--bsaweb--radio-switch--marker--bg-color);border-radius:var(--bsaweb--radio-switch--radius);box-shadow:var(--shadow-md);height:calc(var(--bsaweb--radio-switch--height) - var(--bsaweb--radio-switch--padding)*2);left:-100%;position:absolute;top:0;transition:transform var(--bsaweb--radio-switch--animation-duration);width:calc(var(--bsaweb--radio-switch--width)*.5 - var(--bsaweb--radio-switch--padding));z-index:1}.bsaweb-radio-switch__input:checked~.bsaweb-radio-switch__marker{transform:translateX(100%)}