.s-toggle{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:48px;padding:8px 0;display:flex}.s-toggle--standalone{width:auto;min-height:initial;padding:0}.s-toggle--disabled{cursor:not-allowed;opacity:.6}.s-toggle__content{cursor:default;flex-direction:column;gap:2px;display:flex}.s-toggle__label{font:var(--sds-sys-typescale-body-lg-font);color:var(--sds-sys-color-on-surface)}.s-toggle__supporting-text{font:var(--sds-sys-typescale-body-sm-font);color:var(--sds-sys-color-on-surface-de-emphasis);align-items:center;gap:8px;display:flex}.s-toggle__supporting-icon{color:var(--sds-sys-color-on-surface-de-emphasis)}.s-toggle__control{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.s-toggle--disabled .s-toggle__control{cursor:not-allowed}.s-toggle__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.s-toggle__track{width:var(--sds-sys-measurement-size-52);height:var(--sds-sys-measurement-size-32);border-radius:var(--sds-sys-shape-radius-lg);background-color:var(--sds-sys-color-surface-container-highest);border:2px solid var(--sds-sys-color-outline-variant);box-sizing:border-box;transition:background-color .2s,border-color .2s;position:relative}.s-toggle__input:checked~.s-toggle__track{background-color:var(--sds-sys-color-primary);border-color:#0000}.s-toggle:not(.s-toggle--disabled) .s-toggle__control:hover .s-toggle__track{border-color:var(--sds-sys-color-outline)}.s-toggle:not(.s-toggle--disabled) .s-toggle__control:hover .s-toggle__input:checked~.s-toggle__track{background-color:var(--sds-sys-color-primary);border-color:#0000}.s-toggle--disabled .s-toggle__track{opacity:.38}.s-toggle__input:focus-visible~.s-toggle__track{outline:2px solid var(--sds-sys-color-primary);outline-offset:2px}.s-toggle__handle{width:var(--sds-sys-measurement-size-24);height:var(--sds-sys-measurement-size-24);border-radius:var(--sds-sys-shape-radius-lg);background-color:var(--sds-sys-color-on-surface-de-emphasis);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.s-toggle__input:checked~.s-toggle__track .s-toggle__handle{background-color:var(--sds-sys-color-on-primary);transform:translateY(-50%)translate(20px)}.s-toggle:not(.s-toggle--disabled) .s-toggle__control:hover .s-toggle__handle{box-shadow:var(--sds-sys-elevation-level1-shadow)}.s-toggle:not(.s-toggle--disabled) .s-toggle__control:active .s-toggle__handle{filter:brightness(.9)}.s-toggle__handle:before{content:"";border-radius:var(--sds-sys-shape-radius-round);opacity:0;pointer-events:none;background-color:currentColor;width:40px;height:40px;transition:all .2s;position:absolute;transform:scale(0)}.s-toggle:not(.s-toggle--disabled) .s-toggle__control:hover .s-toggle__handle:before{opacity:.08;transform:scale(1)}.s-toggle__input:focus-visible~.s-toggle__track .s-toggle__handle:before,.s-toggle:not(.s-toggle--disabled) .s-toggle__control:active .s-toggle__handle:before{opacity:.12;transform:scale(1)}.s-toggle-group{flex-direction:column;display:flex}.s-toggle-group__label{font:var(--sds-sys-typescale-title-sm-font);color:var(--sds-sys-color-on-surface-emphasis);margin-bottom:8px;padding:0 16px}.s-toggle-group__items{flex-direction:column;display:flex}.s-toggle-group__items .s-toggle{padding-left:16px;padding-right:16px}