hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 41.6 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)}.active\:fade-enter:active,.deep-hover:hover .deep-hover\:fade-enter,.fade-enter,.focus\:fade-enter:focus,.hover\:fade-enter:hover,.is-active .active\:fade-enter,.is-checked .checked\:fade-enter,:checked .checked\:fade-enter{-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards}.active\:fade-leave:active,.deep-hover:hover .deep-hover\:fade-leave,.fade-leave,.focus\:fade-leave:focus,.hover\:fade-leave:hover,.is-active .active\:fade-leave,.is-checked .checked\:fade-leave,:checked .checked\:fade-leave{-webkit-animation:fadeOut .3s forwards;animation:fadeOut .3s forwards}.active\:fall-enter:active,.deep-hover:hover .deep-hover\:fall-enter,.fall-enter,.focus\:fall-enter:focus,.hover\:fall-enter:hover,.is-active .active\:fall-enter,.is-checked .checked\:fall-enter,:checked .checked\:fall-enter{-webkit-animation:fallIn .4s forwards;animation:fallIn .4s forwards}.active\:fall-leave:active,.deep-hover:hover .deep-hover\:fall-leave,.fall-leave,.focus\:fall-leave:focus,.hover\:fall-leave:hover,.is-active .active\:fall-leave,.is-checked .checked\:fall-leave,:checked .checked\:fall-leave{-webkit-animation:fallOut .4s forwards;animation:fallOut .4s forwards}.active\:bounce-enter:active,.bounce-enter,.deep-hover:hover .deep-hover\:bounce-enter,.focus\:bounce-enter:focus,.hover\:bounce-enter:hover,.is-active .active\:bounce-enter,.is-checked .checked\:bounce-enter,:checked .checked\:bounce-enter{-webkit-animation:bounceIn .3s forwards;animation:bounceIn .3s forwards}.active\:bounce-leave:active,.bounce-leave,.deep-hover:hover .deep-hover\:bounce-leave,.focus\:bounce-leave:focus,.hover\:bounce-leave:hover,.is-active .active\:bounce-leave,.is-checked .checked\:bounce-leave,:checked .checked\:bounce-leave{-webkit-animation:fallOut .3s forwards;animation:fallOut .3s forwards}.active\:scale-enter:active,.deep-hover:hover .deep-hover\:scale-enter,.focus\:scale-enter:focus,.hover\:scale-enter:hover,.is-active .active\:scale-enter,.is-checked .checked\:scale-enter,.scale-enter,:checked .checked\:scale-enter{-webkit-animation:scaleIn .3s forwards;animation:scaleIn .3s forwards}.active\:scale-leave:active,.deep-hover:hover .deep-hover\:scale-leave,.focus\:scale-leave:focus,.hover\:scale-leave:hover,.is-active .active\:scale-leave,.is-checked .checked\:scale-leave,.scale-leave,:checked .checked\:scale-leave{-webkit-animation:scaleOut .3s forwards;animation:scaleOut .3s forwards}.active\:roadster-enter:active,.deep-hover:hover .deep-hover\:roadster-enter,.focus\:roadster-enter:focus,.hover\:roadster-enter:hover,.is-active .active\:roadster-enter,.is-checked .checked\:roadster-enter,.roadster-enter,:checked .checked\:roadster-enter{transition-delay:.25s;-webkit-animation:roadsterIn .5s forwards ease-out;animation:roadsterIn .5s forwards ease-out}.active\:roadster-leave:active,.deep-hover:hover .deep-hover\:roadster-leave,.focus\:roadster-leave:focus,.hover\:roadster-leave:hover,.is-active .active\:roadster-leave,.is-checked .checked\:roadster-leave,.roadster-leave,:checked .checked\:roadster-leave{transition-delay:.25s;-webkit-animation:roadsterOut .5s forwards ease-out;animation:roadsterOut .5s forwards ease-out}.active\:slideTop-enter:active,.deep-hover:hover .deep-hover\:slideTop-enter,.focus\:slideTop-enter:focus,.hover\:slideTop-enter:hover,.is-active .active\:slideTop-enter,.is-checked .checked\:slideTop-enter,.slideTop-enter,:checked .checked\:slideTop-enter{-webkit-animation:slideTopIn .3s forwards;animation:slideTopIn .3s forwards}.active\:slideTop-leave:active,.deep-hover:hover .deep-hover\:slideTop-leave,.focus\:slideTop-leave:focus,.hover\:slideTop-leave:hover,.is-active .active\:slideTop-leave,.is-checked .checked\:slideTop-leave,.slideTop-leave,:checked .checked\:slideTop-leave{-webkit-animation:slideTopOut .3s forwards;animation:slideTopOut .3s forwards}.active\:slideDown-enter:active,.deep-hover:hover .deep-hover\:slideDown-enter,.focus\:slideDown-enter:focus,.hover\:slideDown-enter:hover,.is-active .active\:slideDown-enter,.is-checked .checked\:slideDown-enter,.slideDown-enter,:checked .checked\:slideDown-enter{-webkit-animation:slideDownIn .3s forwards;animation:slideDownIn .3s forwards}.active\:slideDown-leave:active,.deep-hover:hover .deep-hover\:slideDown-leave,.focus\:slideDown-leave:focus,.hover\:slideDown-leave:hover,.is-active .active\:slideDown-leave,.is-checked .checked\:slideDown-leave,.slideDown-leave,:checked .checked\:slideDown-leave{-webkit-animation:slideDownOut .3s forwards;animation:slideDownOut .3s forwards}.active\:slideLeft-enter:active,.deep-hover:hover .deep-hover\:slideLeft-enter,.focus\:slideLeft-enter:focus,.hover\:slideLeft-enter:hover,.is-active .active\:slideLeft-enter,.is-checked .checked\:slideLeft-enter,.slideLeft-enter,:checked .checked\:slideLeft-enter{-webkit-animation:slideLeftIn .3s forwards;animation:slideLeftIn .3s forwards}.active\:slideLeft-leave:active,.deep-hover:hover .deep-hover\:slideLeft-leave,.focus\:slideLeft-leave:focus,.hover\:slideLeft-leave:hover,.is-active .active\:slideLeft-leave,.is-checked .checked\:slideLeft-leave,.slideLeft-leave,:checked .checked\:slideLeft-leave{-webkit-animation:slideLeftOut .3s forwards;animation:slideLeftOut .3s forwards}.active\:slideRight-enter:active,.deep-hover:hover .deep-hover\:slideRight-enter,.focus\:slideRight-enter:focus,.hover\:slideRight-enter:hover,.is-active .active\:slideRight-enter,.is-checked .checked\:slideRight-enter,.slideRight-enter,:checked .checked\:slideRight-enter{-webkit-animation:slideRightIn .3s forwards;animation:slideRightIn .3s forwards}.active\:slideRight-leave:active,.deep-hover:hover .deep-hover\:slideRight-leave,.focus\:slideRight-leave:focus,.hover\:slideRight-leave:hover,.is-active .active\:slideRight-leave,.is-checked .checked\:slideRight-leave,.slideRight-leave,:checked .checked\:slideRight-leave{-webkit-animation:slideRightOut .3s forwards;animation:slideRightOut .3s forwards}.active\:slideLeftSide-enter:active,.deep-hover:hover .deep-hover\:slideLeftSide-enter,.focus\:slideLeftSide-enter:focus,.hover\:slideLeftSide-enter:hover,.is-active .active\:slideLeftSide-enter,.is-checked .checked\:slideLeftSide-enter,.slideLeftSide-enter,:checked .checked\:slideLeftSide-enter{-webkit-animation:slideLeftSideIn .4s forwards;animation:slideLeftSideIn .4s forwards}.active\:slideLeftSide-leave:active,.deep-hover:hover .deep-hover\:slideLeftSide-leave,.focus\:slideLeftSide-leave:focus,.hover\:slideLeftSide-leave:hover,.is-active .active\:slideLeftSide-leave,.is-checked .checked\:slideLeftSide-leave,.slideLeftSide-leave,:checked .checked\:slideLeftSide-leave{-webkit-animation:slideLeftSideOut .4s forwards;animation:slideLeftSideOut .4s forwards}.active\:slideRightSide-enter:active,.deep-hover:hover .deep-hover\:slideRightSide-enter,.focus\:slideRightSide-enter:focus,.hover\:slideRightSide-enter:hover,.is-active .active\:slideRightSide-enter,.is-checked .checked\:slideRightSide-enter,.slideRightSide-enter,:checked .checked\:slideRightSide-enter{-webkit-animation:slideRightSideIn .4s forwards;animation:slideRightSideIn .4s forwards}.active\:slideRightSide-leave:active,.deep-hover:hover .deep-hover\:slideRightSide-leave,.focus\:slideRightSide-leave:focus,.hover\:slideRightSide-leave:hover,.is-active .active\:slideRightSide-leave,.is-checked .checked\:slideRightSide-leave,.slideRightSide-leave,:checked .checked\:slideRightSide-leave{-webkit-animation:slideRightSideOut .4s forwards;animation:slideRightSideOut .4s forwards}.active\:slideTopSide-enter:active,.deep-hover:hover .deep-hover\:slideTopSide-enter,.focus\:slideTopSide-enter:focus,.hover\:slideTopSide-enter:hover,.is-active .active\:slideTopSide-enter,.is-checked .checked\:slideTopSide-enter,.slideTopSide-enter,:checked .checked\:slideTopSide-enter{-webkit-animation:slideTopSideIn .4s forwards;animation:slideTopSideIn .4s forwards}.active\:slideTopSide-leave:active,.deep-hover:hover .deep-hover\:slideTopSide-leave,.focus\:slideTopSide-leave:focus,.hover\:slideTopSide-leave:hover,.is-active .active\:slideTopSide-leave,.is-checked .checked\:slideTopSide-leave,.slideTopSide-leave,:checked .checked\:slideTopSide-leave{-webkit-animation:slideTopSideOut .4s forwards;animation:slideTopSideOut .4s forwards}.active\:slideBottomSide-enter:active,.deep-hover:hover .deep-hover\:slideBottomSide-enter,.focus\:slideBottomSide-enter:focus,.hover\:slideBottomSide-enter:hover,.is-active .active\:slideBottomSide-enter,.is-checked .checked\:slideBottomSide-enter,.slideBottomSide-enter,:checked .checked\:slideBottomSide-enter{-webkit-animation:slideBottomSideIn .4s forwards;animation:slideBottomSideIn .4s forwards}.active\:slideBottomSide-leave:active,.deep-hover:hover .deep-hover\:slideBottomSide-leave,.focus\:slideBottomSide-leave:focus,.hover\:slideBottomSide-leave:hover,.is-active .active\:slideBottomSide-leave,.is-checked .checked\:slideBottomSide-leave,.slideBottomSide-leave,:checked .checked\:slideBottomSide-leave{-webkit-animation:slideBottomSideOut .4s forwards;animation:slideBottomSideOut .4s forwards}.active\:jelly-enter:active,.deep-hover:hover .deep-hover\:jelly-enter,.focus\:jelly-enter:focus,.hover\:jelly-enter:hover,.is-active .active\:jelly-enter,.is-checked .checked\:jelly-enter,.jelly-enter,:checked .checked\:jelly-enter{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:jellyIn 1s forwards;animation:jellyIn 1s forwards}.active\:jelly-leave:active,.deep-hover:hover .deep-hover\:jelly-leave,.focus\:jelly-leave:focus,.hover\:jelly-leave:hover,.is-active .active\:jelly-leave,.is-checked .checked\:jelly-leave,.jelly-leave,:checked .checked\:jelly-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:jellyOut 1s forwards;animation:jellyOut 1s forwards}.active\:spring-enter:active,.deep-hover:hover .deep-hover\:spring-enter,.focus\:spring-enter:focus,.hover\:spring-enter:hover,.is-active .active\:spring-enter,.is-checked .checked\:spring-enter,.spring-enter,:checked .checked\:spring-enter{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:springIn .4s forwards;animation:springIn .4s forwards}.active\:spring-leave:active,.deep-hover:hover .deep-hover\:spring-leave,.focus\:spring-leave:focus,.hover\:spring-leave:hover,.is-active .active\:spring-leave,.is-checked .checked\:spring-leave,.spring-leave,:checked .checked\:spring-leave{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:springOut .4s forwards;animation:springOut .4s forwards}.fade-enter-active{-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards}.fade-leave-active{-webkit-animation:fadeOut .3s forwards;animation:fadeOut .3s forwards}.fall-enter-active{-webkit-animation:fallIn .4s forwards;animation:fallIn .4s forwards}.fall-leave-active{-webkit-animation:fallOut .4s forwards;animation:fallOut .4s forwards}.bounce-enter-active{-webkit-animation:bounceIn .3s forwards;animation:bounceIn .3s forwards}.bounce-leave-active{-webkit-animation:fallOut .3s forwards;animation:fallOut .3s forwards}.scale-enter-active{-webkit-animation:scaleIn .3s forwards;animation:scaleIn .3s forwards}.scale-leave-active{-webkit-animation:scaleOut .3s forwards;animation:scaleOut .3s forwards}.roadster-enter-active{transition-delay:.25s;-webkit-animation:roadsterIn .5s forwards ease-out;animation:roadsterIn .5s forwards ease-out}.roadster-leave-active{transition-delay:.25s;-webkit-animation:roadsterOut .5s forwards ease-out;animation:roadsterOut .5s forwards ease-out}.slideTop-enter-active{-webkit-animation:slideTopIn .3s forwards;animation:slideTopIn .3s forwards}.slideTop-leave-active{-webkit-animation:slideTopOut .3s forwards;animation:slideTopOut .3s forwards}.slideDown-enter-active{-webkit-animation:slideDownIn .3s forwards;animation:slideDownIn .3s forwards}.slideDown-leave-active{-webkit-animation:slideDownOut .3s forwards;animation:slideDownOut .3s forwards}.slideLeft-enter-active{-webkit-animation:slideLeftIn .3s forwards;animation:slideLeftIn .3s forwards}.slideLeft-leave-active{-webkit-animation:slideLeftOut .3s forwards;animation:slideLeftOut .3s forwards}.slideRight-enter-active{-webkit-animation:slideRightIn .3s forwards;animation:slideRightIn .3s forwards}.slideRight-leave-active{-webkit-animation:slideRightOut .3s forwards;animation:slideRightOut .3s forwards}.slideLeftSide-enter-active{-webkit-animation:slideLeftSideIn .4s forwards;animation:slideLeftSideIn .4s forwards}.slideLeftSide-leave-active{-webkit-animation:slideLeftSideOut .4s forwards;animation:slideLeftSideOut .4s forwards}.slideRightSide-enter-active{-webkit-animation:slideRightSideIn .4s forwards;animation:slideRightSideIn .4s forwards}.slideRightSide-leave-active{-webkit-animation:slideRightSideOut .4s forwards;animation:slideRightSideOut .4s forwards}.slideTopSide-enter-active{-webkit-animation:slideTopSideIn .4s forwards;animation:slideTopSideIn .4s forwards}.slideTopSide-leave-active{-webkit-animation:slideTopSideOut .4s forwards;animation:slideTopSideOut .4s forwards}.slideBottomSide-enter-active{-webkit-animation:slideBottomSideIn .4s forwards;animation:slideBottomSideIn .4s forwards}.slideBottomSide-leave-active{-webkit-animation:slideBottomSideOut .4s forwards;animation:slideBottomSideOut .4s forwards}.jelly-enter-active{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:jellyIn 1s forwards;animation:jellyIn 1s forwards}.jelly-leave-active{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:jellyOut 1s forwards;animation:jellyOut 1s forwards}.spring-enter-active{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:springIn .4s forwards;animation:springIn .4s forwards}.spring-leave-active{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:springOut .4s forwards;animation:springOut .4s forwards}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.collapse-transition-enter-active,.collapse-transition-leave-active{transition:.3s max-height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-active[data-popper-placement^=top],.zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.zoom-in-top-enter-from,.zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transform:scaleY(1);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-left-enter-active[data-popper-placement^=left],.zoom-in-left-leave-active[data-popper-placement^=left]{transform-origin:center left}.zoom-in-left-enter-from,.zoom-in-left-leave-active{opacity:0;transform:scaleY(0)}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter-from,.list-leave-active{opacity:0;transform:translateY(-30px)}.dropdown-enter-active{-webkit-animation:dropdownUp .3s ease 1;animation:dropdownUp .3s ease 1}.dropdown-leave-active{-webkit-animation:dropdownDown .3s ease 1;animation:dropdownDown .3s ease 1}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fallIn{0%{opacity:0;transform:scale3d(1.1,1.1,1)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes fallIn{0%{opacity:0;transform:scale3d(1.1,1.1,1)}100%{opacity:1;transform:scale3d(1,1,1)}}@-webkit-keyframes fallOut{0%{opacity:1}100%{opacity:0;transform:scale3d(.9,.9,1)}}@keyframes fallOut{0%{opacity:1}100%{opacity:0;transform:scale3d(.9,.9,1)}}@-webkit-keyframes bounceIn{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes scaleIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1}}@-webkit-keyframes scaleOut{0%{opacity:1}100%{opacity:0;transform:scale(.7)}}@keyframes scaleOut{0%{opacity:1}100%{opacity:0;transform:scale(.7)}}@-webkit-keyframes roadsterIn{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes roadsterIn{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@-webkit-keyframes roadsterOut{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}@keyframes roadsterOut{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}@-webkit-keyframes slideLeftSideIn{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes slideLeftSideIn{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@-webkit-keyframes slideLeftSideOut{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}@keyframes slideLeftSideOut{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}@-webkit-keyframes slideRightSideIn{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@keyframes slideRightSideIn{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@-webkit-keyframes slideRightSideOut{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@keyframes slideRightSideOut{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@-webkit-keyframes slideTopSideIn{0%{transform:translate(0,100%)}100%{transform:translate(0,0)}}@keyframes slideTopSideIn{0%{transform:translate(0,100%)}100%{transform:translate(0,0)}}@-webkit-keyframes slideTopSideOut{0%{transform:translate(0,0)}100%{transform:translate(0,100%)}}@keyframes slideTopSideOut{0%{transform:translate(0,0)}100%{transform:translate(0,100%)}}@-webkit-keyframes slideBottomSideIn{0%{transform:translate(0,-100%)}100%{transform:translate(0,0)}}@keyframes slideBottomSideIn{0%{transform:translate(0,-100%)}100%{transform:translate(0,0)}}@-webkit-keyframes slideBottomSideOut{0%{transform:translate(0,0)}100%{transform:translate(0,-100%)}}@keyframes slideBottomSideOut{0%{transform:translate(0,0)}100%{transform:translate(0,-100%)}}@-webkit-keyframes slideTopIn{0%{opacity:0;transform:translate(0,50px)}100%{opacity:1;transform:translate(0,0)}}@keyframes slideTopIn{0%{opacity:0;transform:translate(0,50px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes slideTopOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,50px)}}@keyframes slideTopOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,50px)}}@-webkit-keyframes slideDownIn{0%{opacity:0;transform:translate(0,-50px)}100%{opacity:1;transform:translate(0,0)}}@keyframes slideDownIn{0%{opacity:0;transform:translate(0,-50px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes slideDownOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,-50px)}}@keyframes slideDownOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,-50px)}}@-webkit-keyframes slideLeftIn{0%{opacity:0;transform:translate(50px,0)}100%{opacity:1;transform:translate(0,0)}}@keyframes slideLeftIn{0%{opacity:0;transform:translate(50px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes slideLeftOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(50px,0)}}@keyframes slideLeftOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(50px,0)}}@-webkit-keyframes slideRightIn{0%{opacity:0;transform:translate(-50px,0)}100%{opacity:1;transform:translate(0,0)}}@keyframes slideRightIn{0%{opacity:0;transform:translate(-50px,0)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes slideRightOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-50px,0)}}@keyframes slideRightOut{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-50px,0)}}@-webkit-keyframes jellyIn{0%{opacity:0;transform:matrix3d(.7,0,0,0,0,.7,0,0,0,0,1,0,0,0,0,1)}8%{transform:matrix3d(.92038,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}16%{transform:matrix3d(1.04227,0,0,0,0,1.08453,0,0,0,0,1,0,0,0,0,1)}24%{transform:matrix3d(1.04487,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}32%{transform:matrix3d(1.01191,0,0,0,0,.97618,0,0,0,0,1,0,0,0,0,1)}40%{transform:matrix3d(.99368,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}48%{opacity:1;transform:matrix3d(.99329,0,0,0,0,1.00671,0,0,0,0,1,0,0,0,0,1)}56%{transform:matrix3d(.99822,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}64%{transform:matrix3d(1.00057,0,0,0,0,.99795,0,0,0,0,1,0,0,0,0,1)}72%{transform:matrix3d(1.00114,0,0,0,0,.99955,0,0,0,0,1,0,0,0,0,1)}80%{transform:matrix3d(1.00044,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1)}88%{transform:matrix3d(.99991,0,0,0,0,1.00013,0,0,0,0,1,0,0,0,0,1)}100%{opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@keyframes jellyIn{0%{opacity:0;transform:matrix3d(.7,0,0,0,0,.7,0,0,0,0,1,0,0,0,0,1)}8%{transform:matrix3d(.92038,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}16%{transform:matrix3d(1.04227,0,0,0,0,1.08453,0,0,0,0,1,0,0,0,0,1)}24%{transform:matrix3d(1.04487,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}32%{transform:matrix3d(1.01191,0,0,0,0,.97618,0,0,0,0,1,0,0,0,0,1)}40%{transform:matrix3d(.99368,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}48%{opacity:1;transform:matrix3d(.99329,0,0,0,0,1.00671,0,0,0,0,1,0,0,0,0,1)}56%{transform:matrix3d(.99822,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}64%{transform:matrix3d(1.00057,0,0,0,0,.99795,0,0,0,0,1,0,0,0,0,1)}72%{transform:matrix3d(1.00114,0,0,0,0,.99955,0,0,0,0,1,0,0,0,0,1)}80%{transform:matrix3d(1.00044,0,0,0,0,1.00058,0,0,0,0,1,0,0,0,0,1)}88%{transform:matrix3d(.99991,0,0,0,0,1.00013,0,0,0,0,1,0,0,0,0,1)}100%{opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@-webkit-keyframes jellyOut{0%{opacity:1}100%{opacity:0;transform:scale(.8)}}@keyframes jellyOut{0%{opacity:1}100%{opacity:0;transform:scale(.8)}}@-webkit-keyframes springIn{0%{opacity:1;transform:translate(0,0)}25%{opacity:1;transform:translate(0,-10%)}50%{opacity:1;transform:translate(0,10%)}75%{opacity:1;transform:translate(0,-5%)}100%{opacity:1;transform:translate(0,0)}}@keyframes springIn{0%{opacity:1;transform:translate(0,0)}25%{opacity:1;transform:translate(0,-10%)}50%{opacity:1;transform:translate(0,10%)}75%{opacity:1;transform:translate(0,-5%)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes springOut{0%{opacity:1}100%{opacity:0;transform:scale(.8)}}@keyframes springOut{0%{opacity:1}100%{opacity:0;transform:scale(.8)}}@-webkit-keyframes dropdownUp{from{opacity:0;transform:translate(0,-10px)}to{opacity:1;transform:translate(0,0)}}@keyframes dropdownUp{from{opacity:0;transform:translate(0,-10px)}to{opacity:1;transform:translate(0,0)}}@-webkit-keyframes dropdownDown{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(0,-10px)}}@keyframes dropdownDown{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(0,-10px)}}.hl-dialog{position:fixed}.hl-dialog>.hl-panel{display:flex;flex-direction:column;box-shadow:var(--box-shadow-xl);border:none}.hl-dialog>.hl-panel .panel-header{flex-shrink:0;flex-grow:unset}.hl-dialog>.hl-panel .panel-body{max-height:100%}.hl-dialog>.hl-panel .panel-footer{flex-shrink:0;flex-grow:unset}.hl-dialog>.hl-panel.is-resizable .panel-body{position:relative}.hl-dialog>.hl-panel.is-resizable .panel-body::after{content:"";position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.hl-dialog.at-center{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;overflow:auto}.hl-dialog.at-center>.hl-panel{position:relative;margin:40px auto}.hl-dialog.at-left{left:0;top:0;bottom:0}.hl-dialog.at-left>.hl-panel[show-as=drawer]{border-radius:0;height:100%}.hl-dialog.at-left>.hl-panel[show-as=drawer] .panel-footer,.hl-dialog.at-left>.hl-panel[show-as=drawer] .panel-header{border-radius:0}.hl-dialog.at-right{right:0;top:0;bottom:0}.hl-dialog.at-right>.hl-panel[show-as=drawer]{border-radius:0;height:100%}.hl-dialog.at-right>.hl-panel[show-as=drawer] .panel-footer,.hl-dialog.at-right>.hl-panel[show-as=drawer] .panel-header{border-radius:0}.hl-dialog.at-top{top:0;left:0;right:0}.hl-dialog.at-top>.hl-panel[show-as=drawer]{border-radius:0;width:100%}.hl-dialog.at-top>.hl-panel[show-as=drawer] .panel-footer,.hl-dialog.at-top>.hl-panel[show-as=drawer] .panel-header{border-radius:0}.hl-dialog.at-bottom{bottom:0;left:0;right:0}.hl-dialog.at-bottom>.hl-panel[show-as=drawer]{border-radius:0;width:100%}.hl-dialog.at-bottom>.hl-panel[show-as=drawer] .panel-footer,.hl-dialog.at-bottom>.hl-panel[show-as=drawer] .panel-header{border-radius:0}.hl-dialog.at-fullscreen{top:0;bottom:0;left:0;right:0}.hl-dialog.at-fullscreen>.hl-panel{position:fixed;top:var(--panel-fullscreen-top);right:var(--panel-fullscreen-right);bottom:var(--panel-fullscreen-bottom);left:var(--panel-fullscreen-left);width:auto;height:auto;transform:translate(0)}.hl-dialog.at-fullscreen>.hl-panel[show-as=drawer]{border-radius:0}.hl-dialog.at-fullscreen>.hl-panel[show-as=drawer] .panel-footer,.hl-dialog.at-fullscreen>.hl-panel[show-as=drawer] .panel-header{border-radius: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-overlay{position:fixed;display:flex;top:0;right:0;bottom:0;left:0;z-index:3000;height:100%;background-color:var(--bg-backdrop)}: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)}