.sliding-checkbox__control{--width:10em;--overlap:0.5em;--background-color:#eee;--highlight-color:#fff;--border-radius:2em;--transition-duration:0.25s;background-color:var(--background-color);border-radius:var(--border-radius);display:inline-flex;padding-block:.5rem;padding-inline:var(--overlap);position:relative;width:var(--width)}.sliding-checkbox__control :where(input){opacity:0;position:absolute}.sliding-checkbox__control :where(.sliding-checkbox__slider){background-color:var(--highlight-color);border-radius:inherit;border-style:solid;border-width:2px;bottom:0;left:0;position:absolute;right:calc(50% - var(--overlap));top:0;transition:left var(--transition-duration) ease-in-out,right var(--transition-duration) ease-in-out;z-index:5}.sliding-checkbox__control :where(input:checked+.sliding-checkbox__slider){left:calc(50% - var(--overlap));right:0}.sliding-checkbox__control :where(.sliding-checkbox__option){flex:0 1 50%;position:relative;text-align:center;z-index:10}.sliding-checkbox__control:focus-within{outline:1px auto -webkit-focus-ring-color}