.ds-switch{align-items:flex-start;gap:var(--fds-ref-spacing-3xsmall);flex-direction:column;display:inline-flex}.ds-switch__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.ds-switch__label-wrapper{align-items:center;gap:var(--fds-ref-spacing-xsmall);cursor:pointer;display:flex}.ds-switch__track{margin:var(--fds-ref-spacing-4xsmall);border-radius:var(--fds-ref-radius-full);box-sizing:border-box;background:rgba(var(--b-sc), var(--fds-ref-alpha-32));flex-shrink:0;align-items:center;transition:background .15s;display:inline-flex;position:relative}.ds-switch__track:before{content:"";border-radius:inherit;background:rgba(var(--b-sc), var(--fds-ref-alpha-16));opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.ds-switch__thumb{background:rgba(var(--b-sc), var(--fds-ref-alpha-100));border-radius:var(--fds-ref-radius-full);transition:left .18s;position:absolute;top:50%;transform:translateY(-50%)}.ds-switch__label-text{color:rgba(var(--b-sc), var(--fds-ref-alpha-90));white-space:normal}.ds-switch__helper-row{width:100%;display:flex}.ds-switch__helper-row-inner{align-items:center;display:flex}.ds-switch__helper-text{color:rgba(var(--b-sc), var(--fds-ref-alpha-64))}.ds-switch.ds-switch-size--xsmall .ds-switch__track{width:28px;height:16px}.ds-switch.ds-switch-size--xsmall .ds-switch__thumb{width:16px;height:12px;left:2px}.ds-switch.ds-switch-size--xsmall.ds-switch--checked .ds-switch__thumb{left:10px}.ds-switch.ds-switch-size--xsmall .ds-switch__helper-row-inner{padding-left:var(--fds-ref-spacing-6xlarge)}.ds-switch.ds-switch-size--xsmall.ds-switch-placement--before .ds-switch__helper-row-inner{padding-left:0;padding-right:var(--fds-ref-spacing-6xlarge)}.ds-switch.ds-switch-size--small .ds-switch__track{width:28px;height:16px}.ds-switch.ds-switch-size--small .ds-switch__thumb{width:16px;height:12px;left:2px}.ds-switch.ds-switch-size--small.ds-switch--checked .ds-switch__thumb{left:10px}.ds-switch.ds-switch-size--small .ds-switch__helper-row-inner{padding-left:var(--fds-ref-spacing-6xlarge)}.ds-switch.ds-switch-size--small.ds-switch-placement--before .ds-switch__helper-row-inner{padding-left:0;padding-right:var(--fds-ref-spacing-6xlarge)}.ds-switch.ds-switch-size--large .ds-switch__track{width:34px;height:20px}.ds-switch.ds-switch-size--large .ds-switch__thumb{width:20px;height:16px;left:2px}.ds-switch.ds-switch-size--large.ds-switch--checked .ds-switch__thumb{left:12px}.ds-switch.ds-switch-size--large .ds-switch__helper-row-inner{padding-left:46px}.ds-switch.ds-switch-size--large.ds-switch-placement--before .ds-switch__helper-row-inner{padding-left:0;padding-right:46px}.ds-switch.ds-switch-placement--before .ds-switch__label-wrapper{justify-content:flex-end}.ds-switch.ds-switch-placement--before .ds-switch__label-text{text-align:right}.ds-switch.ds-switch-placement--before .ds-switch__helper-row-inner{justify-content:flex-end}.ds-switch.ds-switch-color--primary.ds-switch--checked .ds-switch__track{background:rgba(var(--hero), var(--fds-ref-alpha-100))}.ds-switch.ds-switch-color--secondary.ds-switch--checked .ds-switch__track{background:rgba(var(--oc-1), var(--fds-ref-alpha-100))}.ds-switch.ds-switch-color--tertiary.ds-switch--checked .ds-switch__track{background:rgba(var(--oc-2), var(--fds-ref-alpha-100))}[class*=is-web] .ds-switch:hover:not(.ds-switch--disabled).ds-switch--unchecked .ds-switch__track{background:rgba(var(--b-sc), var(--fds-ref-alpha-48))}[class*=is-web] .ds-switch:hover:not(.ds-switch--disabled).ds-switch--checked .ds-switch__track:before{opacity:1}.ds-switch.ds-switch--disabled{pointer-events:none}.ds-switch.ds-switch--disabled .ds-switch__label-wrapper{cursor:not-allowed}.ds-switch.ds-switch--disabled .ds-switch__track{background:rgba(var(--b-sc), var(--fds-ref-alpha-8))!important}.ds-switch.ds-switch--disabled .ds-switch__label-text,.ds-switch.ds-switch--disabled .ds-switch__helper-text{color:rgba(var(--b-sc), var(--fds-ref-alpha-24))}