:root,[data-theme]{--kds-content-switcher-border-radius:var(--kds-border-radius-max)}[data-theme^=business]{--kds-content-switcher-border-radius:var(--kds-border-radius-xs)}.switcher{box-sizing:border-box;padding:var(--kds-content-switcher-padding);border-radius:var(--kds-content-switcher-border-radius);background-color:var(--kds-color-border-primary);display:inline-flex}.switcher--full-width{display:flex}.switcher--full-width .switch,.switcher--full-width .kds-tooltip-container{flex:1}.switcher--s{--kds-content-switcher-padding:var(--kds-spacing-2xs)}.switcher--m{--kds-content-switcher-padding:var(--kds-border-m);--kds-switch-padding-y:var(--kds-spacing-m)}[data-theme^=business] .switcher--s{--kds-switch-padding-y:10px;--kds-content-switcher-padding:var(--kds-spacing-2xs)}[data-theme^=business] .switcher--m{--kds-switch-padding-y:14px}@media only screen and (width<=599px){.switcher--vertical{--kds-content-switcher-padding:var(--kds-spacing-xs);--kds-content-switcher-border-radius:var(--kds-border-radius-m)}[data-theme^=business] .switcher--vertical{--kds-content-switcher-padding:var(--kds-spacing-2xs);--kds-content-switcher-border-radius:var(--kds-border-radius-xs)}}:root,[data-theme]{--kds-content-switcher-item-border-radius:var(--kds-border-radius-max);--kds-content-switcher-item-icon-size:var(--kds-icon-size-m);--kds-switch-padding-x:var(--kds-spacing-m);--kds-switch-padding-y:var(--kds-spacing-splus)}[data-theme^=business]{--kds-content-switcher-item-border-radius:var(--kds-border-m);--kds-content-switcher-item-icon-size:var(--kds-icon-size-s)}.switch{border-radius:var(--kds-content-switcher-item-border-radius);padding:var(--kds-switch-padding-y) var(--kds-switch-padding-x);background-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:relative}@media only screen and (width<=599px){.switch{--kds-switch-padding-x:var(--kds-spacing-splus)}}.switch:hover{background-color:var(--kds-color-item-hover)}.switch__icon{z-index:1;cursor:pointer;width:var(--kds-content-switcher-item-icon-size);height:var(--kds-content-switcher-item-icon-size)}.switch__icon>svg{width:100%;height:100%}.switch__icon path{fill:var(--kds-color-icon-secondary)}.switch__icon+.switch__label,.switch__icon+.switch__content,.switch__label+.switch__content{margin-left:var(--kds-spacing-s)}.switch__label{z-index:1;color:var(--kds-color-text-secondary);cursor:pointer;font-weight:var(--kds-font-weight-semibold);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-m)}.switch__label--checked{color:var(--kds-color-text-primary)}.switch__content{z-index:1;cursor:pointer}.switch--checked .switch__icon path{fill:var(--kds-color-icon-primary)}.switch--icon{min-width:calc(var(--kds-content-switcher-item-icon-size) + var(--kds-switch-padding-y) * 2);padding:0}.switch__input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.switch__input:before{width:inherit;height:inherit;border-radius:var(--kds-content-switcher-item-border-radius);content:"";position:absolute}.switch__input:focus,.switch__input:focus-visible{outline:none}.switch__input:checked{opacity:1}.switch__input:checked:before{background-color:var(--kds-color-item-primary)}.switch__input:focus-visible{opacity:1;outline:none}.switch__input:focus-visible:before{background-color:var(--kds-color-item-primary)}.switch__input:focus-visible:after{border:var(--kds-focus-size) solid var(--kds-color-focus-primary);content:"";pointer-events:none;border-radius:calc(var(--kds-content-switcher-item-border-radius) + var(--kds-focus-size) + var(--kds-focus-spacing));position:absolute;inset:-1px}.switch--disabled{pointer-events:none}.switch--disabled>.switch__label,.switch--disabled svg{color:var(--kds-color-disabled-secondary)}.switch--disabled.switch--checked>.switch__input:checked:before{background-color:var(--kds-color-disabled-secondary)}.switch--disabled.switch--checked>.switch__label,.switch--disabled.switch--checked .icon--disabled{color:var(--kds-color-disabled-tertiary)}@media only screen and (width<=599px){.switch--vertical{--kds-content-switcher-item-border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start}.switch--vertical .switch__icon{margin-bottom:var(--kds-spacing-s)}.switch--vertical .switch__icon+.switch__label{margin-left:0}.switch--vertical .switch__label{font-weight:var(--kds-font-weight-semibold);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-s)}[data-theme^=business] .switch--vertical{--kds-content-switcher-item-border-radius:var(--kds-border-m)}}.switch input{-moz-appearance:none}