halleyx-ui-framework
Version:
The Halleyx UI Framework is a Vue 3 component framework.
1 lines • 920 kB
CSS
@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,.left-panel,.right-panel,.left-panel{font-family:OpenSans}:root{--hlx-color-black:#000;--hlx-color-white:#fff;--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-radio-btn-disable-dark:#a6a6a6;--hlx-radio-btn-disable-light:#ebebeb;--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:.875rem;--hlx-font-content-size-lg:1.125rem;--hlx-font-content-size-xl:1.25rem;--hlx-font-content-size-xxl:.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{color:#303133;background-color:#f5f7fa;border-radius:4px;margin:0;padding:.15rem .5rem}.right-panel,.left-panel{font-family:OpenSans}.component-heading,.component-side-heading{margin:50px 0 20px;font-family:Quicksand}.component-heading{align-items:center;margin:50px 0 20px;font-family:Quicksand;display:flex}.component-heading>img{object-fit:cover;width:35px;height:auto;margin-left:5px}.component-side-heading{margin:30px 0 20px;font-size:20px}.component-description{font-size:14px;line-height:2}.icon-size{font-size:14px;list-style-type:none}.icon-size li{margin:20px 20px 20px 0;font-family:Open Sans}.notes{background-color:#a8dec9;border-left:3px solid #265e4b;border-radius:5px;width:100%;padding:10px;font-size:14px;display:inline-flex}.notes .note-title{font-weight:700}.notes .note-body{word-spacing:2px;margin-left:10px}.component-example{border:1px solid #d8d8d8;border-radius:5px;flex-direction:column;justify-content:space-between;margin:40px 0;display:flex}.component-example .example-body{height:100%;overflow:inherit;flex-direction:column;gap:15px;padding:20px;display:flex;font-family:Open Sans!important}.component-example .example-body1{height:300px;padding:20px;overflow:visible}.component-example .example-body2{justify-content:space-evenly;height:66px;padding:20px;display:flex;overflow:visible}.component-example .example-body4{justify-content:space-evenly;padding:20px;display:flex;overflow:visible}.component-example .example-body3{flex-direction:column;height:100%;padding:20px;display:flex;overflow:auto}.component-example .example-footer{border-top:1px solid #d8d8d8;justify-content:flex-end;align-items:center;height:40px;padding:0 20px;display:flex}.component-example .example-footer .icon-code-regular:before{font-size:var(--hlx-icon-size-sm);color:#191a15}.component-example .example-footer .icon{border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:10px;display:flex;font-size:14px!important}.component-example .example-footer .icon:hover{cursor:pointer;color:#54bd95;background-color:#a8dec9}.component-example .example-footer .active-icon{color:#fff;background-color:#54bd95;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:10px;display:flex}.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;color:#54bd95;background-color:#a8dec9}.hljs{font-size:14px!important}.hlx-alert-wrapper{box-sizing:border-box;z-index:-2;z-index:9999;flex-direction:column;justify-content:flex-start;gap:10px;min-width:max-content;height:max-content;animation:.5s ease-in-out runProgress;display:flex;position:fixed;top:58px;right:0}@keyframes runProgress{0%{opacity:0;transform:translate(80px)}50%{opacity:.5}to{opacity:1;transform:translate(0)}}@keyframes runProgressR{0%{opacity:1;transform:translate(0)}50%{opacity:.5}to{opacity:0;transform:translate(1000px)}}.hlx.alert{font-family:var(--hlx-font-type-content);box-sizing:border-box;background:#fff;border-radius:8px;grid-template-columns:2.5rem 1fr 2.5rem;min-width:15rem;max-width:400px;height:max-content;min-height:36px;transition:max-height .25s;animation:.3s ease-in-out runProgress;display:grid;position:relative;top:10%;right:15%;box-shadow:-2px 3px 20px -13px}.hlx.alert.close{opacity:0;font-size:var(--hlx-font-content-size);animation:3s ease-in-out runProgressR}.hlx.alert.alert>.icon{border-radius:8px 0 0 8px;min-width:2.5rem;height:auto}.hlx.alert.alert>.icon>i{font-size:var(--hlx-icon-size-sm);color:#fff}.hlx.alert.alert>.icon{text-align:center;padding:.75px 0;line-height:40px}.hlx.alert.alert>.text{align-items:center;width:100%;padding:.2rem .6rem;display:flex;overflow:hidden}.hlx.alert.alert>.text .alert-header{letter-spacing:0.5%;color:#333;font-size:.875rem;font-weight:600;line-height:21.78px}.hlx.alert.alert>.text .alert-description{max-height:75px;letter-spacing:0.5%;color:#666;text-align:left;font-size:.875rem;font-weight:400;line-height:24.78px}.hlx.alert.alert>.close{color:#777;cursor:pointer;transition:.3 ease-in-out;background:0 0;border:none;outline:none;margin-right:6px}.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,.hlx.alert.alert-success .close>i:hover{color:var(--hlx-color-success)}.hlx.alert.alert-success>.icon{background-color:var(--hlx-color-success);justify-content:center;align-items:center;display:flex}.hlx.alert.alert-warning{background-color:var(--hlx-color-warning-light)}.hlx.alert.alert-warning>.text strong,.hlx.alert.alert-warning .close>i:hover{color:var(--hlx-color-warning)}.hlx.alert.alert-warning>.icon{background-color:var(--hlx-color-warning);justify-content:center;align-items:center;display:flex}.hlx.alert.alert-danger{background-color:var(--hlx-color-error-light)}.hlx.alert.alert-danger>.text strong,.hlx.alert.alert-danger .close>i:hover{color:var(--hlx-color-error)}.hlx.alert.alert-danger>.icon{background-color:var(--hlx-color-error);justify-content:center;align-items:center;display:flex}.hlx.alert.alert-primary{background-color:var(--hlx-color-link-light)}.hlx.alert.alert-primary>.text strong,.hlx.alert.alert-primary .close>i:hover{color:var(--hlx-color-link)}.hlx.alert.alert-primary>.icon{background-color:var(--hlx-color-link);justify-content:center;align-items:center;display:flex}.icon-button{width:50px;height:50px;color:var(--hlx-text-color-primary);background:var(--hlx-color-white);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-button>span{font-size:var(--hlx-icon-size-xl)}.icon-button.icon-button:hover{cursor:pointer}.icon-button .icon-button__badge{background:var(--hlx-color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:6px;right:6px;font-family:Open Sans!important}.dotted-pagination-container{flex-flow:row;align-content:center;align-items:center;gap:7px;display:flex}.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{background:var(--hlx-border-color-lighter);border:none;border-radius:50%;width:10px;min-width:10px;height:10px;min-height:10px;display:inline-block;box-shadow:0 1px 4px -1px}.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), .5)}.dotted-pagination-container .pagination-dot-circle.active{background-color:var(--hlx-color-primary);transform:scale(1.1)}#hlx-button-0009.hlx-button{box-sizing:border-box;-webkit-user-select:none;user-select:none;letter-spacing:.005em;cursor:pointer;border:none;border-radius:6px;min-width:max-content;height:46px;padding:14px 16px;font-size:15px;line-height:18.15px;position:relative}#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);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#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);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.primary-success:active{background-color:var(--hlx-color-success);top:2px}#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);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.primary-warning:active{background-color:var(--hlx-color-warning);top:2px}#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);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.primary-info:active{background-color:var(--hlx-color-info);top:2px}#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);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.primary-error:active{background:var(--hlx-color-error);top:2px}#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), .2);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.secondary:active{background-color:rgba(var(--hlx-color-primary-rgb), .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), .2);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.secondary-success:active{background-color:rgba(var(--hlx-color-success-rgb), .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), .2)}#hlx-button-0009.hlx-button.secondary-warning:active{background-color:rgba(var(--hlx-color-warning-rgb), .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), .2)}#hlx-button-0009.hlx-button.secondary-info:active{background-color:rgba(var(--hlx-color-info-rgb), .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), .2)}#hlx-button-0009.hlx-button.secondary-error:active{background-color:rgba(var(--hlx-color-error-rgb), .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), .2);color:var(--hlx-color-primary-dark)}#hlx-button-0009.hlx-button.text:active{background-color:rgba(var(--hlx-color-primary-rgb), .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), .2);color:var(--hlx-color-success)}#hlx-button-0009.hlx-button.text-success:active{background-color:rgba(var(--hlx-color-success-rgb), .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), .2)}#hlx-button-0009.hlx-button.text-warning:active{background-color:rgba(var(--hlx-color-warning-rgb), .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), .2)}#hlx-button-0009.hlx-button.text-info:active{background-color:rgba(var(--hlx-color-info-rgb), .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), .2)}#hlx-button-0009.hlx-button.text-error:active{background-color:rgba(var(--hlx-color-error-rgb), .61);transition:active 4s}#hlx-button-0009.hlx-button.link{color:var(--hlx-color-link);background:0 0;padding:0!important}#hlx-button-0009.hlx-button.link:hover{color:var(--hlx-color-link);text-decoration:underline;-webkit-text-decoration-color:var(--hlx-color-link);text-decoration-color:var(--hlx-color-link);box-shadow:none!important;background-color:#0000!important}#hlx-button-0009.hlx-button.link:active{color:var(--hlx-color-link);background-color:#0000!important;border:none!important}#hlx-button-0009.hlx-button.link:active:after{box-shadow:none!important}#hlx-button-0009.hlx-button.link:active{transition:active 4s}#hlx-button-0009.hlx-button.pill{color:var(--hlx-color-white);background-color:var(--hlx-color-primary);border-radius:999px!important}#hlx-button-0009.hlx-button.pill:hover:not(#hlx-button-0009.hlx-button.pill:active){background-color:var(--hlx-color-primary-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.pill:hover{background:var(--hlx-color-primary-dark);transition:all .1s}#hlx-button-0009.hlx-button.pill:active{background:var(--hlx-color-primary);top:2px}#hlx-button-0009.hlx-button.pill-success{background-color:var(--hlx-color-success);color:var(--hlx-color-white);border-radius:22px}#hlx-button-0009.hlx-button.pill-success:hover:not(#hlx-button-0009.hlx-button.pill-success:active){background:var(--hlx-color-success-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.pill-success:active{background:var(--hlx-color-success);top:2px}#hlx-button-0009.hlx-button.pill-warning{background-color:var(--hlx-color-warning);color:var(--hlx-color-white);border-radius:22px}#hlx-button-0009.hlx-button.pill-warning:hover:not(#hlx-button-0009.hlx-button.pill-warning:active){background:var(--hlx-color-warning-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.pill-warning:active{background:var(--hlx-color-warning);top:2px}#hlx-button-0009.hlx-button.pill-info{background:var(--hlx-color-info);color:var(--hlx-color-white);border-radius:22px}#hlx-button-0009.hlx-button.pill-info:hover:not(#hlx-button-0009.hlx-button.pill-info:active){background:var(--hlx-color-info-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.pill-info:active{background:var(--hlx-color-info);top:2px}#hlx-button-0009.hlx-button.pill-error{color:var(--hlx-color-white);background:var(--hlx-color-error);border-radius:22px}#hlx-button-0009.hlx-button.pill-error:hover:not(#hlx-button-0009.hlx-button.pill-error:active){background:var(--hlx-color-error-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.pill-error:active{background:var(--hlx-color-error);top:2px}#hlx-button-0009.hlx-button.tertiary{color:var(--hlx-color-white);background-color:var(--hlx-color-primary);border-radius:1rem;flex-direction:column;place-content:center;align-items:center;width:50px;height:50px;font-size:18px;line-height:2rem;display:flex}#hlx-button-0009.hlx-button.tertiary:hover:not(#hlx-button-0009.hlx-button.tertiary:active){background:var(--hlx-color-primary-dark);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#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:"";width:104%;box-shadow:var(--hlx-color-primary) 0px 0px .25em, #5a7dbc0d 0px .25em 1em;border-radius:1rem;height:108%;position:absolute;top:-4%;left:-1.8%}#hlx-button-0009.hlx-button.tertiary-invert{color:var(--hlx-color-primary);background:var(--hlx-color-primary-dark);background:var(--hlx-color-white);width:50px;height:50px;border-radius:1rem;flex-direction:column;place-content:center;align-items:center;font-size:18px;display:flex}#hlx-button-0009.hlx-button.tertiary-invert:hover:not(#hlx-button-0009.hlx-button.tertiary-invert:active){background-color:var(--hlx-color-primary);color:var(--hlx-color-white);transition:all .1s;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}#hlx-button-0009.hlx-button.tertiary-invert:active:after{content:"";width:104%;box-shadow:var(--hlx-color-primary) 0px 0px .25em, #5a7dbc0d 0px .25em 1em;border-radius:1rem;height:108%;position:absolute;top:-2px;left:-2%}#hlx-button-0009.hlx-button.tertiary-secondary{height:50px;font-size:18 px;background:var(--hlx-color-white);border:1px solid var(--hlx-color-primary);width:50px;color:var(--hlx-color-primary);border-radius:1rem;flex-direction:column;place-content:center;align-items:center;display:flex}#hlx-button-0009.hlx-button.tertiary-secondary:hover{background-color:rgba(var(--hlx-color-primary-rgb), .2);color:var(--hlx-color-primary)}#hlx-button-0009.hlx-button.tertiary-secondary:active{background-color:rgba(var(--hlx-color-primary-rgb), .6);color:var(--hlx-color-primary-dark);transition:active 4s}#hlx-button-0009.hlx-button.sm{height:38px;font-size:var(--hlx-font-content-size-sm);letter-spacing:.005em;border-radius:6px;padding:10px 12px;line-height:18.15px}#hlx-button-0009.hlx-button.sm:active:after{border-radius:inherit}#hlx-button-0009.hlx-button.lg{letter-spacing:.005em;height:62px;padding:22px 20px;font-size:15px;line-height:18.15px}#hlx-button-0009.hlx-button.disabled-button{cursor:default;pointer-events:none;background:var(--hlx-color-disable)!important;color:var(--hlx-color-disable-text)!important;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{color:var(--hlx-color-disable-text)!important;background:0 0!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{background:var(--hlx-border-color-light);border-radius:20px;height:10px;position:relative}#hlx-progress-bar-001hlx.progress-bar-container>span.bar{background-color:var(--hlx-color-primary);border-radius:5px;height:100%;margin:0;position:absolute;left:0}#hlx-progress-bar-001hlx.progress-bar-container>span.bar.tooltip-track:after{content:attr(progress-data);background-color:var(--hlx-text-color-tree);width:44px;height:25px;color:var(--hlx-color-white);text-align:center;z-index:1;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;margin:auto;font-size:12px;display:flex;position:absolute;top:158%;right:0;transform:translate(39%)}#hlx-progress-bar-001hlx.progress-bar-container>span.bar.tooltip-track:before{content:"";border-top:8px solid var(--hlx-text-color-tree);border-left:8px solid #0000;position:absolute;bottom:-11px;right:0;transform:rotate(315deg)}[id^=hlx-pagination-container-hlx-] .hlx-pagination-input-value-hidden{display:none}[id^=hlx-pagination-container-hlx-]{flex-wrap:wrap;justify-content:space-between;gap:.875em;width:100%;display:flex}[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){grid-template-columns:70px auto;justify-content:space-between}[id^=hlx-pagination-container-hlx-] .hlx-rows-per-page-container{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[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,[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{align-items:center;display:flex}[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{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}[id^=hlx-pagination-container-hlx-] .pagination-and-goto.go-to:not(.rows-per-page) .hlx-go-to-container .go-to-wrapper{justify-content:center;align-items:center;gap:10px;display:flex}[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{flex-flow:row unwrap;-webkit-user-select:none;user-select:none;font-size:var(--hlx-font-content-size-sm);letter-spacing:.005em;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;font-weight:500;line-height:24px;display:flex}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav{color:var(--hlx-color-primary);-webkit-user-select:none;user-select:none;flex-direction:row;max-width:35px;min-height:35px;display:flex}[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{min-width:35px;min-height:35px;font-size:14px;font-weight:700}[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:700;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), .6)}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .nav{border-radius:50%;justify-content:center;align-items:center}[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{-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;place-items:center flex-start;min-width:35px;min-height:35px;display:flex}[id^=hlx-pagination-container-hlx-] .pagination-and-goto .hlx-pagination .page-btn.background{background:rgba(var(--hlx-color-disable-rgb), .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{background-color:var(--hlx-color-primary);cursor:pointer;color:#fff;border-radius:50%}[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){background:var(--hlx-color-primary-light);cursor:pointer;color:var(--hlx-text-color-primary);border-radius:50%}[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{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to .hlx-go-to-container .go-to-wrapper{justify-content:center;align-items:center;gap:10px;margin-left:auto;display:flex}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to .hlx-go-to-container .input-area{width:70px}@media screen and (width<=740px){[id^=hlx-pagination-container-hlx-].rows-per-page:not(.go-to){grid-template-rows:auto;grid-template-columns:auto;gap:14px}[id^=hlx-pagination-container-hlx-].rows-per-page.go-to{grid-template-rows:auto auto;grid-template-columns:1fr auto;justify-content:left;gap:23px}}#sidebar-body{--sub-color:#b6cefc;--normal-font-size:1rem;--small-font-size:.875rem;box-sizing:border-box;font-family:var(--hlx-font-type-content);margin:0;padding:2rem 0 0 6.75rem;font-size:14px;transition:all .5s;position:relative}[id^=navbar-].hlx-sidebar-container .nav-items{max-height:75%;overflow:none auto;flex-flow:column wrap;place-content:flex-start center;align-items:center;display:flex}[id^=navbar-].hlx-sidebar-container .config-nav{max-height:25%;overflow:none auto;margin-top:auto}[id^=navbar-].hlx-sidebar-container .logo-container{grid-template-columns:-webkit-max-content -webkit-max-content;flex-direction:column;grid-template-columns:max-content max-content;align-items:flex-start;display:flex}[id^=navbar-].hlx-sidebar-container .logo-container.extended img{cursor:pointer;max-width:100%;max-height:100%;animation:1s ease-in-out logoopacitor}@keyframes logoopacitor{0%{opacity:0}30%{opacity:.1}50%{opacity:.35}70%{opacity:.75}to{opacity:1}}[id^=navbar-].hlx-sidebar-container .logo-container.collapsed img{cursor:pointer;image-rendering:auto;width:30px}@keyframes collapsed{50%{opacity:.8}to{opacity:1;max-width:50px}}[id^=navbar-].hlx-sidebar-container .logo-container span{cursor:pointer;transition:all 1s}[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{flex-direction:column;justify-content:space-between;height:83%;display:flex;overflow:hidden}[id^=navbar-].hlx-sidebar-container .nav_brand{grid-template-columns:-webkit-max-content -webkit-max-content;flex-direction:row-reverse;grid-template-columns:max-content max-content;place-content:center;align-items:center;width:220px;height:35px;margin:1.4rem 10px;display:flex}[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{cursor:pointer;padding:.75rem;font-size:1.25rem}[id^=navbar-].hlx-sidebar-container .nav_logo{cursor:pointer;font-size:3rem;font-weight:600}[id^=navbar-].hlx-sidebar-container .nav_link{grid-template-columns:-webkit-max-content -webkit-max-content;-moz-column-gap:.75rem;color:#fff;cursor:pointer;border-radius:.5rem;grid-template-columns:max-content max-content;align-items:center;column-gap:.75rem;padding:.75rem;transition:all .3s;display:flex}[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:#ffffff1a}[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:all .5s}[id^=navbar-].hlx-sidebar-container .collapse_menu{padding:.75rem 2.25rem;display:none}[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{transition:all 5s;display:block}[id^=navbar-].hlx-sidebar-container .rotate{transition:all 1s;transform:rotate(180deg)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container{-webkit-user-select:none;user-select:none;width:var(--nav-width);background-color:var(--hlx-color-sidebar);color:#fff;width:260px;height:100vh;z-index:var(--z-fixed);padding:.8rem .6rem;transition:all .45s ease-in-out;position:relative;top:0;left:0}[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{color:#fff;cursor:pointer;font-size:.5rem;position:absolute}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler{background:var(--hlx-color-primary);color:#fff;cursor:pointer;border-radius:50%;flex-flow:column wrap;place-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:40%;right:-13%;box-shadow:0 0 5px -2px #000}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapsible:not(.collapse-shrink):hover .toggler i{color:#fff;cursor:pointer;font-size:16px;display:block;position:absolute}[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{overflow:none auto;flex-flow:column wrap;place-content:flex-start;align-items:flex-start;gap:2px;height:100%;max-height:none;display:flex;position:relative}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container .nav .nav-items li{width:100%;transition:all .15s cubic-bezier(1,-.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;transition:all .45s ease-in-out;width:72px!important}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler{background:var(--hlx-color-primary);color:#fff;cursor:pointer;border-radius:50%;flex-flow:column wrap;place-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:37%;right:-39%;box-shadow:0 0 5px -2px #000}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink.collapsible:hover .toggler i{color:#fff;cursor:pointer;display:block;position:absolute}[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;box-sizing:border-box;flex-flow:column wrap;place-content:flex-start;align-items:flex-start;display:flex}[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{width:100%;height:35px;margin:.9rem 0 1.1rem;position:relative}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_brand .collapsible .toggler{cursor:pointer;transition:all .62s cubic-bezier(.65,.05,.36,1);right:-62.2%}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .nav_link{grid-template-columns:-webkit-max-content -webkit-max-content;-moz-column-gap:.75rem;color:#fff;cursor:pointer;border-radius:.5rem;flex-flow:column wrap;grid-template-columns:max-content max-content;place-content:center;align-items:center;column-gap:.75rem;padding:.65rem;transition:all .3s;display:flex}[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{z-index:var(--z-fixed)}[id^=navbar-].hlx-sidebar-container.hlx-sidebar-container.collapse-shrink .shrink{transition:all 1s ease-in-out;display:none}.hlx-slide-control.range-slider{width:100%}.hlx-slide-control.range-slider .range-slider{width:100%!important}.hlx-slide-control.range-slider .range-slider__range{appearance:none;background:var(--hlx-border-color-light);border-radius:5px;width:100%;height:5px;margin:0;padding:0}.hlx-slide-control.range-slider .range-slider__range::-webkit-slider-thumb{appearance:none;background:var(--hlx-color-primary);cursor:pointer;border:1px solid #fff;border-radius:50%;width:20px;height:20px;transition:background .11s ease-in-out}.hlx-slide-control.range-slider .range-slider__range::-moz-range-thumb{background:var(--hlx-color-primary);cursor:pointer;border:0;border-radius:50%;width:20px;height:20px;transition:background .5s ease-in-out}.hlx-slide-control.range-slider ::-moz-range-track{background:var(--hlx-border-color-light);border:0}.hlx-slide-control.range-slider input::-moz-focus-inner{border:0}.hlx-slide-control.range-slider input::-moz-focus-outer{border:0}#hlx-step-controler-005.stepper-control-container{flex-flow:row;justify-content:center;align-items:center;gap:10px;display:flex}#hlx-step-controler-005.stepper-control-container .stepper{-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;display:flex}#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);background:var(--hlx-color-primary-dark);height:38px;box-shadow:0 0 6px #00000029,0 3px 6px #0000003b}#hlx-step-controler-005.stepper-control-container .stepper.counter .current-page{color:#fff!important}#hlx-step-controler-005.stepper-control-container .stepper.prev-stepper{z-index:100;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}#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{-webkit-user-select:none;user-select:none;flex-wrap:wrap;font-size:10px;display:flex;position:absolute}.hlx-tree-area.drag-border{border:.4px dashed var(--hlx-border-color)}.hlx-tree-area>li{min-width:400px;min-height:400px}.hlx-tree-area{justify-content:center;margin:18px;padding:0}.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{content:"";display:block;position:absolute}.hlx-tree-area ul,.hlx-tree-area li{margin:0;padding:0;position:relative}.hlx-tree-area li{list-style:none}.hlx-tree-area li>div.card{color:var(--hlx-text-color-tree);border:1px solid var(--hlx-border-color);border-radius:5px;width:200px;height:100px;min-height:100px;padding:5px;display:inline-table;position:relative;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{font-size:12px;font-weight:600;line-height:18px}.hlx-tree-area li>div>p.head-label{color:#fff;text-align:center;background-color:var(--hlx-color-primary);border-radius:5px;margin-top:0;font-weight:700;font-size:14px!important}.hlx-tree-area.horizontal{min-width:600px;min-height: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%;top:auto;bottom:calc(50% - 6px)}.hlx-tree-area.horizontal li{align-items:center;margin-left:24px;display:flex}.hlx-tree-area.horizontal li div.card{place-content:center;min-width:150px;min-height:90px;margin:12px 0 0 14px;display:flex}.hlx-tree-area.horizontal li div.card div.header.grid{text-align:center;color:getCssVar("color", "primary", "dark");border:none;flex-flow:wrap;justify-content:center;height:auto;padding:4px 0;font-weight:700;display:flex}.hlx-tree-area.horizontal li div.card i{color:var(--hlx-color-primary);z-index:100;cursor:pointer;font-size:var(--hlx-font-size-xs);position:absolute;bottom:42%;right:-.55em!important}.hlx-tree-area.horizontal li:before{border-left:1px solid var(--hlx-border-color);width:0;height:100%;font-weight:700;position:absolute;top:0}.hlx-tree-area.horizontal li:first-child:before{height:51%;top:55%}.hlx-tree-area.horizontal li:last-child:before{height:50%;top:auto;bottom:calc(50% - 6px)}.hlx-tree-area.horizontal li:after{border-top:1px solid var(--hlx-border-color);width:15px;height:0;font-weight:700;top:calc(50% + 6px)}.hlx-tree-area.horizontal li ul:after{border-top:1px solid var(--hlx-border-color);width:25px;height:0;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);width:0;height:100%;top:0;left:-12px}.hlx-tree-area.cascade li:after{border-top:1px solid var(--hlx-border-color);width:12px;top:24px;left:-12px}.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{justify-content:center;display:flex}.hlx-tree-area.vertical li{flex-direction:column;align-items:center;display:flex}.hlx-tree-area.vertical li div.card{place-content:center;min-width:150px;min-height:90px;margin:12px 6px;display:flex}.hlx-tree-area.vertical li div.card div.box{padding:10px 10px 0!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);z-index:100;font-size:var(--hlx-font-size-xs);cursor:pointer;position:absolute;bottom:-.5em;right:46%!important}.hlx-tree-area.vertical li:before{border-left:1px solid var(--hlx-border-color);width:0;height:12px;top:0}.hlx-tree-area.vertical li:after{border-top:1px solid var(--hlx-border-color);width:100%;height:0}.hlx-tree-area.vertical li:first-child:after{border-top:1px solid var(--hlx-border-color);width:50%;height:0;left:50%}.hlx-tree-area.vertical li:last-child:after{border-top:1px solid var(--hlx-border-color);width:50%;height:0;right:50%}.hlx-tree-area.vertical li:only-child:after{content:none}.hlx-tree-area.vertical li ul:before,.hlx-tree-area.vertical li ul:after{border-left:1px solid var(--hlx-border-color);width:0;height:12px;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-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical .cascade:first-child:after,.hlx-tree-area-upc.vertical .hlx-tree-area .cascade:first-child:after,.hlx-tree-area.vertical.cascade-4>li>ul>li>ul>li>ul>li:first-child:after,.hlx-tree-area.vertical.cascade-3>li>ul>li>ul>li:first-child:after,.hlx-tree-area.vertical.cascade-2>li>ul>li:first-child:after,.hlx-tree-area.vertical.cascade-1>li:first-child:after,.hlx-tree-area.vertical .cascade:first-child:after{width:100%;left:24px}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li:last-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li:last-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li:last-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li:last-child:after,.hlx-tree-area .hlx-tree-area-upc.vertical .cascade:last-child:after,.hlx-tree-area-upc.vertical .hlx-tree-area .cascade:last-child:after,.hlx-tree-area.vertical.cascade-4>li>ul>li>ul>li>ul>li:last-child:after,.hlx-tree-area.vertical.cascade-3>li>ul>li>ul>li:last-child:after,.hlx-tree-area.vertical.cascade-2>li>ul>li:last-child:after,.hlx-tree-area.vertical.cascade-1>li:last-child:after,.hlx-tree-area.vertical .cascade:last-child:after{width:24px;left:0}.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-4>li>ul>li>ul>li>ul>li ul,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-3>li>ul>li>ul>li ul,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-2>li>ul>li ul,.hlx-tree-area .hlx-tree-area-upc.vertical.cascade-1>li ul,.hlx-tree-area .hlx-tree-a