.os-switch{font-size:var(--os-switch-font-size);cursor:pointer;display:inline-flex;line-height:1;align-items:center;justify-content:center;padding:0;min-height:2.2em}.os-switch .os-switch-input{display:flex;align-items:center;height:1.8em;border-radius:2em;background-color:var(--os-switch-background-color);transition:.3s all;position:relative}.os-switch input{display:none}.os-switch.is-disabled{cursor:not-allowed}.os-switch.is-disabled .os-switch-input{background-color:var(--os-switch-disabled-background-color)}.os-switch.is-checked .os-switch-input{background-color:var(--os-switch-checked-background-color)}.os-switch.is-checked .os-switch-label{padding:.4em 2em .4em .8em}.os-switch.is-checked .os-switch-input-box{left:calc(100% - 1.6em)}.os-switch.is-checked.is-disabled .os-switch-input{background-color:var(--os-switch-checked-disabled-background-color)}.os-switch:active .os-switch-input-box{transform:scaleX(1.2);transform-origin:left center}.os-switch.is-checked:active .os-switch-input-box{transform-origin:right center}.os-switch-input-box{background-color:var(--os-color-neutral-0);width:1.4em;height:1.4em;border-radius:100%;display:flex;align-items:center;justify-content:center;left:.2em;transition:.3s all;position:absolute;box-shadow:0 1px 6px #0003}.os-switch-label{color:var(--os-color-neutral-0);transition:.3s all;padding:.4em .8em .4em 2em;min-width:3.6em}.os-switch{--os-switch-font-size: var(--os-heading8);--os-switch-background-color: var(--os-color-neutral-3);--os-switch-checked-background-color: var(--os-color-primary);--os-switch-disabled-background-color: var(--os-color-neutral-2);--os-switch-checked-disabled-background-color: var(--os-color-neutral-7)}.os-switch-large{--os-switch-font-size: var(--os-heading7)}.os-switch-mini{--os-switch-font-size: var(--os-heading9)}