:root{--default-grid-pixels:8px;--default-header-height:64px}.input-switcher{min-height:16px}.input-switcher input[type=checkbox]{z-index:-1;opacity:0;position:absolute}.input-switcher input[type=checkbox]+label{-webkit-tap-highlight-color:transparent;color:hsla(var(--comp-typo-secondary), 1);-webkit-user-select:none;user-select:none;cursor:pointer;padding-left:40px;display:inline-block;position:relative}.input-switcher input[type=checkbox]+label:empty{min-height:8px;padding-left:32px}.input-switcher input[type=checkbox]+label:before{content:"";will-change:background-color;background-color:#0000;border-radius:8px;width:32px;height:8px;transition:background-color .3s;position:absolute;top:calc(50% - 4px);left:0}.input-switcher input[type=checkbox]:checked+label:before{background-color:#0000;border-color:#0000}.input-switcher input[type=checkbox]+label:after{content:"";width:16px;height:16px;-webkit-box-shadow:0 0 7px hsla(var(--comp-dark), 0);box-shadow:0 0 7px hsla(var(--comp-dark), 0);will-change:left, background-color, box-shadow;background-color:#0000;border-radius:100%;transition:left .3s,background-color .3s,box-shadow .3s;position:absolute;top:calc(50% - 8px);left:0}.input-switcher input[type=checkbox]:checked+label:after{left:16px}.input-switcher.uppercase input[type=checkbox]+label{text-transform:uppercase}.input-switcher.disabled input[type=checkbox]+label{cursor:not-allowed}.input-switcher.fill{width:100%}.input-switcher.fill input[type=checkbox]+label{width:100%;display:inline-block}.input-switcher>span{color:hsla(var(--comp-typo-secondary), 1);text-transform:none;margin-top:4px;font-size:1.2rem;transition:color .3s;display:block}.input-switcher>span:empty:before{content:"​"}.input-switcher.invalid>span,.input-switcher.invalid input[type=checkbox]+label{color:hsla(var(--comp-error), 1)}.input-switcher.invalid input[type=checkbox]+label:before{background-color:hsla(var(--comp-error), .2)!important}.input-switcher.invalid input[type=checkbox]+label:after{background-color:hsla(var(--comp-error), 1)!important}.input-switcher.primary input[type=checkbox]+label:before{background-color:hsla(var(--comp-secondary-light2), 1)}.input-switcher.primary input[type=checkbox]:checked+label:before{background-color:hsla(var(--comp-primary-light4), 1)}.input-switcher.primary input[type=checkbox]:focus+label:after,.input-switcher.primary input[type=checkbox]:hover+label:after{-webkit-box-shadow:0 0 4px hsla(var(--comp-dark), .5);box-shadow:0 0 4px hsla(var(--comp-dark), .5);animation:.3s blip}.input-switcher.primary input[type=checkbox]+label:after{background-color:hsla(var(--comp-secondary), 1)}.input-switcher.primary input[type=checkbox]:checked+label:after{background-color:hsla(var(--comp-primary-dark2), 1);-webkit-box-shadow:0 0 7px hsla(var(--comp-primary-dark2), .5);box-shadow:0 0 7px hsla(var(--comp-primary-dark2), .5)}.input-switcher input[type=checkbox]+label:before,.input-switcher.secondary input[type=checkbox]+label:before,.input-switcher input[type=checkbox]:checked+label:before,.input-switcher.secondary input[type=checkbox]:checked+label:before{background-color:hsla(var(--comp-secondary-light2), 1)}.input-switcher input[type=checkbox]:focus+label:after,.input-switcher input[type=checkbox]:hover+label:after,.input-switcher.secondary input[type=checkbox]:focus+label:after,.input-switcher.secondary input[type=checkbox]:hover+label:after{-webkit-box-shadow:0 0 7px hsla(var(--layout-dark), .5);box-shadow:0 0 7px hsla(var(--layout-dark), .5);animation:.3s blip}.input-switcher input[type=checkbox]+label:after,.input-switcher.secondary input[type=checkbox]+label:after{background-color:hsla(var(--comp-secondary), 1)}.input-switcher input[type=checkbox]:checked+label:after,.input-switcher.secondary input[type=checkbox]:checked+label:after{background-color:hsla(var(--comp-secondary-dark2), 1)}