html{--lumo-font-size-l:1.125rem;--lumo-font-size-m:1rem;--lumo-font-size-s:.875rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xs:.8125rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxs:.75rem;--lumo-font-size-xxxl:2.5rem}.order-stat-card,.order-stat-grid,.section-card{transition:all .3s ease-in-out}.order-stat-card:hover{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);cursor:pointer}.order-stat-grid:hover{box-shadow:var(--lumo-box-shadow-s);cursor:pointer}.section-card:hover{box-shadow:var(--lumo-box-shadow-s)}.view-header{animation:fadeSlideUp .6s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stat-card{position:relative;overflow:hidden;animation:fadeSlideUp .6s ease-out;transition:all .3s ease-in-out}.stat-card:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:8px;pointer-events:none}.stat-card:hover:before{animation:borderSweep 3s linear forwards}@keyframes borderSweep{0%{border-top-color:var(--lumo-primary-color);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}25%{border-right-color:var(--lumo-primary-color)}50%{border-bottom-color:var(--lumo-primary-color)}75%{border-left-color:var(--lumo-primary-color)}to{border-color:var(--lumo-primary-color)}}.statistics-section{position:relative;animation:fadeSlideUp .6s ease-out;transition:all .3s ease-in-out}.statistics-section:hover{box-shadow:var(--lumo-box-shadow-m)}.statistics-section h2{position:relative;display:inline-block;border-bottom:none;padding-bottom:10px}.statistics-section h2:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:var(--lumo-success-color);transition:width .8s ease}.statistics-section:hover h2:after{width:100%}html{background-color:var(--lumo-contrast-5pct)}#outlet{overflow:auto}.components-view{padding:var(--lumo-space-l)}.components-view .card{padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-l);background:radial-gradient(circle at 25% 0%,hsl(0 0% 100% / .9),transparent 50%),#fafafab3;background-origin:border-box;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #0000000f}.components-view vaadin-select.state-select{padding:0}@media screen and (max-width: 1200px){.components-view .view-content{flex-wrap:wrap}}