@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0}:root{--input-max-width:300px;--input-line-height:15px;--input-icon:inherit;--input-error-icon:invert(1) sepia(1) saturate(5) hue-rotate(320deg)}.form-element{position:relative;width:300px;width:var(--input-max-width)}.form-element_side .form-element__wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.form-element_side .form-element__wrapper .form-element__input input{margin-top:0;max-width:fit-content;padding-block:2px;padding-left:8px;padding-right:8px;text-align:right;width:64px}.form-element_side .form-element_icon-cmnd:after,.form-element_side:after,.form-element_side:before{display:none}.form-element_side .form-element__helper-text{font-size:10px;margin-top:0;text-align:right}.form-element_top .form-element__wrapper{display:flex;flex-direction:column}.form-element_quiet .form-element__input input{border:1px solid #0000}.form-element_attention .form-element__helper-text,.form-element_attention .form-element__required,.form-element_attentionText .form-element__helper-text{color:var(--input-text-attention)}.form-element_xs .form-element__input input{font-size:12px;line-height:20px;padding-block:2px;padding-left:12px;padding-right:12px}.form-element_md .form-element__input input{font-size:12px;line-height:20px;padding-block:8px;padding-left:12px;padding-right:12px}.form-element_lg .form-element__input input{font-size:14px;line-height:24px;padding-block:8px;padding-left:16px;padding-right:16px}.form-element_xl .form-element__input input{font-size:14px;line-height:24px;padding-block:12px;padding-left:16px;padding-right:16px}.form-element_error .form-element__input input{border:1px solid var(--input-error-border)}.form-element_error .form-element__input input:focus{border:1px solid var(--input-error-border);outline:4px solid var(--input-error-outline)}.form-element_error .form-element__helper-text{color:var(--input-text-attention)}.form-element_error.form-element_icon-left:before,.form-element_error.form-element_icon-right:after{filter:invert(1) sepia(1) saturate(5) hue-rotate(320deg);filter:var(--input-error-icon)}.form-element_disabled .form-element__helper-text,.form-element_disabled .form-element__input input,.form-element_disabled .form-element__input input::placeholder{color:var(--input-disabled)}.form-element_disabled .form-element__label{color:var(--input-placeholder)}.form-element_icon-cmnd{position:relative}.form-element_icon-cmnd:after{background-image:url(/react_input-lib/static/media/cmnd.29909c01c251cf6e1c54.svg);border:1px solid var(--input-icon-border);border-radius:3px;margin-top:2px;right:12px;width:24px}.form-element_icon-cmnd:after,.form-element_icon-left:before{content:"";filter:inherit;filter:var(--input-icon);height:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-element_icon-left:before{left:12px;margin-top:-2px;width:16px}.form-element_icon-left-search:before{background-image:url(/react_input-lib/static/media/search.1d811baebaf9853e5600.svg)}.form-element_icon-left-user:before{background-image:url(/react_input-lib/static/media/user.4502a7977fb9cd1d62e4.svg)}.form-element_icon-left-password:before{background-image:url(/react_input-lib/static/media/password.3908fbaadbdb21aac944.svg)}.form-element_icon-left-mail:before{background-image:url(/react_input-lib/static/media/mail.1f450336d3e91cc2a3c6.svg)}.form-element_icon-left-help:before{background-image:url(/react_input-lib/static/media/help.a50a244b092cf33964a4.svg)}.form-element_icon-left.form-element_md input,.form-element_icon-left.form-element_xs input{padding-left:32px}.form-element_icon-left.form-element_lg input,.form-element_icon-left.form-element_xl input{padding-left:36px}.form-element_icon-right:after{background-image:url(/react_input-lib/static/media/help.a50a244b092cf33964a4.svg);content:"";height:16px;margin-top:-2px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;z-index:1}.form-element_icon-right-offset:after{right:42px}.form-element__wrapper{position:relative}.form-element__required{margin-left:4px}.form-element__label{color:var(--label-color);cursor:pointer;display:flex;font-size:12px;font-weight:500;line-height:20px}.form-element__label-icon{display:flex;height:12px;margin-left:4px;position:relative;top:4px;width:12px}.form-element__label-info{background-color:var(--input-info-background);border-radius:10px;bottom:20px;color:var(--input-info-text);display:none;font-size:12px;left:50%;line-height:20px;max-width:300px;max-width:var(--input-max-width);padding:8px 12px;position:absolute;transform:translateX(-50%);width:max-content}.form-element__label-info:after{bottom:-13px;color:var(--input-info-background);content:"▼";left:50%;position:absolute;transform:translateX(-50%);width:12px}.form-element__helper-text{color:var(--input-helper-text);font-size:12px;font-weight:400;height:20px;line-height:20px;margin-top:8px}.form-element__input{color:var(--label-color);font-size:12px}.form-element__input input{background-color:#0000;border:1px solid var(--input-border);border-radius:4px;margin-top:4px;transition:border .3s;width:100%}.form-element__input input::placeholder{color:var(--input-placeholder)}.form-element__input input:hover{border:1px solid var(--input-border)}.form-element__input input:focus{border:1px solid var(--input-focus-border);outline:4px solid var(--input-focus-outline)}.form-element__input input:disabled{border:1px solid var(--input-border);color:var(--input-disabled)}.form-element__label-icon:hover>.form-element__label-info{display:block!important}.form-element__input:disabled.form-element__input::placeholder{color:var(--input-border)!important}:root{--label-color-light:#1a1a1e;--background-light:#f4f5f7;--input-text-attention-light:#d92d20;--input-border-light:#d1d1d6;--input-error-border-light:#fda29b;--input-error-outline-light:#fcd2cf;--input-focus-border-light:#96d0ff;--input-focus-outline-light:#cde5fe;--input-icon-border-light:#e4e4e7;--input-info-background-light:#131316;--input-info-text-light:#fff;--input-helper-text-light:#51525c;--input-placeholder-light:#70707b;--input-disabled-light:#d1d1d6;--label-color-dark:#fafafa;--background-dark:#1a1a1e;--input-text-attention-dark:#f97066;--input-border-dark:#51525c;--input-error-border-dark:#f97066;--input-error-outline-dark:#4e2424;--input-focus-border-dark:#53b1fd;--input-focus-outline-dark:#1f3753;--input-icon-border-dark:#3f3f46;--input-info-background-dark:#fafafa;--input-info-text-dark:#1a1a1e;--input-helper-text-dark:#a0a0ab;--input-placeholder-dark:#fafafac4;--input-disabled-dark:#3f3f46}.page[data-theme=light]{--label-color:var(--label-color-light);--background:var(--background-light);--input-text-attention:var(--input-text-attention-light);--input-border:var(--input-border-light);--input-error-border:var(--input-error-border-light);--input-error-outline:var(--input-error-outline-light);--input-focus-border:var(--input-focus-border-light);--input-focus-outline:var(--input-focus-outline-light);--input-icon-border:var(--input-icon-border-light);--input-info-background:var(--input-info-background-light);--input-info-text:var(--input-info-text-light);--input-helper-text:var(--input-helper-text-light);--input-placeholder:var(--input-placeholder-light);--input-disabled:var(--input-disabled-light)}.page[data-theme=dark]{--label-color:var(--label-color-dark);--background:var(--background-dark);--input-text-attention:var(--input-text-attention-dark);--input-border:var(--input-border-dark);--input-error-border:var(--input-error-border-dark);--input-error-outline:var(--input-error-outline-dark);--input-focus-border:var(--input-focus-border-dark);--input-focus-outline:var(--input-focus-outline-dark);--input-icon-border:var(--input-icon-border-dark);--input-info-background:var(--input-info-background-dark);--input-info-text:var(--input-info-text-dark);--input-helper-text:var(--input-helper-text-dark);--input-placeholder:var(--input-placeholder-dark);--input-disabled:var(--input-disabled-dark)}.page{background-color:var(--background);color:#4d4d4d;height:100vh}.page__wrapper{align-items:center;display:flex;flex-grow:2;height:100%;justify-content:center}.container{display:flex;flex-direction:row-reverse;height:100%;position:relative}.settings{background-color:#c3cdd3;display:flex;flex-direction:column;flex-grow:1;font-size:13px;font-weight:700;gap:15px;justify-content:start;max-width:500px;overflow-y:scroll;padding:100px;transition:all .3s}.settings input[type=text]{background-color:#0000;border:1px solid #818d94;border-radius:6px;display:block;margin-top:4px;padding:3px 12px;transition:all .3s;width:100%}.settings input[type=text]:focus{border:1px solid #818d94;outline:3px solid #b5c1c9}.settings select{background-color:#e1eaf0;border:1px solid #0000;border-radius:6px;color:#4d4d4d;cursor:pointer;font-size:13px;font-weight:700;padding:2px 12px;width:138px}.settings select:focus{border:1px solid #818d94;outline:3px solid #b5c1c9}.settings button{background-color:#e1eaf0;border:1px solid #0000;border-radius:6px;color:#4d4d4d;cursor:pointer;font-size:13px;font-weight:700;padding:3px 12px;transition:box-shadow .3s;width:100%}.settings button:hover{box-shadow:0 0 10px #818d9480}.settings button.active{background-color:#a3aeb6;color:#fff}.settings__required div{font-size:11px;font-weight:400;margin-top:3px}.settings__label{align-items:center;display:flex;justify-content:space-between}.settings__label-radio{align-items:center;display:flex;position:relative}.settings__label-radio label{background-color:#e1eaf0;border-radius:6px;color:#4d4d4d;cursor:pointer;display:flex;justify-content:center;padding:3px 12px;transition:box-shadow .3s;width:60px}.settings__label-radio label:hover{box-shadow:0 0 10px #818d9480}.settings__label-radio label.active{background-color:#a3aeb6;color:#fff}.settings__label-radio input{cursor:pointer;opacity:0;position:absolute}.settings__left,.settings__right,.settings__size{align-items:center;display:flex;justify-content:space-between}
/*# sourceMappingURL=main.97472816.css.map*/