.Switcher{align-items:center;cursor:pointer;display:flex;gap:5px}@media(hover:hover)and (pointer:fine){.Switcher:hover .Switcher__label{color:var(--color-gray-800)}.dark-mode .Switcher:hover .Switcher__label{color:var(--font-color-gray)}}.Switcher__container{align-items:center;display:flex}.Switcher--left .Switcher__label{margin-left:11px;order:3}.Switcher--disabled{opacity:.5}.Switcher__label{color:var(--info-color);font-size:var(--main-font-size);line-height:1;order:1;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Switcher__toggler{background:var(--icon-color);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;height:16px;order:2;padding:2px;transition:border-color .2s ease,background-color .2s ease;width:28px}.dark-mode .Switcher__toggler{background:var(--border-color)}.Switcher__toggler:after{background:var(--color-white);border-radius:50%;content:"";display:block;height:10px;transition:transform .2s ease,background-color .2s ease;width:10px}.Switcher input{display:none}.Switcher input:checked~.Switcher__toggler{background:var(--color-white);border-color:var(--link-color)}.dark-mode .Switcher input:checked~.Switcher__toggler{background:var(--border-color)}.Switcher input:checked~.Switcher__toggler:after{background:var(--link-color);transform:translate(12px)}