halleyx-ui-framework/dist/umd/index.css

The Halleyx UI Framework is a Vue 3 component framework.

@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,400;0,500;0,700;1,100;1,200;1,700&display=swap";.right-panel{font-family:OpenSans}.left-panel{font-family:OpenSans}.right-panel{font-family:OpenSans}.left-panel{font-family:OpenSans}:root{--hlx-color-black: #000000;--hlx-color-white: #ffffff;--hlx-color-primary-dark: #265E4B;--hlx-color-primary: #54bd95;--hlx-color-primary-light: #a8dec9;--hlx-color-primary-lighter: #e4fff5;--hlx-color-success-dark: #00954a;--hlx-color-success: #02b55c;--hlx-color-success-light: #dcf9ea;--hlx-color-warning-dark: #ff9500;--hlx-color-warning: #f8a523;--hlx-color-warning-light: #f9ecd7;--hlx-color-error-dark: #fc3232;--hlx-color-error: #ff5050;--hlx-color-error-light: #ffe8e8;--hlx-color-info-dark: #0065b2;--hlx-color-info: #2879b7;--hlx-color-info-light: #d8edfc;--hlx-color-link-dark: #143c5b;--hlx-color-link: #2879b7;--hlx-color-link-light: #d8edfc;--hlx-color-disable-dark: #6f5c90;--hlx-color-disable: #ece9f1;--hlx-color-disable-text: #d0c9d6;--hlx-font-type-content: OpenSans;--hlx-font-type-title: QuickSand;--hlx-color-primary-rgb:84, 189, 149;--hlx-color-success-rgb:2, 181, 92;--hlx-color-warning-rgb:248, 165, 35;--hlx-color-error-rgb:255, 80, 80;--hlx-color-info-rgb:40, 121, 183;--hlx-color-link-rgb:40, 121, 183;--hlx-color-disable-rgb:236, 233, 241;--hlx-color-sidebar-rgb:0, 23, 35;--hlx-color-sidebar: #001723;--hlx-text-color-primary: #191a15;--hlx-text-color-secondary: #fbfbfb;--hlx-text-color-tree: #222f2b;--hlx-text-color-disable: #d0c9d6;--hlx-font-header-size: 2.25rem;--hlx-font-header-size-sm: 1.875rem;--hlx-font-header-size-lg: 3rem;--hlx-font-header-size-xl: 3.75rem;--hlx-font-header-size-xxl: 4.5rem;--hlx-font-content-size: 1rem;--hlx-font-content-size-sm: 0.875rem;--hlx-font-content-size-lg: 1.125rem;--hlx-font-content-size-xl: 1.25rem;--hlx-font-content-size-xxl: 0.75rem;--hlx-border-color-dark: #a6a6a6;--hlx-border-color-light: #ebebeb;--hlx-border-color-lighter: #f7f7f7;--hlx-border-color: #d8d8d8;--hlx-line-height-sm: 1.25rem;--hlx-line-height-xs: 1.125rem;--hlx-line-height-lg: 1.75rem;--hlx-line-height: 1.5rem;--hlx-line-height-xl: 1.875rem;--hlx-line-height-xxl: 2rem;--hlx-icon-size-sm: 1.25rem;--hlx-icon-size-xs: 1rem;--hlx-icon-size-lg: 2rem;--hlx-icon-size-xl: 2.25rem;--hlx-icon-size-md: 1.5rem}.--hide-it{display:none}.feature-title{color:#606266}.feature-content{font-size:.875rem;line-height:1.25rem}.feature-content code{margin:0;border-radius:4px;padding:.15rem .5rem;color:#303133;background-color:#f5f7fa}.right-panel{font-family:OpenSans}.left-panel{font-family:OpenSans}.component-heading,.component-side-heading{font-family:Quicksand;margin:50px 0 20px 0}.component-heading{font-family:Quicksand;margin:50px 0 20px 0;display:flex;align-items:center}.component-heading>img{width:35px;object-fit:cover;margin-left:5px;height:auto}.component-side-heading{margin:30px 0 20px 0;font-size:20px}.component-description{font-size:14px;line-height:2}.icon-size{list-style-type:none;font-size:14px}.icon-size li{font-family:OpenSans;margin:20px 20px 20px 0}.notes{padding:10px;font-size:14px;width:100%;background-color:#a8dec9;border-left:3px solid #265e4b;border-radius:5px;display:inline-flex}.notes .note-title{font-weight:bold}.notes .note-body{margin-left:10px;word-spacing:2px}.component-example{display:flex;flex-direction:column;justify-content:space-between;margin:40px 0;border:1px solid #d8d8d8;border-radius:5px}.component-example .example-body{height:100%;display:flex;padding:20px;gap:15px;overflow:inherit;flex-direction:column}.component-example .example-body1{height:300px;padding:20px;overflow:visible}.component-example .example-body2{height:66px;padding:20px;display:flex;justify-content:space-evenly;overflow:visible}.component-example .example-body4{padding:20px;display:flex;justify-content:space-evenly;overflow:visible}.component-example .example-body3{height:100%;display:flex;padding:20px;overflow:auto;flex-direction:column}.component-example .example-footer{height:40px;display:flex;padding:0 20px;justify-content:flex-end;align-items:center;border-top:1px solid #d8d8d8}.component-example .example-footer .icon-code-regular::before{font-size:var(--hlx-icon-size-sm);color:#191a15}.component-example .example-footer .icon{font-size:14px !important;margin-left:10px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:5px}.component-example .example-footer .icon:hover{cursor:pointer;background-color:#a8dec9;color:#54bd95}.component-example .example-footer .active-icon{margin-left:10px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;background-color:#54bd95;color:#fff}.component-example .example-footer .active-icon .icon-code-regular::before{font-size:var(--hlx-icon-size-md);color:#fff}.component-example .example-footer .active-icon:hover{cursor:pointer;background-color:#a8dec9;color:#54bd95}.hljs{font-size:14px !important}.hlx-alert-wrapper{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;box-sizing:border-box;position:fixed;height:max-content;z-index:-2;right:0;top:58px;display:flex;gap:10px;flex-direction:column;z-index:9999;justify-content:flex-start;-webkit-animation:runProgress .5s ease-in-out;animation:runProgress .5s ease-in-out}@keyframes runProgress{0%{opacity:0;transform:translateX(80px)}50%{opacity:.5}100%{opacity:1;transform:translateX(0px)}}@keyframes runProgressR{0%{opacity:1;transform:translateY(0px)}50%{opacity:.5}100%{opacity:0;transform:translateY(1000px)}}.hlx.alert{font-family:var(--hlx-font-type-content);position:relative;top:10%;right:15%;min-width:15rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:36px;box-sizing:border-box;transition:max-height 250ms;box-shadow:-2px 3px 20px -13px;border-radius:8px;display:grid;grid-template-columns:2.5rem 1fr 2.5rem;max-width:400px;background:#fff;-webkit-animation:runProgress .3s ease-in-out;animation:runProgress .3s ease-in-out}@keyframes runProgress{0%{opacity:0;transform:translateX(80px)}50%{opacity:.5}100%{opacity:1;transform:translateX(0px)}}@keyframes runProgressR{0%{opacity:1;transform:translateX(0px)}50%{opacity:.5}100%{opacity:0;transform:translateX(1000px)}}.hlx.alert.close{animation:runProgressR 3s ease-in-out;opacity:0;font-size:var(--hlx-font-content-size)}.hlx.alert.alert>.icon{min-width:2.5rem;height:auto;border-radius:8px 0 0 8px;text-align:center}.hlx.alert.alert>.icon>i{font-size:var(--hlx-icon-size-sm);color:#fff}.hlx.alert.alert>.icon{line-height:40px;padding:.75 0}.hlx.alert.alert>.text{width:100%;padding:.2rem .6rem;display:flex;overflow:hidden;align-items:center}.hlx.alert.alert>.text .alert-header{font-size:.875rem;font-weight:600;line-height:21.78px;letter-spacing:.5%;color:#333}.hlx.alert.alert>.text .alert-description{font-size:.875rem;max-height:75px;font-weight:400;line-height:24.78px;letter-spacing:.5%;color:#666;text-align:left}.hlx.alert.alert>.close{border:none;background:rgba(0,0,0,0);margin-right:6px;color:#777;outline:none;cursor:pointer;transition:.3 ease-in-out}.hlx.alert.alert>.close>i{font-size:var(--hlx-icon-size-xs);color:var(--hlx-color-disable-dark)}.hlx.alert.alert-success{background-color:var(--hlx-color-success-light)}.hlx.alert.alert-success>.text strong{color:var(--hlx-color-success)}.hlx.alert.alert-success .close>i:hover{color:var(--hlx-color-success)}.hlx.alert.alert-success>.icon{display:flex;align-items:center;justify-content:center;background-color:var(--hlx-color-success)}.hlx.alert.alert-warning{background-color:var(--hlx-color-warning-light)}.hlx.alert.alert-warning>.text strong{color:var(--hlx-color-warning)}.hlx.alert.alert-warning .close>i:hover{color:var(--hlx-color-warning)}.hlx.alert.alert-warning>.icon{background-color:var(--hlx-color-warning);display:flex;align-items:center;justify-content:center}.hlx.alert.alert-danger{background-color:var(--hlx-color-error-light)}.hlx.alert.alert-danger>.text strong{color:var(--hlx-color-error)}.hlx.alert.alert-danger .close>i:hover{color:var(--hlx-color-error)}.hlx.alert.alert-danger>.icon{background-color:var(--hlx-color-error);display:flex;align-items:center;justify-content:center}.hlx.alert.alert-primary{background-color:var(--hlx-color-link-light)}.hlx.alert.alert-primary>.text strong{color:var(--hlx-color-link)}.hlx.alert.alert-primary .close>i:hover{color:var(--hlx-color-link)}.hlx.alert.alert-primary>.icon{background-color:var(--hlx-color-link);display:flex;align-items:center;justify-content:center}.icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--hlx-text-color-primary);background:var(--hlx-color-white);border:none;outline:none;border-radius:50%}.icon-button>span{font-size:var(--hlx-icon-size-xl)}.icon-button.icon-button:hover{cursor:pointer}.icon-button .icon-button__badge{position:absolute;top:6px;right:6px;width:16px;height:16px;background:var(--hlx-color-primary);font-family:"OpenSans" !important;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%}.dotted-pagination-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:7px;align-content:center}.dotted-pagination-container i{font-weight:600;font-size:var(--hlx-font-content-size-lg);cursor:pointer}.dotted-pagination-container i[disabled=true]{cursor:default;pointer-events:none;color:var(--hlx-border-color-dark)}.dotted-pagination-container .pagination-dot-circle{display:inline-block;border-radius:50%;min-width:10px;width:10px;height:10px;min-height:10px;box-shadow:0px 1px 4px -1px;border:none;background:var(--hlx-border-color-lighter)}.dotted-pagination-container .pagination-dot-circle:last-child{margin-right:0}.dotted-pagination-container .pagination-dot-circle:hover{cursor:pointer;background-color:rgba(var(--hlx-color-primary), 0.5)}.dotted-pagination-container .pagination-dot-circle.active{background-color:var(--hlx-color-primary);transform:scale(1.1)}#hlx-button-0009.hlx-button{font-family:var(--hlx-font-type-content) !important;box-sizing:border-box;border:none;user-select:none;position:relative;border-radius:6px;padding:14px 16px;height:46px;font-size:15px;line-height:18.15px;letter-spacing:.005em;min-width:max-content;min-width:max-content;cursor:pointer}#hlx-button-0009.hlx-button.primary{color:var(--hlx-color-white);background:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.primary:hover:not(#hlx-button-0009.hlx-button.primary:active){background-color:var(--hlx-color-primary-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.primary:hover{background-color:var(--hlx-color-primary-dark);transition:all .1s}#hlx-button-0009.hlx-button.primary:active{background-color:var(--hlx-color-primary);top:2px}#hlx-button-0009.hlx-button.primary-success{color:var(--hlx-color-white);background:var(--hlx-color-success)}#hlx-button-0009.hlx-button.primary-success:hover:not(#hlx-button-0009.hlx-button.primary-success:active){background-color:var(--hlx-color-success-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.primary-success:active{top:2px;background-color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.primary-warning{background:var(--hlx-color-warning);color:var(--hlx-color-white)}#hlx-button-0009.hlx-button.primary-warning:hover:not(#hlx-button-0009.hlx-button.primary-warning:active){background-color:var(--hlx-color-warning-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.primary-warning:active{top:2px;background-color:var(--hlx-color-warning)}#hlx-button-0009.hlx-button.primary-info{background:var(--hlx-color-info);color:var(--hlx-color-white)}#hlx-button-0009.hlx-button.primary-info:hover:not(#hlx-button-0009.hlx-button.primary-info:active){background-color:var(--hlx-color-info-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.primary-info:active{top:2px;background-color:var(--hlx-color-info)}#hlx-button-0009.hlx-button.primary-error{color:var(--hlx-color-white);background:var(--hlx-color-error)}#hlx-button-0009.hlx-button.primary-error:hover:not(#hlx-button-0009.hlx-button.primary-error:active){background:var(--hlx-color-error-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.primary-error:active{top:2px;background:var(--hlx-color-error)}#hlx-button-0009.hlx-button.secondary{background:var(--hlx-color-white);border:1px solid var(--hlx-color-primary-dark);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.secondary:hover{background-color:rgba(var(--hlx-color-primary-rgb), 0.2);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.secondary:active{background-color:rgba(var(--hlx-color-primary-rgb), 0.61);color:var(--hlx-color-primary-dark);transition:active 4s}#hlx-button-0009.hlx-button.secondary-success{border:1px solid var(--hlx-color-success-dark);background:var(--hlx-color-white);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.secondary-success:hover{background-color:rgba(var(--hlx-color-success-rgb), 0.2);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.secondary-success:active{background-color:rgba(var(--hlx-color-success-rgb), 0.61);color:var(--hlx-color-success-dark);transition:active 4s}#hlx-button-0009.hlx-button.secondary-warning{border:1px solid var(--hlx-color-warning);background:var(--hlx-color-white);color:var(--hlx-color-warning)}#hlx-button-0009.hlx-button.secondary-warning:hover{background-color:rgba(var(--hlx-color-warning-rgb), 0.2)}#hlx-button-0009.hlx-button.secondary-warning:active{background-color:rgba(var(--hlx-color-warning-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.secondary-info{border:1px solid var(--hlx-color-info);background:var(--hlx-color-white);color:var(--hlx-color-info)}#hlx-button-0009.hlx-button.secondary-info:hover{background-color:rgba(var(--hlx-color-info-rgb), 0.2)}#hlx-button-0009.hlx-button.secondary-info:active{background-color:rgba(var(--hlx-color-info-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.secondary-error{border:1px solid var(--hlx-color-error);background:var(--hlx-color-white);color:var(--hlx-color-error)}#hlx-button-0009.hlx-button.secondary-error:hover{background-color:rgba(var(--hlx-color-error-rgb), 0.2)}#hlx-button-0009.hlx-button.secondary-error:active{background-color:rgba(var(--hlx-color-error-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.text{background:var(--hlx-color-white);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.text:hover{background-color:rgba(var(--hlx-color-primary-rgb), 0.2);color:var(--hlx-color-primary-dark)}#hlx-button-0009.hlx-button.text:active{background-color:rgba(var(--hlx-color-primary-rgb), 0.61);color:var(--hlx-color-primary-dark);transition:active 4s}#hlx-button-0009.hlx-button.text-success{background:var(--hlx-color-white);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.text-success:hover{background-color:rgba(var(--hlx-color-success-rgb), 0.2);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.text-success:active{background-color:rgba(var(--hlx-color-success-rgb), 0.61);color:var(--hlx-color-success);transition:active 4s}#hlx-button-0009.hlx-button.text-warning{background:var(--hlx-color-white);color:var(--hlx-color-warning)}#hlx-button-0009.hlx-button.text-warning:hover{background-color:rgba(var(--hlx-color-warning-rgb), 0.2)}#hlx-button-0009.hlx-button.text-warning:active{background-color:rgba(var(--hlx-color-warning-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.text-info{background:var(--hlx-color-white);color:var(--hlx-color-info)}#hlx-button-0009.hlx-button.text-info:hover{background-color:rgba(var(--hlx-color-info-rgb), 0.2)}#hlx-button-0009.hlx-button.text-info:active{background-color:rgba(var(--hlx-color-info-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.text-error{background:var(--hlx-color-white);color:var(--hlx-color-error)}#hlx-button-0009.hlx-button.text-error:hover{background-color:rgba(var(--hlx-color-error-rgb), 0.2)}#hlx-button-0009.hlx-button.text-error:active{background-color:rgba(var(--hlx-color-error-rgb), 0.61);transition:active 4s}#hlx-button-0009.hlx-button.link{padding:0 !important;background:rgba(0,0,0,0);color:var(--hlx-color-link)}#hlx-button-0009.hlx-button.link:hover{background-color:rgba(0,0,0,0) !important;box-shadow:none !important;color:var(--hlx-color-link);text-decoration:underline;text-decoration-color:var(--hlx-color-link)}#hlx-button-0009.hlx-button.link:active{background-color:rgba(0,0,0,0) !important;border:none !important;color:var(--hlx-color-link);transition:active 4s}#hlx-button-0009.hlx-button.link:active::after{box-shadow:none !important}#hlx-button-0009.hlx-button.pill{border-radius:999px !important;color:var(--hlx-color-white);background-color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.pill:hover:not(#hlx-button-0009.hlx-button.pill:active){background-color:var(--hlx-color-primary-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.pill:hover{background:var(--hlx-color-primary-dark);transition:all .1s}#hlx-button-0009.hlx-button.pill:active{top:2px;background:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.pill-success{border-radius:22px;background-color:var(--hlx-color-success);color:var(--hlx-color-white)}#hlx-button-0009.hlx-button.pill-success:hover:not(#hlx-button-0009.hlx-button.pill-success:active){box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);background:var(--hlx-color-success-dark);transition:all .1s}#hlx-button-0009.hlx-button.pill-success:active{top:2px;background:var(--hlx-color-success)}#hlx-button-0009.hlx-button.pill-warning{border-radius:22px;background-color:var(--hlx-color-warning);color:var(--hlx-color-white)}#hlx-button-0009.hlx-button.pill-warning:hover:not(#hlx-button-0009.hlx-button.pill-warning:active){background:var(--hlx-color-warning-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.pill-warning:active{top:2px;background:var(--hlx-color-warning)}#hlx-button-0009.hlx-button.pill-info{border-radius:22px;background:var(--hlx-color-info);color:var(--hlx-color-white)}#hlx-button-0009.hlx-button.pill-info:hover:not(#hlx-button-0009.hlx-button.pill-info:active){background:var(--hlx-color-info-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.pill-info:active{top:2px;background:var(--hlx-color-info)}#hlx-button-0009.hlx-button.pill-error{border-radius:22px;color:var(--hlx-color-white);background:var(--hlx-color-error)}#hlx-button-0009.hlx-button.pill-error:hover:not(#hlx-button-0009.hlx-button.pill-error:active){background:var(--hlx-color-error-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.pill-error:active{top:2px;background:var(--hlx-color-error)}#hlx-button-0009.hlx-button.tertiary{color:var(--hlx-color-white);background-color:var(--hlx-color-primary);height:50px;border-radius:1rem;font-size:18px;line-height:2rem;width:50px;display:flex;align-content:center;flex-direction:column;align-items:center;justify-content:center}#hlx-button-0009.hlx-button.tertiary:hover:not(#hlx-button-0009.hlx-button.tertiary:active){background:var(--hlx-color-primary-dark);box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:all .1s}#hlx-button-0009.hlx-button.tertiary:hover{background-color:var(--hlx-color-primary);transition:all .1s}#hlx-button-0009.hlx-button.tertiary:active:after{content:"";position:absolute;width:104%;box-shadow:var(--hlx-color-primary) 0px 0px .25em,rgba(90,125,188,.05) 0px .25em 1em;height:108%;left:-1.8%;top:-4%;border-radius:1rem}#hlx-button-0009.hlx-button.tertiary-invert{color:var(--hlx-color-white);height:50px;border-radius:1rem;font-size:18px;background:var(--hlx-color-primary-dark);width:50px;display:flex;align-content:center;flex-direction:column;align-items:center;justify-content:center;background:var(--hlx-color-white);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.tertiary-invert:hover:not(#hlx-button-0009.hlx-button.tertiary-invert:active){box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);background-color:var(--hlx-color-primary);color:var(--hlx-color-white);transition:all .1s}#hlx-button-0009.hlx-button.tertiary-invert:active:after{content:"";position:absolute;width:104%;box-shadow:var(--hlx-color-primary) 0px 0px .25em,rgba(90,125,188,.05) 0px .25em 1em;height:108%;left:-2%;top:-2px;border-radius:1rem}#hlx-button-0009.hlx-button.tertiary-secondary{height:50px;border-radius:1rem;font-size:18 px;width:50px;background:var(--hlx-color-white);border:1px solid var(--hlx-color-primary);color:var(--hlx-color-primary);display:flex;align-content:center;flex-direction:column;align-items:center;justify-content:center}#hlx-button-0009.hlx-button.tertiary-secondary:hover{background-color:rgba(var(--hlx-color-primary-rgb), 0.2);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.tertiary-secondary:active{background-color:rgba(var(--hlx-color-primary-rgb), 0.6);color:var(--hlx-color-primary-dark);transition:active 4s}#hlx-button-0009.hlx-button.sm{height:38px;padding:10px 12px;border-radius:6px;font-size:var(--hlx-font-content-size-sm);line-height:18.15px;letter-spacing:.005em}#hlx-button-0009.hlx-button.sm:active:after{border-radius:inherit}#hlx-button-0009.hlx-button.lg{height:62px;padding:22px 20px;font-size:15px;line-height:18.15px;letter-spacing:.005em}#hlx-button-0009.hlx-button.disabled-button{background:var(--hlx-color-disable) !important;color:var(--hlx-color-disable-text) !important;cursor:default;pointer-events:none;border:1px solid var(--hlx-color-disable) !important}#hlx-button-0009.hlx-button.disabled-button[class*=text-]{background:var(--hlx-color-white) !important;border:none !important}#hlx-button-0009.hlx-button.disabled-button[class*=text-]:hover{background:none !important;color:var(--hlx-color-disable-text) !important}#hlx-button-0009.hlx-button.disabled-button:hover,#hlx-button-0009.hlx-button.disabled-button:active{background:var(--hlx-color-disable) !important;pointer-events:none !important;box-shadow:none !important}#hlx-progress-bar-001hlx.progress-bar-container{height:10px;border-radius:20px;background:var(--hlx-border-color-light);position:relative}#hlx-progress-bar-001hlx.progress-bar-container>span.bar{position:absolute;height:100%;margin:0;left:0;border-radius:5px;background-color:var(--hlx-color-primary)}#hlx-progress-bar-001hlx.progress-bar-container>span.bar.tooltip-track::after{right:0;content:attr(progress-data);position:absolute;width:44px;height:25px;background-color:var(--hlx-text-color-tree);color:var(--hlx-color-white);text-align:center;transform:translate(39%);border-radius:4px;display:flex;z-index:1;font-size:12px;top:158%;margin:auto;flex-direction:column;justify-content:center;align-items:center}#hlx-progress-bar-001hlx.progress-bar-container>span.bar.tooltip-track::before{content:"";position:absolute;right:0;bottom:-11px;border-top:8px solid var(--hlx-text-color-tree);transform:rotate(315deg);border-left:8px solid rgba(0,0,0,0)}[id^=hlx-pagination-container-hlx-]{display:flex;width:100%;flex-wrap:wrap;gap:.875em;justify-content:space-between}[id^=hlx-pagination-container-hlx-] .hlx-pagination-input-value-hidden{display:none}[id^=hlx-pagination-container-hlx-] p{font-size:var(--hlx-font-content-size-sm);min-width:max-content}[id^=hlx-pagination-container-hlx-].rows-per-page:not(.go-to){justify-content:space-between;grid-template-columns:70px auto}[id^=hlx-pagination-container-hlx-] .hlx-rows-per-page-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}[id^=hlx-pagination-container-hlx-] .hlx-rows-per-page-container>.hlx-select-container{width:60px}[id^=hlx-pagination-container-hlx-] .hlx-rows-per-page-container>p.rpp-title{min-width:max-content}[id^=hlx-pagination-container-hlx-] .hlx-rows-per-page-container>p.rpp-result{min-width:max-content}[id^=hlx-pagination-container-hlx-] .pagination-and-goto{display:flex;align-items:center}[id^=hlx-pagination-container-hlx-] .pagination-and-goto.go-to:not(.rows-per-page){grid-template-columns:1fr auto}[id^=hlx-pagination-container-hlx-] .pagination-and-goto.go-to:not(.rows-per-page) .hlx-go-to-container{width:100%;display:flex;justify-content:center;gap:10px;align-items:center}[id^=hlx-pagination-container-hlx-] .pagination-and-goto.go-to:not(.rows-per-page) .hlx-go-to-container .go-to-wrapper{display:flex;justify-content:center;gap:10px;align-items:center}[id^=hlx-pagination-container-hlx-] .pagination-and-goto.go-to:not(.rows-per-page) .hlx-go-to-container .input-area{width:70px}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination{display:flex;flex-flow:row unwrap;flex-direction:row;align-items:center;justify-content:flex-start;user-select:none;font-size:var(--hlx-font-content-size-sm);line-height:24px;letter-spacing:.005em;font-weight:500;gap:4px}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav{color:var(--hlx-color-primary);-webkit-user-select:none;-moz-user-select:none;max-width:35px;min-height:35px;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.prev-btn,[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.next-btn{font-size:14px;font-weight:bold;min-width:35px;min-height:35px}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.prev-btn i,[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.next-btn i{font-weight:bold;font-size:var(--hlx-icon-size-xs)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.prev-btn:hover,[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.next-btn:hover{cursor:pointer;background:var(--hlx-color-primary-light)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.background{background:rgba(var(--hlx-color-disable-rgb), 0.6)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav:hover{cursor:pointer;background:var(--hlx-color-primary-light)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav.disabled{color:var(--hlx-border-color)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn{user-select:none;min-width:35px;min-height:35px;display:flex;justify-items:flex-start;align-items:center;justify-content:center;border-radius:50%}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.background{background:rgba(var(--hlx-color-disable-rgb), 0.4)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn i{font-size:var(--hlx-icon-size-sm)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.hide{display:none}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.higlight{border-radius:50%;background-color:var(--hlx-color-primary);cursor:pointer;color:#fff}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.dec::before,[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.inc::before{content:""}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn:hover:not(.higlight){border-radius:50%;background:var(--hlx-color-primary-light);cursor:pointer;color:var(--hlx-text-color-primary)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn .dec-icon{display:none}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.dec:hover{cursor:default}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.dec:hover .dec-icon{display:block}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.dec:hover::before{content:""}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.inc:hover{cursor:default}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.inc:hover .dec-icon{display:block}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.inc:hover::before{content:""}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to{grid-template-columns:70px 1fr auto}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to .hlx-go-to-container{width:100%;display:flex;justify-content:center;gap:10px;align-items:center}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to .hlx-go-to-container .go-to-wrapper{margin-left:auto;display:flex;justify-content:center;gap:10px;align-items:center}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to .hlx-go-to-container .input-area{width:70px}@media screen and (max-width: 740px){[id^=hlx-pagination-container-hlx-].rows-per-page:not(.go-to){grid-template-columns:auto;grid-template-rows:auto;gap:14px}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:23px;justify-content:left}}#sidebar-body{--sub-color: #b6cefc;--normal-font-size: 1rem;--small-font-size: 0.875rem;box-sizing:border-box;position:relative;margin:0;padding:2rem 0 0 6.75rem;font-family:var(--hlx-font-type-content);font-size:14px;transition:.5s}[id^=navbar-].hlx-sidebar-container .nav-items{max-height:75%;overflow:none auto;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:center;align-items:center}[id^=navbar-].hlx-sidebar-container .config-nav{margin-top:auto;max-height:25%;overflow:none auto}[id^=navbar-].hlx-sidebar-container .logo-container{display:flex;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;flex-direction:column;align-items:flex-start}[id^=navbar-].hlx-sidebar-container .logo-container.extended img{cursor:pointer;max-width:100%;max-height:100%;animation:logoopacitor 1s ease-in-out}@keyframes logoopacitor{0%{opacity:0}30%{opacity:.1}50%{opacity:.35}70%{opacity:.75}100%{opacity:1}}[id^=navbar-].hlx-sidebar-container .logo-container.collapsed img{width:30px;cursor:pointer;image-rendering:auto}@keyframes collapsed{50%{opacity:.8}100%{max-width:50px;opacity:1}}[id^=navbar-].hlx-sidebar-container .logo-container span{transition:1s;cursor:pointer}[id^=navbar-].hlx-sidebar-container h1{margin:0}[id^=navbar-].hlx-sidebar-container ul{margin:0;padding:0;list-style:none}[id^=navbar-].hlx-sidebar-container a{text-decoration:none}[id^=navbar-].hlx-sidebar-container .nav{display:flex;height:83%;flex-direction:column;justify-content:space-between;overflow:hidden}[id^=navbar-].hlx-sidebar-container .nav_brand{width:220px;height:35px;margin:1.4rem 10px;display:flex;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;flex-direction:row-reverse;align-items:center;justify-content:center;align-content:center}[id^=navbar-].hlx-sidebar-container .nav_brand .collapsible .toggler i{display:none}[id^=navbar-].hlx-sidebar-container .nav_brand .collapsible .toggler i ::after{content:"";width:50px;height:50px}[id^=navbar-].hlx-sidebar-container .nav_toggle{font-size:1.25rem;padding:.75rem;cursor:pointer}[id^=navbar-].hlx-sidebar-container .nav_logo{cursor:pointer;font-weight:600;font-size:3rem}[id^=navbar-].hlx-sidebar-container .nav_link{display:flex;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;padding:.75rem;color:#fff;border-radius:.5rem;transition:.3s;cursor:pointer}[id^=navbar-].hlx-sidebar-container .nav_link i{font-size:1.6rem}[id^=navbar-].hlx-sidebar-container .nav_link:hover{color:var(--hlx-color-primary);background:rgba(255,255,255,.1)}[id^=navbar-].hlx-sidebar-container .nav_icon{font-size:1.25rem}[id^=navbar-].hlx-sidebar-container .nav_name{font-size:14px}[id^=navbar-].hlx-sidebar-container .expander{width:calc(var(--nav-width) + 9.25rem)}[id^=navbar-].hlx-sidebar-container .body-pd{padding:2rem 0 0 16rem}[id^=navbar-].hlx-sidebar-container .collapse{grid-template-columns:20px max-content 1fr}[id^=navbar-].hlx-sidebar-container .collapse_link{justify-self:flex-end;transition:.5s}[id^=navbar-].hlx-sidebar-container .collapse_menu{display:none;padding:.75rem 2.25rem}[id^=navbar-].hlx-sidebar-container .collapse_sublink{color:var(--sub-color);font-size:var(--small-font-size)}[id^=navbar-].hlx-sidebar-container .collapse_sublink:hover{color:#fff}[id^=navbar-].hlx-sidebar-container .showCollapse{display:block;transition:5s}[id^=navbar-].hlx-sidebar-container .rotate{transform:rotate(180deg);transition:1s}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container{user-select:none;position:relative;top:0;left:0;width:var(--nav-width);padding:.8rem .6rem;background-color:var(--hlx-color-sidebar);color:#fff;height:100vh;width:260px;transition:.45s ease-in-out;z-index:var(--z-fixed)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav_brand{position:relative}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav_brand .toggler i{display:none}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collpasible.toggler i{display:inline-block}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collpasible.toggler:hover{background:var(--hlx-color-primary)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collpasible.toggler i{position:absolute;font-size:.5rem;color:#fff;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler{position:absolute;width:20px;border-radius:50%;right:-13%;top:40%;height:20px;display:flex;background:var(--hlx-color-primary);color:#fff;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;box-shadow:0 0 5px -2px #000;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler i{display:block;position:absolute;font-size:16px;color:#fff;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler:hover{background:var(--hlx-color-primary)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler:hover i{color:#fff;font-weight:900}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items{position:relative;gap:2px;overflow:none auto;display:flex;height:100%;max-height:none;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li{width:100%;transition:.15s cubic-bezier(1, -0.33, 0, 1.12)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li:has(a.active){border-left:2px solid var(--hlx-color-primary)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li:has(a.active) a{color:var(--hlx-color-primary)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li.separator{margin-top:auto}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li>i{font-size:1.6rem}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink{height:100vh;width:72px !important;transition:.45s ease-in-out;z-index:var(--z-fixed)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler{position:absolute;width:20px;border-radius:50%;right:-39%;top:37%;height:20px;display:flex;background:var(--hlx-color-primary);color:#fff;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;box-shadow:0 0 5px -2px #000;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler i{display:block;position:absolute;color:#fff;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler:hover{background:var(--hlx-color-primary)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler:hover i{color:#fff;font-weight:900}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav .nav-items{overflow:none auto;display:flex;box-sizing:border-box;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav .nav-items li{flex-shrink:0}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_brand{position:relative;height:35px;width:100%;margin:.9rem 0px 1.1rem}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_brand .collapsible .toggler{transition:.62s cubic-bezier(0.65, 0.05, 0.36, 1);right:-62.2%;cursor:pointer}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_link{display:flex;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;-moz-column-gap:.75rem;column-gap:.75rem;padding:.65rem;color:#fff;border-radius:.5rem;transition:.3s;cursor:pointer;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_link i{font-size:2rem}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .shrink{display:none;transition:1s ease-in-out}#hlx-slide-control-0003.range-slider{width:100%}#hlx-slide-control-0003.range-slider .range-slider{width:100% !important}#hlx-slide-control-0003.range-slider .range-slider__range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:var(--hlx-border-color-light);padding:0;margin:0}#hlx-slide-control-0003.range-slider .range-slider__range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;border:1px solid #fff;background:var(--hlx-color-primary);cursor:pointer;transition:background .11s ease-in-out}#hlx-slide-control-0003.range-slider .range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--hlx-color-primary);cursor:pointer;transition:background .5s ease-in-out}#hlx-slide-control-0003.range-slider ::-moz-range-track{background:var(--hlx-border-color-light);border:0}#hlx-slide-control-0003.range-slider input::-moz-focus-inner,#hlx-slide-control-0003.range-slider input::-moz-focus-outer{border:0}#hlx-step-controler-005.stepper-control-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px}#hlx-step-controler-005.stepper-control-container .stepper{user-select:none;border-radius:8px;display:inline-block;display:flex;justify-content:center;align-items:center}#hlx-step-controler-005.stepper-control-container .stepper:hover{cursor:pointer}#hlx-step-controler-005.stepper-control-container .stepper.next-stepper{width:24px;height:24px;box-shadow:0 1px 9px -2px}#hlx-step-controler-005.stepper-control-container .stepper.next-stepper:hover:not(.limited){border:1px solid var(--hlx-color-primary-dark)}#hlx-step-controler-005.stepper-control-container .stepper.next-stepper.limited{border:1px solid var(--hlx-border-color);cursor:default}#hlx-step-controler-005.stepper-control-container .stepper.next-stepper.limited i{color:var(--hlx-border-color)}#hlx-step-controler-005.stepper-control-container .stepper.next-stepper i{color:var(--hlx-color-primary)}#hlx-step-controler-005.stepper-control-container .stepper.counter{width:38px;font-size:var(--hlx-font-content-size-sm);height:38px;box-shadow:rgba(0,0,0,.16) 0px 0px 6px,rgba(0,0,0,.23) 0px 3px 6px;background:var(--hlx-color-primary-dark)}#hlx-step-controler-005.stepper-control-container .stepper.counter .current-page{color:#fff !important}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper{width:24px;height:24px;box-shadow:rgba(0,0,0,.12) 0px 1px 3px,rgba(0,0,0,.24) 0px 1px 2px;display:flex;z-index:100;justify-content:center;align-items:center}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper:hover:not(.limited){border:1px solid var(--hlx-color-primary-dark)}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper.limited{cursor:default;border:1px solid var(--hlx-border-color)}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper.limited i{color:var(--hlx-border-color)}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper i{color:var(--hlx-color-primary)}.hlx-tree-area{position:absolute;display:flex;flex-wrap:wrap;user-select:none;font-size:10px;justify-content:center;margin:18px;padding:0}.hlx-tree-area.drag-border{border:.4px dashed var(--hlx-border-color)}.hlx-tree-area>li{min-height:400px;min-width:400px}.hlx-tree-area:not(:empty):before,.hlx-tree-area:not(:empty):after,.hlx-tree-area ul:not(:empty):before,.hlx-tree-area ul:not(:empty):after,.hlx-tree-area li:not(:empty):before,.hlx-tree-area li:not(:empty):after{display:block;position:absolute;content:""}.hlx-tree-area ul,.hlx-tree-area li{position:relative;margin:0;padding:0}.hlx-tree-area li{list-style:none}.hlx-tree-area li>div.card{color:var(--hlx-text-color-tree);display:inline-table;position:relative;border-radius:5px;border:1px solid var(--hlx-border-color);width:200px;height:100px;min-height:100px;padding:5px;overflow:visible}.hlx-tree-area li>div.card:hover{border-color:var(--hlx-color-primary);cursor:pointer;cursor:pointer}.hlx-tree-area li>div>p{line-height:18px;font-size:12px;font-weight:600}.hlx-tree-area li>div>p.head-label{color:var(--hlx-text-color-tree);font-weight:700;margin-top:0;text-align:center;font-size:14px !important;background-color:var(--hlx-color-primary);color:#fff;border-radius:5px}.hlx-tree-area.horizontal{min-height:600px;min-width:600px}.hlx-tree-area.horizontal>li>div.card{margin:0 !important}.hlx-tree-area.horizontal>li>div.card i{bottom:37% !important}.hlx-tree-area.horizontal>li>ul>:first-child:before{height:51%;top:53%}.hlx-tree-area.horizontal>li:last-child:before{height:50%;bottom:calc(50% - 6px);top:auto}.hlx-tree-area.horizontal li{display:flex;align-items:center;margin-left:24px}.hlx-tree-area.horizontal li div.card{margin:12px 0 0 6px;margin-left:14px;min-width:150px;min-height:90px;display:flex;justify-content:center;align-content:center}.hlx-tree-area.horizontal li div.card div.header.grid{text-align:center;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:4px 0;border:none;color:var(--hlx-color-primary-dark);font-weight:bold;height:auto}.hlx-tree-area.horizontal li div.card i{color:var(--hlx-color-primary);position:absolute;bottom:42%;z-index:100;right:-0.55em !important;cursor:pointer;font-size:var(--hlx-font-size-xs)}.hlx-tree-area.horizontal li:before{position:absolute;border-left:1px solid var(--hlx-border-color);height:100%;font-weight:700;width:0;top:0}.hlx-tree-area.horizontal li:first-child:before{height:51%;top:55%}.hlx-tree-area.horizontal li:last-child:before{height:50%;bottom:calc(50% - 6px);top:auto}.hlx-tree-area.horizontal li:after{border-top:1px solid var(--hlx-border-color);height:0;width:15px;font-weight:700;top:calc(50% + 6px)}.hlx-tree-area.horizontal li ul:after{border-top:1px solid var(--hlx-border-color);height:0;width:25px;font-weight:700;top:calc(50% + 6px)}.hlx-tree-area.horizontal li:only-child:before{content:none}.hlx-tree-area.horizontal li ul:after{left:0}.hlx-tree-area.horizontal>li:only-child{margin-left:0}.hlx-tree-area.horizontal>li:only-child:before,.hlx-tree-area.horizontal>li:only-child:after{content:none}.hlx-tree-area.cascade li{margin-left:24px}.hlx-tree-area.cascade li div{margin-top:12px}.hlx-tree-area.cascade li:before{border-left:1px solid var(--hlx-border-color);height:100%;width:0;top:0;left:-12px}.hlx-tree-area.cascade li:after{border-top:1px solid var(--hlx-border-color);width:12px;left:-12px;top:24px}.hlx-tree-area.cascade li:last-child:before{height:24px;top:0}.hlx-tree-area.cascade>li:first-child:before{top:24px}.hlx-tree-area.cascade>li:only-child{margin-left:0}.hlx-tree-area.cascade>li:only-child:before,.hlx-tree-area.cascade>li:only-child:after{content:none}.hlx-tree-area.vertical{display:flex}.hlx-tree-area.vertical ul{display:flex;justify-content:center}.hlx-tree-area.vertical li{display:flex;flex-direction:column;align-items:center}.hlx-tree-area.vertical li div.card{margin:12px 6px;min-width:150px;min-height:90px;display:flex;justify-content:center;align-content:center}.hlx-tree-area.vertical li div.card div.box{padding:10px 10px 0px !important}.hlx-tree-area.vertical li div.card div.box .grid{width:100%}.hlx-tree-area.vertical li div.card i{color:var(--hlx-color-primary);position:absolute;bottom:-0.5em;z-index:100;font-size:var(--hlx-font-size-xs);right:46% !important;cursor:pointer}.hlx-tree-area.vertical li:before{border-left:1px solid var(--hlx-border-color);height:12px;width:0;top:0}.hlx-tree-area.vertical li:after{border-top:1px solid var(--hlx-border-color);height:0;width:100%}.hlx-tree-area.vertical li:first-child:after{border-top:1px solid var(--hlx-border-color);height:0;width:50%;left:50%}.hlx-tree-area.vertical li:last-child:after{border-top:1px solid var(--hlx-border-color);height:0;width:50%;right:50%}.hlx-tree-area.vertical li:only-child:after{content:none}.hlx-tree-area.vertical li ul:before{border-left:1px solid var(--hlx-border-color);height:12px;width:0;top:-12px}.hlx-tree-area.vertical li ul:after{border-left:1px solid var(--hlx-border-color);height:12px;width:0;top:-12px}.hlx-tree-area.vertical>li:only-child:before,.hlx-tree-area.vertical>li:only-child:after{content:none}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li,.hlx-tree-area .hlx-tree-area-upc.vertical .cascade,.hlx-tree-area-upc.vertical .hlx-tree-area .cascade,.hlx-tree-area.vertical.cascade-4>li>ul>li>ul>li>ul>li,.hlx-tree-area.vertical.cascade-3>li>ul>li>ul>li,.hlx-tree-area.vertical.cascade-2>li>ul>li,.hlx-tree-area.vertical.cascade-1>li,.hlx-tree-area.vertical .cascade{flex-direction:column;align-items:start;padding:0 12px}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li:before,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li:before,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li:before,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li:before,.hlx-tree-area .hlx-tree-area-upc.vertical .cascade:before,.hlx-tree-area-upc.vertical .hlx-tree-area .cascade:before,.hlx-tree-area.vertical.cascade-4>li>ul>li>ul>li>ul>li:before,.hlx-tree-area.vertical.cascade-3>li>ul>li>ul>li:before,.hlx-tree-area.vertical.cascade-2>li>ul>li:before,.hlx-tree-area.vertical.cascade-1>li:before,.hlx-tree-area.vertical .cascade:before{left:24px}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li:after,.hlx-tree-area .hlx-tree-area-upc.vertical .cascade:after,.hlx-tree-area-upc.vertical .hlx-tree-area .cascade:after,.hlx-tree-area.vertical.cascade-4>li>ul>li>ul>li>ul>li:after,.hlx-tree-area.vertical.cascade-3>li>ul>li>ul>li:after,.hlx-tree-area.vertical.cascade-2>li>ul>li:after,.hlx-tree-area.vertical.cascade-1>li:after,.hlx-tree-area.vertical .cascade:after{left:0}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li:first-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li:first-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li:first-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li:first