.switch{margin:1em 0;display:block}.switch__main{display:flex;justify-content:space-between;gap:1em}.switch__interactive{cursor:pointer}.switch__interactive input[type=checkbox]{visibility:hidden;width:0;height:0}.switch__interactive label{display:block;position:relative;width:3.75em;height:1.875em;border-radius:1.875em;background:var(--shade04);text-indent:-9999px;cursor:pointer}.switch__interactive label:after{content:"";position:absolute;border-radius:1.875em;transition:.3s;top:.1875em;left:.1875em;width:1.5em;height:1.5em;background:#fff}.switch__interactive input:checked+label{background:var(--brandPrimary)}.switch__interactive input:checked+label:after{left:calc(100% - .1875em);transform:translate(-100%)}.switch__interactive input:not(:disabled)+label:active:after{width:1.875em}.switch__description{margin-top:.3rem}