.toggle{padding-right:var(--spacing-4)}.toggle__switch{position:relative;display:inline-block;width:50px;height:25px}.toggle__input{opacity:0;width:0;height:0}.toggle__input:checked+.toggle__span{background-color:var(--primaryColor)}.toggle__input:checked+.toggle__span:before{transform:translateX(26px)}.toggle__input:focus+.toggle__span{box-shadow:0 0 1px var(--primaryColor)}.toggle__span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--secondaryLighterColor);transition:.4s}.toggle__span:before{position:absolute;content:"";height:19px;width:19px;left:3px;bottom:3px;background-color:var(--primaryLightestColor);transition:.4s}.toggle__span.round{border-radius:25px}.toggle__span.round:before{border-radius:50%}