.toggle.checkbox--label-shown{align-items:center}.toggle,.toggle--size-large{--icon-size:20px;--toggle-width:64px;--toggle-height:32px;--toggle-handle-size:24px;--toggle-checkmark-hover-size:48px}.toggle--size-small{--icon-size:16px;--toggle-width:48px;--toggle-height:24px;--toggle-handle-size:16px;--toggle-checkmark-hover-size:32px}.toggle input{--input-radius:calc(var(--border-radius-large)*2);align-items:center;background:transparent;display:flex;flex:0 0 var(--toggle-width);flex-flow:row nowrap;height:var(--toggle-height);justify-content:flex-start;margin-top:0;padding:calc(var(--spacing-1) - 1px);width:var(--toggle-width)}.toggle input:after,.toggle input:before{border-radius:50%;content:"";display:block;height:var(--toggle-handle-size);position:static;transform:none;width:var(--toggle-handle-size)}.toggle input:before{z-index:2}.toggle input:after{background:var(--toggle-handle-default,var(--surface-inverse));margin-inline-start:calc(var(--toggle-handle-size)*-1);outline:calc(var(--toggle-handle-size)/2) solid transparent;transition:outline .15s ease-in-out;z-index:1}.toggle input:checked{--icon-color:var(--toggle-icon-checked,var(--input-icon-default));background-color:var(--toggle-color-checked,var(--input-color-checked,var(--surface-inverse)))}.toggle input:checked:before{margin-inline-start:auto}.toggle input:checked:after{background-color:var(--toggle-handle-checked,var(--surface-primary))}.toggle input:not([disabled]):hover:after{outline-color:var(--toggle-hover-default,color-mix(in srgb,var(--surface-contrast) 15%,transparent))}.toggle input[disabled]{--icon-color:var(--toggle-handle-disabled,var(--surface-secondary))}.toggle input[disabled]:after{background-color:var(--toggle-handle-disabled,var(--surface-secondary))}.toggle input[disabled]:checked:after{background-color:var(--toggle-handle-checked,var(--surface-primary))}