:root{--switches-bg-color:#f2f2f2;--switches-label-color:#7b7b7b;--switch-bg-color:#fff;--switch-text-color:#60528b}.SliderSwitchContainer .switches-container{width:186px;display:flex;padding:0;position:relative;background:var(--switches-bg-color);line-height:2rem;border-radius:8px}.SliderSwitchContainer .switches-container input{visibility:hidden;position:absolute;top:0}.SliderSwitchContainer .switches-container label{width:50%;padding:0;margin:0;text-align:center;cursor:pointer;color:var(--switches-label-color);font-size:12px}.SliderSwitchContainer .switch-wrapper{position:absolute;top:0;bottom:0;width:50%;padding:.2rem;z-index:3;transition:transform .5s cubic-bezier(.77,0,.175,1)}.SliderSwitchContainer .switch{border-radius:6px;background:var(--switch-bg-color);height:100%}.SliderSwitchContainer .switch div{width:100%;text-align:center;opacity:0;display:block;color:var(--switch-text-color)!important;transition:opacity .2s cubic-bezier(.77,0,.175,1) .125s;will-change:opacity;position:absolute;font-size:12px;top:0;left:0}.SliderSwitchContainer .switches-container input:first-of-type:checked~.switch-wrapper{transform:translateX(0)}.SliderSwitchContainer .switches-container input:nth-of-type(2):checked~.switch-wrapper{transform:translateX(100%)}.SliderSwitchContainer .switches-container input:first-of-type:checked~.switch-wrapper .switch div:first-of-type,.SliderSwitchContainer .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2){opacity:1}