.t-switch{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;vertical-align:middle;height:var(--td-comp-size-xxs);line-height:var(--td-comp-size-xxs);border-radius:var(--td-radius-round);min-width:calc(var(--td-comp-size-xxs) / .618);background-color:var(--td-bg-color-secondarycomponent);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;outline:none;align-items:center;margin:0;padding:0;list-style:none;transition:all .2s cubic-bezier(.38,0,.24,1);display:inline-flex;position:relative}.t-switch:hover{background-color:var(--td-bg-color-secondarycomponent-hover)}.t-switch__handle{width:calc(var(--td-comp-size-xxs) - 2 * .25rem);height:calc(var(--td-comp-size-xxs) - 2 * .25rem);border-radius:var(--td-radius-round);box-shadow:var(--td-shadow-1);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.38,0,.24,1);display:flex;position:absolute;top:.25rem;left:.25rem}.t-switch__handle .t-icon{font-size:calc(var(--td-comp-size-xxs) - .25rem);color:#0000}.t-switch__handle:before{content:"";border-radius:var(--td-radius-round);background-color:#fff;transition:all .2s cubic-bezier(.38,0,.24,1);position:absolute;inset:0}.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{left:0;right:-.375rem}.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{left:-.375rem;right:0}.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content{opacity:0}.t-switch__content{box-sizing:border-box;color:var(--td-text-color-anti);padding:0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + .125rem);font-size:var(--td-font-size-body-small);min-width:calc(var(--td-comp-size-xxs) / .618);align-items:center;transition:padding .2s cubic-bezier(.38,0,.24,1),opacity .2s linear;display:inline-flex}.t-switch__content .t-icon{font-size:var(--td-font-size-body-large)}.t-switch.t-is-checked{background-color:var(--td-brand-color)}.t-switch.t-is-checked:hover{background-color:var(--td-brand-color-hover)}.t-switch.t-is-checked .t-switch__handle{width:calc(var(--td-comp-size-xxs) - 2 * .15625rem);height:calc(var(--td-comp-size-xxs) - 2 * .15625rem);top:.15625rem;left:calc(100% - .15625rem);transform:translate(-100%)}.t-switch.t-is-checked .t-switch__content{padding:0 calc(calc(var(--td-comp-size-xxs) / .618) / 2 + .125rem) 0 var(--td-comp-margin-xs);color:var(--td-text-color-anti)}.t-switch.t-is-loading{cursor:not-allowed;background-color:var(--td-bg-color-component-disabled)}.t-switch.t-is-loading .t-loading{display:inline-flex}.t-switch.t-is-loading .t-switch__handle .t-icon{color:var(--td-bg-color-component-disabled)}.t-switch.t-is-loading.t-is-checked{background-color:var(--td-brand-color-focus)}.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon{color:var(--td-brand-color-focus)}.t-switch.t-is-disabled{cursor:not-allowed;background-color:var(--td-bg-color-component-disabled)}.t-switch.t-is-disabled .t-switch__handle{box-shadow:none}.t-switch.t-is-disabled.t-is-checked{background-color:var(--td-brand-color-disabled)}.t-switch.t-is-disabled.t-is-checked .t-switch__handle{box-shadow:none}.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon{color:var(--td-brand-color-disabled)}.t-switch.t-size-l{min-width:calc(var(--td-comp-size-xs) / .618);height:var(--td-comp-size-xs);line-height:var(--td-comp-size-xs);border-radius:var(--td-radius-round)}.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{left:0;right:-.5rem}.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{left:-.5rem;right:0}.t-switch.t-size-l .t-switch__handle{width:calc(var(--td-comp-size-xs) - 2 * .3125rem);height:calc(var(--td-comp-size-xs) - 2 * .3125rem);top:.3125rem;left:.3125rem}.t-switch.t-size-l .t-switch__handle .t-icon{font-size:calc(var(--td-comp-size-xs) - .25rem)}.t-switch.t-size-l .t-switch__content{padding:0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + .25rem);min-width:calc(var(--td-comp-size-xs) / .618);font-size:var(--td-font-size-body-large)}.t-switch.t-size-l .t-switch__content .t-icon{font-size:var(--td-font-size-body-large)}.t-switch.t-size-l.t-is-checked .t-switch__handle{width:calc(var(--td-comp-size-xs) - 2 * .1875rem);height:calc(var(--td-comp-size-xs) - 2 * .1875rem);top:.1875rem;left:calc(100% - .1875rem)}.t-switch.t-size-l.t-is-checked .t-switch__content{padding:0 calc(calc(var(--td-comp-size-xs) / .618) / 2 + .25rem) 0 var(--td-comp-margin-s)}.t-switch.t-size-s{min-width:calc(var(--td-comp-size-xxxs) / .618);height:var(--td-comp-size-xxxs);line-height:var(--td-comp-size-xxxs);border-radius:var(--td-radius-round)}.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle:before{left:0;right:-.25rem}.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle:before{left:-.25rem;right:0}.t-switch.t-size-s .t-switch__handle{width:calc(var(--td-comp-size-xxxs) - 2 * .1875rem);height:calc(var(--td-comp-size-xxxs) - 2 * .1875rem);top:.1875rem;left:.1875rem}.t-switch.t-size-s .t-switch__handle .t-icon{font-size:calc(var(--td-comp-size-xxxs) - .25rem)}.t-switch.t-size-s .t-switch__content{padding:0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + .125rem);min-width:calc(var(--td-comp-size-xxxs) / .618);font-size:.5625rem}.t-switch.t-size-s .t-switch__content .t-icon{font-size:var(--td-font-size-body-large)}.t-switch.t-size-s.t-is-checked .t-switch__handle{width:calc(var(--td-comp-size-xxxs) - 2 * .125rem);height:calc(var(--td-comp-size-xxxs) - 2 * .125rem);top:.125rem;left:calc(100% - .125rem)}.t-switch.t-size-s.t-is-checked .t-switch__content{padding:0 calc(calc(var(--td-comp-size-xxxs) / .618) / 2 + .125rem) 0 var(--td-comp-margin-xxs)}