.ui-toggle{padding:var(--spacing-xs);border:1px solid var(--border-primary-weak);background:var(--background-secondary);border-radius:54px;inline-size:max-content;display:flex;position:relative}.ui-toggle__checkbox:checked~.ui-toggle_active{color:var(--background-primary)}.ui-toggle__checkbox:checked~.ui-toggle__toggler{transition:all .4s ease-in-out;inset-inline-start:calc(100% - var(--spacing-xs));transform:translate(-100%,-50%)}html[dir=rtl] .ui-toggle__checkbox:checked~.ui-toggle__toggler{transform:translate(100%,-50%)}.ui-toggle__value{z-index:1;padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-m);line-height:var(--line-height-100);cursor:pointer;transition:all .4s ease-in-out;display:block}.ui-toggle__value_active{color:var(--background-primary);position:relative}.ui-toggle__toggler{inline-size:calc(100% - var(--spacing-s));block-size:calc(100% - var(--spacing-s));background-color:var(--background-accent);border-radius:44px;transition:all .4s ease-in-out;display:block;position:absolute;inset-block-start:50%;inset-inline-start:5px;transform:translateY(-50%)}