[data-theme=dark]{--switch-bg:#1e1e20;--switch-bg-hover:#272729;--switch-bg-disabled:#18181a;--switch-el-disabled:#272729;--switch-bg-disabled-active:#1a2241;--switch-el-disabled-active:#3e3e3f;--toggle-border-color:#1c1c1e}[data-theme=light]{--switch-bg:#ececec;--switch-bg-hover:#e7e7e7;--switch-bg-disabled:#ececec;--switch-el-disabled:#cfcfd0;--switch-bg-disabled-active:#cfcfd0;--switch-el-disabled-active:#a0a0a1;--toggle-border-color:#e7e7e7}.checkbox,.switch,.toggle{align-items:flex-start;cursor:pointer;display:inline-flex;flex-wrap:nowrap;outline:none;word-break:break-word}.checkbox input,.switch input,.toggle input{display:none}.checkbox__wrap,.switch__wrap,.toggle__wrap{align-items:center;display:flex;justify-content:center}.checkbox__label,.switch__label,.toggle__label{caret-color:transparent;font-size:var(--checkbox-font,1.4rem);font-weight:400;padding:0 8px;white-space:nowrap}.checkbox__label::-moz-selection,.switch__label::-moz-selection,.toggle__label::-moz-selection{background:transparent;color:none}.checkbox__label::selection,.switch__label::selection,.toggle__label::selection{background:transparent;color:none}.checkbox__label:empty,.switch__label:empty,.toggle__label:empty{padding:0}.checkbox-feedback,.switch-feedback,.toggle-feedback{margin-bottom:4px;max-height:var(--form-height-feedback);transform-origin:top left;width:100%}.checkbox-feedback:not(:empty),.switch-feedback:not(:empty),.toggle-feedback:not(:empty){padding-left:2px}.checkbox-feedback__text,.switch-feedback__text,.toggle-feedback__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--error);font-size:1.3rem;line-height:115%;overflow:hidden;transition:color var(--transition)}.switch-size-m{--switch-height:26px;--switch-width:48px;--switch-offset:2px;--switch-width-pressed:28px;--switch-el-size:22px}.switch-size-s{--switch-height:22px;--switch-width:40px;--switch-offset:2px;--switch-width-pressed:24px;--switch-el-size:18px}.switch__wrap{background-color:var(--switch-bg);border-radius:9999px;height:var(--switch-height);min-width:var(--switch-width);overflow:hidden;position:relative;transition:background var(--transition),border var(--transition)}.switch__el{background-color:var(--form-bg-contrast);border-radius:calc(var(--switch-el-size)/2);box-sizing:border-box;content:"";cursor:inherit;height:var(--switch-el-size);left:var(--switch-offset);max-width:var(--switch-el-size);position:absolute;top:var(--switch-offset);transition:left var(--transition),max-width var(--transition),background-color var(--transition),box-shadow var(--transition);width:var(--switch-width-pressed)}.switch__label{line-height:var(--switch-height)}.switch input:checked+.switch__wrap .switch__el{background-color:#f1f1f1;left:calc(100% - (var(--switch-height) + var(--switch-el-size))/2)}.switch:active:not(.switch--disabled):not(.switch--icon) .switch__el{max-width:var(--switch-width-pressed)}.switch:hover:not(.switch--disabled):not(.switch--active) .switch__wrap{background-color:var(--switch-bg-hover)}.switch--active .switch__wrap{background:var(--primary)}.switch--active:hover .switch__wrap{background:var(--primary-hover)}.switch--active.switch--disabled .switch__wrap{background:var(--switch-bg-disabled-active)}.switch--active.switch--disabled .switch__el{background:var(--switch-el-disabled-active)}.switch--active:active:not(.switch--disabled):not(.switch--icon) .switch__el{left:calc(100% - var(--switch-offset) - var(--switch-width-pressed))}.switch--disabled{cursor:not-allowed}.switch--disabled .switch__wrap{background:var(--switch-bg-disabled)}.switch--disabled .switch__el{background:var(--switch-el-disabled)}.switch--left{flex-direction:row-reverse;justify-content:space-between;width:100%}.switch--left .switch__label{align-items:center;color:var(--text-contrast);display:flex;font-size:1.2rem;font-weight:600;padding:0;text-transform:uppercase}.switch--left svg{height:18px;margin-right:10px;width:18px}.switch--icon .switch__el{align-items:center;background:transparent;box-shadow:none;display:flex;justify-content:center}.checkbox__wrap{background-color:var(--form-bg);border:1px solid var(--el-border);border-radius:var(--border-radius-xs);height:var(--checkbox-el-size,16px);margin-top:2px;overflow:hidden;position:relative;transition:background var(--transition),border var(--transition);width:var(--checkbox-el-size,16px)}.checkbox__el{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:relative;transition:visibility var(--transition),opacity var(--transition);visibility:hidden;width:100%}.checkbox:not(.checkbox--disabled) input:checked+.checkbox__wrap{background-color:var(--primary);border-color:var(--primary)}.checkbox:not(.checkbox--disabled) input:checked+.checkbox__wrap .checkbox__el{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.782 4.721a.75.75 0 0 1 0 1.06l-6 6a.75.75 0 0 1-1.06 0l-2.502-2.5A.75.75 0 0 1 4.28 8.22l1.971 1.97 5.47-5.469a.75.75 0 0 1 1.06 0Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;opacity:1;visibility:visible}.checkbox:hover:not(.checkbox--disabled) .checkbox__wrap{border-color:var(--primary)}.checkbox--disabled{cursor:not-allowed;opacity:.5}.checkbox--indeterminate input+.checkbox__wrap{background-color:var(--error);border-color:var(--error)}.checkbox--indeterminate input+.checkbox__wrap .checkbox__el{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2371799b' d='M2 8a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H3a1 1 0 0 0-1 1'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;opacity:1;visibility:visible}.checkbox--indeterminate:hover:not(.checkbox--disabled) .checkbox__wrap{border-color:var(--error)}.checkbox-size-m{--checkbox-el-size:20px;--checkbox-font:1.5rem}.checkbox-size-s .checkbox__wrap{margin-top:4px}.toggle__wrap{display:none}.toggle__label{align-items:center;background-color:var(--secondary);border:1px solid var(--toggle-border-color);border-radius:9999px;color:var(--text-base);display:inline-flex;font-weight:500;height:32px;padding:0 12px;transition:color var(--transition),background-color var(--transition),border var(--transition)}.toggle:not(.toggle--disabled) input:checked~.toggle__label{background-color:var(--text-base);border:1px solid var(--text-base);color:var(--el-base)}
