.switch{contain:size layout style;display:inline-block;height:1.5rem;position:relative;vertical-align:bottom;width:3rem}.switch__position,.switch__toggle{height:100%;left:0;position:absolute;top:0;width:100%}.switch__toggle{background:var(--sib-color_information-default);border-radius:.75rem;padding:.125rem}:active~.switch__toggle,:focus~.switch__toggle{box-shadow:0 0 0 2px #c9e1f4}[type=checkbox]+.switch__toggle{background:var(--sib-color_content-secondary,#687484);transition:background-color .25s ease}[type=checkbox]+.switch__toggle:before{border-color:var(--sib-color_content-white,#fff);border-style:solid;border-width:0 2px 2px 0;bottom:.5rem;content:"";left:.5rem;position:absolute;top:.25rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:60% 70%;transform-origin:60% 70%;width:.5rem}[type=checkbox]:checked+.switch__toggle{background:var(--sib-color_information-default)}.switch__toggle:after{background:var(--sib-color_content-white,#fff);border-radius:.625rem;content:"";display:block;height:1.25rem;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:1.25rem;will-change:transform}:checked+.switch__toggle:after{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}.switch__position{cursor:pointer;margin:0;opacity:0;padding:0;z-index:1}.switch__position[type=radio]:checked{z-index:-1}