hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 106 kB
CSS
:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-pagination{--pagination-radius:var(--form-radius);--pagination-gap:var(--md);--pagination-pager-gap:var(--xxs);--pagination-font-size:var(--font-md);--pagination-height:var(--form-md);--pagination-border-width:var(--form-border-width);--pagination-font-color:var(--text-regular);--pagination-font-color-hover:var(--primary);--pagination-font-color-active:var(--text-inverse);--pagination-border-color:transparent;--pagination-border-color-hover:var(--primary-light);--pagination-border-color-active:var(--main-color);--pagination-bg-color:var(--bg-element);--pagination-bg-color-hover:var(--primary-light);--pagination-bg-color-active:var(--main-color);--pagination-line-font-color-active:var(--main-color);--pagination-line-border-color-active:var(--main-color);display:inline-flex;align-items:center;font-size:var(--pagination-font-size);gap:var(--pagination-gap);line-height:1}.hl-pagination.block{display:flex}.hl-pagination.full{width:100%}@media (max-width:768px){.hl-pagination.responsive{justify-content:space-between}.hl-pagination.responsive li:not(:first-child):not(:last-child):not(.active){display:none}.hl-pagination.responsive li.select{display:block}}.hl-pagination ul{display:flex;flex-direction:row;margin:0;padding:0;font-size:0;flex-wrap:wrap;-webkit-text-size-adjust:none;list-style-type:none;flex-shrink:0;flex-grow:unset;gap:var(--pagination-pager-gap)}.hl-pagination ul li{display:inline-flex;align-items:center;justify-content:center;min-width:var(--pagination-height);height:var(--pagination-height);font-size:var(--pagination-font-size);color:var(--pagination-font-color);background-color:var(--pagination-bg-color);border-radius:var(--pagination-radius);border:var(--pagination-border-width) solid var(--pagination-border-color);cursor:pointer;vertical-align:middle;transition:background-color var(--duration) var(--timing),border var(--duration) var(--timing),color var(--duration) var(--timing)}.hl-pagination ul li.is-active,.hl-pagination ul li:hover{z-index:1}.hl-pagination ul li:hover{color:var(--pagination-font-color-hover);border-color:var(--pagination-border-color-hover);background-color:var(--pagination-bg-color-hover)}.hl-pagination ul li.is-active{color:var(--pagination-font-color-active);border-color:var(--pagination-border-color-active);background-color:var(--pagination-bg-color-active)}.hl-pagination ul li.is-active a{color:inherit}.hl-pagination ul li.pagination-phase-next,.hl-pagination ul li.pagination-phase-prev{border:0}.hl-pagination ul li.pagination-phase-next .hl-icon,.hl-pagination ul li.pagination-phase-prev .hl-icon{width:var(--font-md);height:var(--font-md);pointer-events:none}.hl-pagination ul li.pagination-phase-next:hover .icon-more{opacity:0;visibility:hidden;transform:translate(100%,0)}.hl-pagination ul li.pagination-phase-next:hover .icon-next{opacity:1;visibility:visible;transform:translate(0,0)}.hl-pagination ul li.pagination-phase-prev:hover .icon-more{opacity:0;visibility:hidden;transform:translate(-100%,0)}.hl-pagination ul li.pagination-phase-prev:hover .icon-prev{opacity:1;visibility:visible;transform:translate(0,0)}.hl-pagination ul li .icon-more{position:absolute;visibility:visible;opacity:1;transition:all var(--duration) var(--timing)}.hl-pagination ul li .icon-next,.hl-pagination ul li .icon-prev{position:absolute;visibility:hidden;opacity:0;transition:all var(--duration) var(--timing)}.hl-pagination ul li .icon-next{transform:translate(-100%,0)}.hl-pagination ul li .icon-prev{transform:translate(100%,0)}.hl-pagination ul li.is-disabled{color:var(--pagination-disabled-font-color)!important;border-color:var(--pagination-disabled-border-color)!important;background-color:var(--pagination-disabled-bg-color)!important;cursor:not-allowed}.hl-pagination ul li.select{display:none}.hl-pagination .hl-button{border-radius:var(--pagination-radius);height:var(--pagination-height);min-width:var(--pagination-height)}.hl-pagination .hl-button.pagination-prev{padding:0}.hl-pagination .hl-button.pagination-next{padding:0}.hl-pagination .pagination-total{flex-shrink:0;flex-grow:unset}.hl-pagination .pagination-control{flex-shrink:0;flex-grow:unset;width:calc(var(--pagination-height) * 3);min-width:96px;max-width:144px}.hl-pagination .pagination-control .hl-input-select{width:100%}.hl-pagination .pagination-control .hl-input-select .hl-input{--input-height:var(--pagination-height)}.hl-pagination .pagination-goto{display:flex;align-items:center;flex-shrink:0;flex-grow:unset}.hl-pagination .pagination-goto .hl-input{margin:0 8px;width:var(--pagination-height);--input-height:var(--pagination-height)}.hl-pagination .pagination-goto .hl-input input{padding:0 4px;text-align:center}.hl-pagination .pagination-goto .hl-input input[type=number]{-moz-appearance:textfield}.hl-pagination .pagination-goto .hl-input input[type=number]::-webkit-inner-spin-button,.hl-pagination .pagination-goto .hl-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.hl-pagination .pagination-box{margin:0 8px}.hl-pagination.line .hl-button:disabled{color:var(--form-disabled-font-color);border-color:none;background-color:transparent;cursor:not-allowed}.hl-pagination.line ul li{border-radius:0;border:none;border-bottom:2px solid transparent;background-color:transparent;margin-right:0}.hl-pagination.line ul li:hover{color:var(--pagination-font-color-hover)}.hl-pagination.line ul li.is-active{color:var(--pagination-line-font-color-active);background-color:inherit;border-color:var(--pagination-line-border-color-active)}.hl-pagination.line ul li.is-disabled{border-color:transparent!important}.hl-pagination.line ul li.is-disabled:hover{border-color:transparent!important}.hl-pagination.line .hl-button{border:none}.hl-pagination.line .hl-input-select .hl-input{border:none}.hl-pagination.sm{--pagination-radius:var(--radius-sm);--pagination-font-size:12px;--pagination-height:var(--form-sm)}.hl-pagination.md{--pagination-radius:var(--radius-md);--pagination-font-size:14px;--pagination-height:var(--form-md)}.hl-pagination.lg{--pagination-radius:var(--radius-lg);--pagination-font-size:16px;--pagination-height:var(--form-lg)}:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-input{--input-radius:var(--form-radius);--input-height:var(--form-md);--input-padding-x:var(--form-padding-x);--input-padding-y:var(--form-padding-y);--input-border-width:var(--form-border-width);--input-font-size:14px;--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--text-regular);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--primary);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color);--input-bg-color-fill:var(--form-bg-color-fill);--input-icon-size:var(--form-icon-size);--input-icon-color:var(--form-icon-color);position:relative;display:inline-flex;align-items:center;vertical-align:middle;color:var(--input-font-color);background-color:var(--input-bg-color);font-size:var(--input-font-size);line-height:1.5714285714;border-radius:var(--input-radius);height:var(--input-height);min-height:var(--input-height);border-color:var(--input-border-color);border-width:var(--input-border-width);border-style:solid;transition:color var(--duration) var(--timing),background-color var(--duration) var(--timing),border var(--duration) var(--timing),box-shadow var(--duration) var(--timing)}.hl-input .input-wrapper{display:flex;align-items:center;height:100%;width:100%}.hl-input .input-inner{outline:0;-webkit-appearance:none;line-height:inherit;padding:var(--input-padding-y) var(--input-padding-x);font-size:inherit;font-weight:inherit;text-align:inherit;border:none;width:100%;min-height:100%;color:currentColor;background-color:transparent}.hl-input .input-inner:disabled{cursor:not-allowed}.hl-input.as-textarea{height:auto}.hl-input.as-textarea .input-inner{height:100%}.hl-input.as-textarea .input-count{position:absolute;right:0;bottom:0;padding:calc(var(--input-padding-x) - 1px)}.hl-input.is-tags{height:auto}.hl-input.is-tags .input-inner{display:none}.hl-input:hover{z-index:2;color:var(--input-font-color-hover);border-color:var(--input-border-color-hover);background-color:var(--input-bg-color-hover)}.hl-input.is-active,.hl-input.is-focus{z-index:3;color:var(--input-font-color-focus);border-color:var(--input-border-color-focus);background-color:var(--input-bg-color-focus)}.hl-input.is-active .input-affixe,.hl-input.is-focus .input-affixe{color:var(--input-font-color-focus)}.hl-input.is-active .input-affixe .hl-icon,.hl-input.is-focus .input-affixe .hl-icon{color:currentColor}.hl-input.is-disabled,.hl-input.is-disabled.is-active,.hl-input.is-disabled.is-focus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--form-disabled-font-color)!important;background-color:var(--form-disabled-bg-color)!important;border-color:var(--form-disabled-border-color)!important;box-shadow:none!important;cursor:not-allowed}.hl-input.block{width:100%!important}.hl-input.round{border-radius:var(--radius-round)}.hl-input.fill{background-color:var(--input-bg-color-fill);border-color:var(--input-bg-color-fill)}.hl-input.fill.is-active,.hl-input.fill.is-focus{border-color:var(--input-border-color-focus);background-color:var(--input-bg-color)}.hl-input.thin{border:none!important;background-color:unset!important;height:unset!important;min-height:unset!important;box-shadow:none}.hl-input.thin .input-inner{padding:0!important}.hl-input .input-affixe{display:flex;align-items:center;justify-content:center;min-width:var(--input-icon-size);min-height:var(--input-icon-size);flex-shrink:0;flex-grow:unset;color:var(--input-icon-color);transition:color var(--duration) var(--timing)}.hl-input .input-affixe a{display:flex;color:var(--text-secondary);transition:color var(--duration) var(--timing)}.hl-input .input-affixe a:hover{color:var(--text-hover)}.hl-input .input-affixe.prefix{order:-1;margin-left:var(--input-padding-x)}.hl-input .input-affixe.suffix{order:10;margin-right:var(--input-padding-x)}.hl-input .input-affixe.password-visible{order:100;margin-right:var(--input-padding-x);cursor:pointer}.hl-input .input-affixe .hl-icon,.hl-input .input-affixe .hl-spinner{display:flex;width:var(--input-icon-size);height:var(--input-icon-size);color:var(--input-icon-color)}.hl-input .input-close{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--input-font-size);color:var(--form-icon-color);transition:color var(--duration) var(--timing)}.hl-input .input-close:hover{color:var(--text-hover)}.hl-input .input-count{position:relative;white-space:nowrap;display:flex;align-items:flex-end;justify-content:center;z-index:3;font-size:var(--font-sm);line-height:var(--font-sm);padding-right:calc(var(--input-padding-x) - 1px);color:var(--text-light);pointer-events:none}.hl-input .input-tags{display:flex;width:100%;padding:var(--input-padding-y);gap:4px;flex-wrap:wrap;min-width:0;flex-grow:1}.hl-input .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}.hl-input .input-tags .select-input{display:inline-block;width:80px;border:none;background-color:transparent;outline:0;line-height:1}.hl-input .input-tags .tag-close{cursor:pointer}.hl-input.primary{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--primary);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--primary);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.info{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--info);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--info);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.success{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--success);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--success);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.warning{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--warning);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--warning);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.danger{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--danger);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--danger);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.sm{--input-radius:var(--radius-sm);--input-height:var(--form-sm);--input-font-size:12px;--input-padding-x:8px;--input-padding-y:1px;--input-icon-size:var(--font-md);line-height:20px}.hl-input.sm .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}.hl-input.md{--input-radius:var(--radius-md);--input-height:var(--form-md);--input-font-size:14px;--input-padding-x:8px;--input-padding-y:4px;--input-icon-size:var(--font-lg);line-height:22px}.hl-input.md .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}.hl-input.lg{--input-radius:var(--radius-lg);--input-height:var(--form-lg);--input-font-size:16px;--input-padding-x:12px;--input-padding-y:7px;--input-icon-size:var(--font-xl);line-height:24px}.hl-input.lg .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-icon{--icon-radius:var(--radius-lg);--icon-size:16px;--icon-bg-color:var(--bg-hover);display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;font-style:normal;width:var(--icon-size);height:var(--icon-size);flex-shrink:0;flex-grow:0;color:var(--icon-color)}.hl-icon.disabled{color:var(--form-disabled-font-color)}.hl-icon .icon-system{--stroke-width:2;--fill-opacity:0}.hl-icon .icon-system g{fill-opacity:var(--fill-opacity);stroke-width:var(--stroke-width);stroke-linecap:round;stroke-linejoin:round;fill-rule:evenodd;fill:currentColor}.hl-icon svg{width:100%;height:100%;display:block;color:currentColor}.hl-icon.fill{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--icon-size) * 2);height:calc(var(--icon-size) * 2);background-color:var(--icon-bg-color)}.hl-icon.fill.radius{border-radius:var(--icon-radius)}.hl-icon.fill.round{border-radius:var(--radius-round)}.hl-icon.fill svg{width:60%;height:60%}.hl-icon.transition:hover path{stroke-dasharray:100;stroke-dashoffset:100;-webkit-animation:dash 2s ease-out forwards;animation:dash 2s ease-out forwards}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}.hl-icon.primary{--icon-color:var(--primary-bg);--icon-start-color:#FFFFFF}.hl-icon.primary.fill{--icon-color:var(--text-inverse);--icon-bg-color:var(--primary-bg)}.hl-icon.primary.fill.light{--icon-color:var(--primary-bg);--icon-bg-color:var(--primary-light)}.hl-icon.info{--icon-color:var(--info-bg);--icon-start-color:#FFFFFF}.hl-icon.info.fill{--icon-color:var(--text-inverse);--icon-bg-color:var(--info-bg)}.hl-icon.info.fill.light{--icon-color:var(--info-bg);--icon-bg-color:var(--info-light)}.hl-icon.success{--icon-color:var(--success-bg);--icon-start-color:#FFFFFF}.hl-icon.success.fill{--icon-color:var(--text-inverse);--icon-bg-color:var(--success-bg)}.hl-icon.success.fill.light{--icon-color:var(--success-bg);--icon-bg-color:var(--success-light)}.hl-icon.warning{--icon-color:var(--warning-bg);--icon-start-color:#FFFFFF}.hl-icon.warning.fill{--icon-color:var(--text-inverse);--icon-bg-color:var(--warning-bg)}.hl-icon.warning.fill.light{--icon-color:var(--warning-bg);--icon-bg-color:var(--warning-light)}.hl-icon.danger{--icon-color:var(--danger-bg);--icon-start-color:#FFFFFF}.hl-icon.danger.fill{--icon-color:var(--text-inverse);--icon-bg-color:var(--danger-bg)}.hl-icon.danger.fill.light{--icon-color:var(--danger-bg);--icon-bg-color:var(--danger-light)}.hl-icon.xxxs{--icon-size:12px;--icon-radius:var(--radius-sm)}.hl-icon.xxs{--icon-size:14px;--icon-radius:var(--radius-sm)}.hl-icon.xs{--icon-size:16px;--icon-radius:var(--radius-sm)}.hl-icon.sm{--icon-size:18px;--icon-radius:var(--radius-md)}.hl-icon.md{--icon-size:20px;--icon-radius:var(--radius-md)}.hl-icon.lg{--icon-size:24px;--icon-radius:var(--radius-lg)}.hl-icon.xl{--icon-size:28px;--icon-radius:var(--radius-lg)}.hl-icon.xxl{--icon-size:32px;--icon-radius:var(--radius-xl)}.hl-icon.xxxl{--icon-size:36px;--icon-radius:var(--radius-xl)}:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-input-select{position:relative;display:inline-flex}.hl-input-select.block{width:100%}.hl-input-select .select-trigger{width:100%}.hl-input-select .select-caret{position:absolute;visibility:hidden;opacity:0;cursor:pointer;transform:translate(0,40%) rotate(0);transition:all var(--duration) var(--timing)}.hl-input-select .select-caret.visible{opacity:1;visibility:visible;transform:translate(0,0) rotate(0)}.hl-input-select .select-caret.visible.is-open{transform:translate(0,0) rotate(180deg)}.hl-input-select .select-close{position:absolute;visibility:hidden;opacity:0;cursor:pointer;transform:translate(0,-40%);transition:all var(--duration) var(--timing)}.hl-input-select .select-close.visible{opacity:1;visibility:visible;transform:translate(0,0)}.hl-input-select .select-caret.hl-icon,.hl-input-select .select-close.hl-icon{color:currentColor;width:14px;height:14px}.hl-input-select .icon-close{cursor:pointer}.hl-input-select .hl-input{display:flex;width:100%}.hl-input-select .collapse-tags{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;white-space:normal;gap:8px}.hl-input-select .collapse-tags .collapse-tag{flex-shrink:0!important;flex-grow:0!important}.hl-select-popper .select-dropdown{padding:var(--sm) 0}.hl-select-popper .select-dropdown .select-dropdown-footer,.hl-select-popper .select-dropdown .select-dropdown-header{padding:var(--xxs) var(--lg)}.hl-select-popper .select-dropdown .select-dropdown-header{border-bottom:var(--border-width) solid var(--border-regular)}.hl-select-popper .select-dropdown .select-dropdown-footer{border-top:var(--border-width) solid var(--border-regular)}.hl-select-popper .select-dropdown-empty{padding:var(--sm);margin:0;text-align:center;color:var(--text-secondary)}.hl-select-popper .select-dropdown-wrap{max-height:320px}.hl-select-popper .select-dropdown-list{margin:0;padding:0;list-style-type:none}.hl-select-popper .select-dropdown-list li{position:relative;display:flex;align-items:center;cursor:pointer;padding:var(--xxs) var(--lg);min-height:var(--form-md);font-size:var(--font-md);color:var(--text-regular);transition:color var(--duration) var(--timing),background-color var(--duration) var(--timing)}.hl-select-popper .select-dropdown-list li>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-select-popper .select-dropdown-list li .hl-icon{position:absolute;color:var(--form-icon-color);width:var(--form-icon-size);height:var(--form-icon-size);margin:0;transform:translateX(50%);right:var(--lg)}.hl-select-popper .select-dropdown-list li.hover,.hl-select-popper .select-dropdown-list li:focus,.hl-select-popper .select-dropdown-list li:hover{color:var(--text-hover);background-color:var(--bg-hover)}.hl-select-popper .select-dropdown-list li.hover .hl-icon,.hl-select-popper .select-dropdown-list li:focus .hl-icon,.hl-select-popper .select-dropdown-list li:hover .hl-icon{color:var(--text-hover)}.hl-select-popper .select-dropdown-list li.menu-divider{height:var(--border-width);min-height:var(--border-width);margin:8px 0;padding:0;overflow:hidden;border-top:var(--border-width) solid var(--border-regular);pointer-events:none}.hl-select-popper .select-dropdown-list li.is-selected{padding-right:calc(var(--lg) + var(--font-md));background-color:var(--bg-hover);font-size:var(--font-md)}.hl-select-popper .select-dropdown-list li.is-selected .hl-icon{color:var(--text-hover)}.hl-select-popper .select-dropdown-list li.is-disabled{color:var(--text-light);cursor:not-allowed}.hl-select-popper .select-dropdown-list li.is-disabled:hover{background-color:unset}.hl-select-popper .select-dropdown-list li.hl-option-group{padding:0;flex-direction:column;height:auto}.hl-select-popper .select-dropdown-list li.hl-option-group:hover{background-color:transparent}.hl-select-popper .select-dropdown-list li.hl-option-group strong{width:100%;display:flex;align-items:center;padding:0 20px;font-size:var(--font-sm);color:var(--text-light);height:var(--form-md);font-weight:var(--font-weight)}.hl-select-popper .select-dropdown-list li.hl-option-group ul{width:100%;margin:0;padding:0}:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-input{--input-radius:var(--form-radius);--input-height:var(--form-md);--input-padding-x:var(--form-padding-x);--input-padding-y:var(--form-padding-y);--input-border-width:var(--form-border-width);--input-font-size:14px;--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--text-regular);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--primary);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color);--input-bg-color-fill:var(--form-bg-color-fill);--input-icon-size:var(--form-icon-size);--input-icon-color:var(--form-icon-color);position:relative;display:inline-flex;align-items:center;vertical-align:middle;color:var(--input-font-color);background-color:var(--input-bg-color);font-size:var(--input-font-size);line-height:1.5714285714;border-radius:var(--input-radius);height:var(--input-height);min-height:var(--input-height);border-color:var(--input-border-color);border-width:var(--input-border-width);border-style:solid;transition:color var(--duration) var(--timing),background-color var(--duration) var(--timing),border var(--duration) var(--timing),box-shadow var(--duration) var(--timing)}.hl-input .input-wrapper{display:flex;align-items:center;height:100%;width:100%}.hl-input .input-inner{outline:0;-webkit-appearance:none;line-height:inherit;padding:var(--input-padding-y) var(--input-padding-x);font-size:inherit;font-weight:inherit;text-align:inherit;border:none;width:100%;min-height:100%;color:currentColor;background-color:transparent}.hl-input .input-inner:disabled{cursor:not-allowed}.hl-input.as-textarea{height:auto}.hl-input.as-textarea .input-inner{height:100%}.hl-input.as-textarea .input-count{position:absolute;right:0;bottom:0;padding:calc(var(--input-padding-x) - 1px)}.hl-input.is-tags{height:auto}.hl-input.is-tags .input-inner{display:none}.hl-input:hover{z-index:2;color:var(--input-font-color-hover);border-color:var(--input-border-color-hover);background-color:var(--input-bg-color-hover)}.hl-input.is-active,.hl-input.is-focus{z-index:3;color:var(--input-font-color-focus);border-color:var(--input-border-color-focus);background-color:var(--input-bg-color-focus)}.hl-input.is-active .input-affixe,.hl-input.is-focus .input-affixe{color:var(--input-font-color-focus)}.hl-input.is-active .input-affixe .hl-icon,.hl-input.is-focus .input-affixe .hl-icon{color:currentColor}.hl-input.is-disabled,.hl-input.is-disabled.is-active,.hl-input.is-disabled.is-focus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--form-disabled-font-color)!important;background-color:var(--form-disabled-bg-color)!important;border-color:var(--form-disabled-border-color)!important;box-shadow:none!important;cursor:not-allowed}.hl-input.block{width:100%!important}.hl-input.round{border-radius:var(--radius-round)}.hl-input.fill{background-color:var(--input-bg-color-fill);border-color:var(--input-bg-color-fill)}.hl-input.fill.is-active,.hl-input.fill.is-focus{border-color:var(--input-border-color-focus);background-color:var(--input-bg-color)}.hl-input.thin{border:none!important;background-color:unset!important;height:unset!important;min-height:unset!important;box-shadow:none}.hl-input.thin .input-inner{padding:0!important}.hl-input .input-affixe{display:flex;align-items:center;justify-content:center;min-width:var(--input-icon-size);min-height:var(--input-icon-size);flex-shrink:0;flex-grow:unset;color:var(--input-icon-color);transition:color var(--duration) var(--timing)}.hl-input .input-affixe a{display:flex;color:var(--text-secondary);transition:color var(--duration) var(--timing)}.hl-input .input-affixe a:hover{color:var(--text-hover)}.hl-input .input-affixe.prefix{order:-1;margin-left:var(--input-padding-x)}.hl-input .input-affixe.suffix{order:10;margin-right:var(--input-padding-x)}.hl-input .input-affixe.password-visible{order:100;margin-right:var(--input-padding-x);cursor:pointer}.hl-input .input-affixe .hl-icon,.hl-input .input-affixe .hl-spinner{display:flex;width:var(--input-icon-size);height:var(--input-icon-size);color:var(--input-icon-color)}.hl-input .input-close{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--input-font-size);color:var(--form-icon-color);transition:color var(--duration) var(--timing)}.hl-input .input-close:hover{color:var(--text-hover)}.hl-input .input-count{position:relative;white-space:nowrap;display:flex;align-items:flex-end;justify-content:center;z-index:3;font-size:var(--font-sm);line-height:var(--font-sm);padding-right:calc(var(--input-padding-x) - 1px);color:var(--text-light);pointer-events:none}.hl-input .input-tags{display:flex;width:100%;padding:var(--input-padding-y);gap:4px;flex-wrap:wrap;min-width:0;flex-grow:1}.hl-input .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}.hl-input .input-tags .select-input{display:inline-block;width:80px;border:none;background-color:transparent;outline:0;line-height:1}.hl-input .input-tags .tag-close{cursor:pointer}.hl-input.primary{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--primary);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--primary);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.info{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--info);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--info);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.success{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--success);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--success);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.warning{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--warning);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--warning);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.danger{--input-font-color:var(--text-regular);--input-font-color-hover:var(--text-regular);--input-font-color-focus:var(--danger);--input-border-color:var(--form-border-color);--input-border-color-hover:var(--form-border-color);--input-border-color-focus:var(--danger);--input-bg-color:var(--form-bg-color);--input-bg-color-hover:var(--form-bg-color);--input-bg-color-focus:var(--form-bg-color)}.hl-input.sm{--input-radius:var(--radius-sm);--input-height:var(--form-sm);--input-font-size:12px;--input-padding-x:8px;--input-padding-y:1px;--input-icon-size:var(--font-md);line-height:20px}.hl-input.sm .input-tags .hl-tag{--tag-height:calc(var(--input-height) - var(--form-border-width) * 2 - var(--input-padding-y) * 2)}.hl-input.md{--input-radius:var(--radius-md);--input-height:var(--form-md);--input-font-size:14px;--input-padding-x:8px;--input-padding-y:4px;--input-icon-size:var(--font-lg);line-height:22px}.hl-input.m