html{--lumo-primary-color-10pct:rgba(106,32,166,.1);--lumo-primary-color-50pct:rgba(106,32,166,.5);--lumo-primary-color:rgb(92, 22, 150)}.confirm-dialog::part(header){padding:0;margin:0 -5px}.dialog-header-container{padding:10px;color:#fff;font-weight:700;width:100%;margin:-5px}.confirm-dialog::part(content){color:#616161;text-align:center;padding:20px;margin:3px;font-weight:405}.confirm-dialog .save-button{color:#fff}.empty-table-card{border-radius:20px;padding:5%;max-width:fit-content;margin:5% auto;box-shadow:0 4px 8px #0000001a;background-color:var(--view-color)}.empty-table-card h5{color:var(--default-text-color);font-size:20px;font-weight:700;width:100%;margin:5px 0}.empty-table-card p{color:var(--default-text-color);font-size:15px;font-weight:400;width:100%;margin:5px 0}.default-app-grid{border-radius:5px;box-shadow:0 4px 8px #0000001a}.default-app-grid::part(header-cell){background-color:var(--default-text-color);color:#fff;font-size:small;font-weight:500}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{font-size:small}.side-nav:hover{cursor:pointer}vaadin-side-nav-item{font-size:small;font-weight:500;margin:7px 0}vaadin-side-nav-item[current]{background-color:#e8c5fd;transition:.4s ease;border-radius:5px;color:#fff}.side-nav-container{width:100%}.username-menu{font-size:small;text-align:start}.menu-footer-button{width:100%;margin:0;padding:5px}.content-page{background-color:var(--view-color);box-sizing:border-box}vaadin-side-nav-item:hover{background-color:#be9cd1;transition:.4s ease;border-radius:5px}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box;border:1px solid rgb(146,146,146);background-color:var(--app-background-color)}.side-nav-logo{width:30px;height:30px;margin-right:10px;border-radius:5px;background-color:#fff}[slot=drawer]:is(header,footer):is(:empty){display:none}.logo-and-title-container{color:#fff;width:100%;display:flex;align-items:center;justify-content:flex-start;margin:0}.username-menu{background-color:#fff;max-width:100%;display:flex;justify-content:flex-start;align-items:center;padding:2px}.user-footer vaadin-menu-bar-overlay{background-color:red;width:100%}.menu-footer-button vaadin-icon{font-size:small}.input-style{width:100%}.input-style::part(input-field){background-color:#f5faff;border:.8px solid var(--lumo-primary-color-50pct);border-radius:5px;box-shadow:none}.input-style[focused]::part(input-field){box-shadow:0 0 0 1px var(--lumo-primary-color-50pct),inset 0 0 0 1px var(--lumo-primary-color)}.input-style[invalid]::part(input-field){background-color:#ffe9e9}.label-style::part(label){font-size:small}.input-style::part(input-field):hover{box-shadow:0 0 0 1px var(--lumo-primary-color-50pct),inset 0 0 0 1px var(--lumo-primary-color);transition:.4s ease}.default-button-style{background-color:var(--app-background-color);color:#fff;padding:15px;box-shadow:none!important;cursor:pointer;width:100%;font-size:smaller}.default-button-style vaadin-icon{color:#fff}.default-button-style:hover{opacity:.9;transition:.4s ease}.check-box-style::part(label){font-size:small;font-weight:500;color:var(--default-text-color)}.update-button-style{text-align:center;font-size:small;border-radius:100%;margin-left:5px;cursor:pointer;padding:1px}.update-button-style:hover{background-color:#108c976b;transition:.3s ease-in;color:#fff}.update-button-style vaadin-icon{color:#108b97;font-size:smaller}.edit-button-style{background-color:#9bcaff;color:var(--lumo-primary-text-color);padding:5px;border-radius:100%;cursor:pointer}.delete-button-style{border-radius:100%;padding:1px}.delete-button-style:hover{background-color:#fad1d1;transition:.3s ease-in}.delete-button-style vaadin-icon{color:#ff2d2d;border-radius:100%;font-size:small;cursor:pointer}.update-button{background-color:var(--app-background-color);color:#fff;font-size:smaller}.update-button:hover{cursor:pointer;opacity:.8;transition:ease .4s}.body-layout{border:1px solid rgb(209,209,209);border-radius:5px;box-sizing:border-box;padding:20px;margin:auto;max-width:70%;background-color:#fff}.page-header-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.page-header-title{color:var(--default-text-color);font-size:15px}.pharmacy-info-save-button{margin-top:20px;padding:18px}.button-disable{opacity:.7;background-color:#cecece}.default-grid-style::part(header-cell){background-color:var(--default-text-color);color:#fff}.page-body-container{background-color:#fff;margin:10px 0;border-radius:5px;border:1px solid #ddd;padding:20px}.sublayout{background-color:#000}.quantity-value-text{color:#00b90f;text-align:center;border-left:2px solid gray;padding:0 5px}.menu-bar-style{background-color:transparent;min-width:fit-content;padding:0}.menu-bar-style vaadin-icon{font-size:small}.export-link{cursor:pointer;text-align:center;justify-content:center;width:fit-content;padding:0 3px}.export-link:hover{color:#1077a4;transition:.3s ease}.pdf-link,.csv-link{font-size:x-small}.grid-empty-list-container{justify-content:center;text-align:center;margin:auto}.grid-empty-list-text{color:var(--default-text-color);text-align:center;justify-content:center;margin:auto;font-size:medium}.navbar-layout{margin:auto;height:fit-content;box-sizing:border-box;align-items:center}.navbar-inner-div{align-items:center}.nav-bar-icon-counter-box{margin-right:20px;padding:10px;width:2%}.nav-bar-icon-counter-box .nav-bar-bell-icon{font-size:small}.nav-bar-icon-counter-box .counter-text{margin-left:-28px;font-weight:600;color:red;padding:1px;border-radius:100%;margin-right:5px}@media screen and (max-width: 760px){.sales-view-item-renderer{margin:10px 0}.body-layout,.activation-inner-container{min-width:100%}.stock-adjustment-price-layout{flex-direction:column}.stock-adjustment-price-layout vaadin-text-field{min-width:99%}.stock-adjustment-dialog::part(content){max-width:100%}.inner-title-container{display:flex;flex-direction:column;align-items:center;justify-content:start}.table-filter-div,.top-sales-parent-box{flex-direction:column;width:100%;gap:10px}.top-sales-parent-box vaadin-grid{min-height:300px}.filter-expiry-div .limit-selector,.filter-expiry-div .filter-expired-items{min-width:120px}.notifications-view img{display:none}.limit-selector-style{grid-column:span 11}.stock-item-vertical-layout{flex-direction:column;align-items:center}}.dialog-icon{width:15px;padding:2px;border-radius:100%}.login-view{background-image:url(images/login_background.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:auto;padding:0;height:100vh}.login-flex-layout .login-view-cover-box{margin:auto;display:flex;align-items:center;justify-content:center;min-width:70%;height:400px;border-radius:var(--lumo-border-radius-l);background-color:#ffffffc1;padding:20px;box-shadow:var(--lumo-box-shadow-m);gap:10px}.login-flex-layout{width:100%;padding:50px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh}.login-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-l);max-width:350px;width:100%;padding:20px;justify-content:center}.title-and-logo-layout{height:280px;border-radius:var(--lumo-border-radius-l)}.login-logo{width:100px;height:100px}.app-title{color:#096495;width:100%;text-align:center;font-size:var(--lumo-font-size-xxl);margin:0;font-size:70px}.login-discription-text{color:var(--default-text-color)}.login-subtitle{text-align:center;color:#3f3f3f;margin-top:var(--lumo-space-m);border-bottom:1px solid #ddd;padding-bottom:var(--lumo-space-m)}.error-message{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);margin:var(--lumo-space-m) 0}.error-message iron-icon{color:var(--lumo-error-color);margin-right:var(--lumo-space-s)}.login-button{width:100%;margin-top:var(--lumo-space-m);background-color:#522a97;cursor:pointer;padding:20px 0;font-size:var(--lumo-font-size-l)}.login-content-card vaadin-text-field,.login-content-card vaadin-password-field{width:100%}.login-content-card vaadin-text-field::part(input-field),.login-content-card vaadin-password-field::part(input-field){padding:5px;font-size:medium}.pharmacy-selector-dialog-parent-element{border:1px solid #ddd;padding:20px;border-radius:border-box;width:350px;border-radius:10px;margin:auto}.pharmacy-selector-dialog-parent-element .pharmacy-selector-paragraph-text{font-size:var(--lumo-font-size-s);padding:5px;box-sizing:border-box;text-align:center}.pharmacy-selector{padding:10px 0;box-sizing:border-box}.pharmacy-selector-dialog-parent-element .default-button-style{font-size:medium;cursor:pointer}.renew-subscription-dialog::part(content){width:400px}.renew-subscription-dialog::part(header){background-color:red}.renew-subscription-dialog h4{color:#fff}.renew-div1{padding:20px;border:1px solid #ddd;margin:10px auto;width:100%;box-sizing:border-box;align-items:center;justify-content:center;border-radius:10px}.renew-div1 h5{margin:10px 0;padding:0;text-align:center}.renew-div1 vaadin-button{width:100%;margin:10px 0;padding:10px;border-radius:10px;cursor:pointer}.reset-password-link{cursor:pointer;text-decoration:underline;padding-top:10px;align-items:center;font-size:var(--lumo-font-size-s)}.centered-content{max-width:600px;margin:auto;align-items:center;justify-content:center;text-align:center;padding:25px;box-sizing:border-box;background-color:#f2f4fdb3;border:1px solid #eee;border-radius:10px}.centered-content h4{margin:0;padding:0;font-size:24px;color:var(--app-background-color)}.centered-content p{color:#9a9abd}.centered-content .input-style::part(input-field){padding:10px;font-size:var(--lumo-font-size-l);background-color:#fff}.centered-content .default-button{padding:20px}.reset-code-layout{margin:auto;align-items:center;justify-content:center;text-align:center;padding:0;background-color:transparent;box-sizing:border-box;border:none}.reset-code-layout .input-style::part(input-field){font-weight:bolder;font-size:2rem;text-align:center;align-items:center;justify-content:center;border-radius:20px}.reset-code-layout p{font-size:24px;font-weight:700;background-color:#fff;border-radius:50px;width:50px;padding:8px}@media screen and (max-width: 760px){.login-card{border-radius:0;box-shadow:none;flex-direction:column;max-width:350px;padding:20px}.title-and-logo-layout{visibility:hidden;height:0}.login-flex-layout{padding:5%;box-sizing:border-box;height:100%;margin:auto}.login-view-cover-box{flex-direction:column;box-sizing:border-box;width:fit-content}.login-view{box-sizing:border-box;padding:0;overflow:hidden;margin:auto}.pharmacy-selector-paragraph-text{text-wrap:wrap}.pharmacy-selector-dialog-parent-element{width:220px}}.dashboard-page-layout{display:grid;grid-template-columns:2fr;max-width:95%;margin:0 auto}.card-item{border:1px solid #ccc;align-items:center;justify-content:start;padding:15px;border-radius:5px;box-sizing:border-box;margin:5px auto;max-width:95%;box-shadow:0 4px 8px #0003}.dashboard-table-filter-container{width:98%;padding:5px;background-color:#fff;border-radius:5px;box-sizing:border-box}.page-header-text{font-size:15px;color:var(--default-text-color);margin-bottom:5px}.item-table-container{background-color:#fff;border-radius:3px;border:1px solid #ccc}.dashboard-item-image{width:50px;height:50px;padding:5px;margin-right:10px}.card-item p{margin:1px;color:var(--default-text-color);font-size:small;font-style:normal;text-transform:normal}.price-tage-text{color:#0fae93;font-size:15px;background-color:#e3ffe0;padding:5px;border-radius:20px;text-align:center}.card-item h4{color:var(--app-background-color)}.card-item:hover{transform:scale(1.01);transition:.3s ease;cursor:pointer;background-color:#eee;border:1px solid var(--app-background-color)}.card-body-layout{background-color:#fff;border:1px solid rgb(219,219,219);height:100%;border-radius:5px;box-sizing:border-box;align-items:center}.card-body-layout h2{color:var(--default-text-color);border-radius:5px;padding:3px}.items-card-container{border:1px solid rgb(214,214,214);width:100%;margin:10px 0;box-sizing:border-box;border-radius:5px;padding:10px;animation:infinite;box-shadow:0 3px 5px #0003}.items-card-container:hover{cursor:pointer;transition:.4ms ease;transform:scale(1.03)}.items-card-container:nth-child(1){background-color:var(--app-background-color);margin:15px auto}.items-card-container:nth-child(2){background-color:#1ab608;margin:15px auto}.items-card-container:nth-child(3){background-color:orange;margin:15px auto}.items-card-container:nth-child(4){background-color:red;margin:15px auto}.items-card-container:nth-child(5){background-color:#fb00c0;margin:15px auto}.items-card-container h2{color:#fff;font-size:18px}.items-card-container h3{color:#fff;font-size:small;margin-bottom:5px;font-weight:400}.dashboard-sales-table-container{margin:10px 0;border:1px solid #ddd;height:300px;border-radius:5px;grid-column:span 2;background-color:#fff}.items-card-container .dashboard-item-image{width:30px;height:30px;background-color:#e4e4e4;border-radius:100%;opacity:.5}.first-card{width:100%}.dashboard-table-card-content{width:75%;box-sizing:border-box}.dashboard-table-card-content h6{margin:3px auto;font-size:14px}.dashboard-table-card-content{line-height:25px}.top-sales-parent-box{box-sizing:border-box;padding:5px}.top-sales-parent-box #top-sales-div{border:1px solid rgb(222,222,222);padding:10px;box-sizing:border-box;border-radius:5px}@media screen and (max-width:760px){.dashboard-item-image{display:none}}vaadin-password-field[part=input-field]{background-color:var(--lumo-base-color);border:1px solid var(--lumo-primary-color-50pct)}:host([focus-ring]) [part=input-field]{padding:20px;box-shadow:0 0 0 2px var(--lumo-primary-color-50pct),inset 0 0 0 1px var(--lumo-primary-color)}[part=input-field]{background-color:var(--lumo-base-color);border:1px solid var(--lumo-primary-color-50pct)}:host(:hover) [part=input-field]{border:1px solid var(--lumo-primary-color-50pct)}:host([focus-ring]) [part=input-field]{border:1px solid var(--lumo-primary-color-50pct)}[part=input-field]{box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct);background-color:var(--lumo-base-color)}:host([focus-ring]) [part=input-field]{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct),inset 0 0 0 1px var(--lumo-primary-color)}:host([invalid]) [part=input-field]{box-shadow:inset 0 0 0 1px var(--lumo-error-color)}.access-control-formlayout{border:1px solid #ddd;background-color:#fff;padding:10px;border-radius:5px;box-sizing:border-box}.container{background-color:#fff;width:100%;border-radius:5px;border:1px solid #ddd}.access-control-select-all-btn{border-bottom:2px solid var(--default-text-color);padding-bottom:5px}.access-control-header-container{background-color:rgb(255,255,);padding:20px;border-radius:5px;border:1px solid #ddd;box-sizing:border-box}.access-control-header-container h3{color:#c26666}.access-control-header-container p{color:var(--default-text-color)}.access-control-header-container vaadin-icon{font-size:30px;background-color:var(--default-text-color);color:#fff;padding:4px;border-radius:8px}.access-control-formlayout .permissions-control-section{border:1px solid #ddd;box-sizing:border-box;padding:5px;border-radius:5px;width:100%;display:block;align-items:right}.permissions-control-section vaadin-checkbox{margin:0;padding:1px 0;width:100%}.permissions-control-section .permission-h5-text{color:var(--default-text-color);width:100%;margin:5px auto;padding:5px;border-bottom:1px solid #ddd;box-sizing:border-box}.access-control-formlayout vaadin-grid{min-height:400px;text-wrap:wrap}.access-control-formlayout vaadin-grid::part(cell){text-align:start;padding:5px 0;text-wrap:wrap}.buttons-box{display:flex;justify-content:flex-end}@media screen and (max-width: 760px){.access-control-header-container{display:flex;flex-direction:column;text-align:center}}.header-container{width:100%;padding:20px;border:1px solid red!important;box-sizing:border-box}.button-style{background-color:var(--app-background-color);color:#fff;font-size:11px}.button-style:hover:hover{opacity:.9;cursor:pointer;transition:ease .4s}.button-style vaadin-icon{color:#fff}.search-and-limit-container{display:grid;gap:5px;grid-template-columns:repeat(12,1fr)}.search-and-limit-container .filter-field-style{grid-column:span 11}.search-and-limit-container .filter-field-style::part(input-field){border:1px solid rgb(152,152,152);border-radius:5px}.limit-selector-style{max-width:100px}.dialog-header-container{width:100%;margin:0 5px}.dialog-header-title{color:var(--default-text-color)}.dialog-close-button{border:1px solid #eee;border-radius:100%;padding:5px}.dialog-close-button:hover{border:1px solid #ddd;cursor:pointer;transition:.3s ease}.medicine-dialog-body{border:1px solid #ddd;border-radius:5px;padding:10px;box-sizing:border-box}.add-medicine-dialog{margin:auto}.add-medicine-dialog::part(content){max-width:900px}.dialog-inner-form-title{margin:20px;background-color:var(--default-text-color);color:#fff;padding:10px;box-sizing:border-box;border-radius:5px}.medicine-image-container{display:flex;justify-content:start;align-items:center;margin:10px 0;border:1px solid #ddd;padding:5px}.medicine-image-container .item-image{border:1px solid #ddd;border-radius:5px}.item-image{width:100px;height:100px;margin-left:20px;object-fit:cover;border-radius:5px}.file-uploader{font-size:small;margin-left:10px}.medicine-image{width:50px}.medicine-name-image-container{align-items:center;gap:10px;width:100%;padding-left:10px}.item-delete-button{background-color:transparent;border-radius:100%;padding:0}.item-delete-button vaadin-icon,.item-update-button vaadin-icon{font-size:smaller;border-radius:100%}.item-delete-button:hover{background-color:#ffcbcb;transition:.4s ease;cursor:pointer}.item-update-button{background-color:transparent;border-radius:100%;padding:0;font-size:smaller}.item-update-button:hover{background-color:#d3fad2;transition:.4s ease;cursor:pointer;color:green;border:1px solid rgb(161,235,159)}.product-update-formlayout{border:1px solid #ddd;padding:20px;box-sizing:border-box;border-radius:5px;background-color:#f9fbff;margin:10px}.download-button vaadin-icon{font-size:small;cursor:pointer;margin:auto}.subtitle-text{color:var(--default-text-color);font-size:small}.inner-title-container{border-bottom:1px solid #ddd;box-sizing:border-box;border-radius:5px}.item-quantity-text{background-color:red;color:#fff;font-size:smaller}.item-form-layout{border:1px solid rgb(218,218,218);padding:10px;border-radius:5px;align-items:center;justify-content:center;box-sizing:border-box}.item-form-layout .update-button{margin-top:15px}.item-form-layout span{width:100%;background-color:#fff;padding:10px;border-radius:2px;color:#fff;box-sizing:border-box}.item-adjustment-div{padding:10px;box-sizing:border-box;line-height:22px}.grid-action-button{border-radius:100%;border:1px solid rgb(213,213,213);padding:5px 0;align-items:center;cursor:pointer;font-size:x-small;height:20px;min-width:20px}.stock-price-button{background-color:green}.grid-action-button vaadin-icon{color:#fff;font-size:12px}.grid-action-buttons-layout{margin-left:20px;box-sizing:border-box}.item-itemCount-text{font-size:smaller}.stock-itemCount-read-only{grid-column:span 2}.stock-itemCount-read-only::part(input-field){color:green;font-weight:700;background-color:#e6fee6}.stock-adjustment-price-layout{gap:5px;padding:5px;box-sizing:border-box;justify-content:center;border:1px solid #eee;margin:8px auto;min-width:100%;border-radius:5px}.stock-adjustment-price-layout *{width:100%}.price-adjustment-header-label{margin:15px 0 5px;color:var(--default-text-color)}.item-adjustment-div h5{color:var(--app-background-color)}.stock-adjustment-dialog{width:800px}.stock-adjustment-dialog span{color:#9f9f9f;font-weight:400}.stock-adjustment-dialog .page-header-title{width:100%}.stock-adjustment-dialog::part(header){padding:15px 20px}.stock-item-vertical-layout .vaadin-integer-field::part(label){font-size:smaller}.stock-quantity-read-only::part(input-field){color:green;font-weight:699;background-color:#dcf7f7}.topup-popover-container{padding:5px;border-radius:5px;border:1px solid gainsboro;box-sizing:border-box;display:flex;column-gap:10px;align-items:baseline}.topup-popover-container vaadin-integer-field{width:100px}.topup-popover-container vaadin-integer-field::part(label){font-size:smaller}.topup-popover-container vaadin-button{font-size:x-small;top:-5px}.topup-popover-container vaadin-button:hover{opacity:.8;transition:.4s ease;cursor:pointer}.topup-popover-title{padding:5px 0;color:var(--default-text-color)}.topup-popover-style::part(content){padding:10px;box-sizing:border-box}.name-and-subname-container{padding:10px 0}.name-and-subname-container h5{color:var(--lumo-body-text-color)}.table-filter-div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.table-filter-div .filter-field-style{max-width:80%}.filter-expiry-div{align-items:baseline;gap:5px;max-width:20%;box-sizing:border-box}.filter-expiry-div .limit-selector,.filter-expiry-div .filter-expired-items{width:90px}.add-category-box{display:flex;flex-direction:column;align-items:baseline;gap:10px;box-sizing:border-box}.open-popup-button{background-color:#fff;border-radius:100%;padding:1px;font-size:smaller;cursor:pointer}.open-popup-button vaadin-icon{color:red}.price-row-one-div{background-color:var(--default-text-color);color:#fff;padding:10px;border-radius:5px;margin:10px auto}.price-row-one-div h4{color:#fff;padding:5px 0}.price-adjustment-parent-layout vaadin-button{width:100%;cursor:pointer;padding:10px}.users-form-layout .active-checkbox{margin:10px 0;padding:5px;box-sizing:border-box;width:100%}.body-container{padding:5px 20px;background-color:#fff;border:1px solid rgb(209,209,209);border-radius:5px;box-sizing:border-box;height:100%}.employee-update-component-box{border:1px solid rgb(228,228,228);padding:20px;margin:10px auto;box-sizing:border-box;border-radius:5px;background-color:#fff}.emp-user-checkbox{margin:15px auto;font-weight:600;padding:5px;background-color:#fbfbfb;border-radius:5px;box-sizing:border-box;border:1px solid #e4e3e3;color:var(--app-background-color)}.emp-user-section{border:1px solid #ddd;box-sizing:border-box;padding:10px;border-radius:5px;display:grid;grid-template-columns:repeat(2,1fr);align-items:baseline;column-gap:10px;container:inline-size}.emp-user-section vaadin-text-field{grid-column:span 2;min-width:fit-content}.employee-update-component-box vaadin-checkbox{background-color:#ebebeb;align-self:last baseline;box-sizing:border-box;padding:5px;border-radius:5px}.default-grid-style p{margin:auto}.add-employee-dialog::part(header){padding:20px;background-color:#f1f6ff}.employee-id-text{color:var(--default-text-color)}.add-employee-dialog{max-width:900px;padding:10px 20px}.employee-profile-container{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin:10px 0}.user-update-dialog::part(content){border:1px solid rgb(227,229,231)}.user-update-dialog vaadin-vertical-layout{border:1px solid rgb(214,214,214);border-radius:5px;margin-top:5px}.user-update-dialog vaadin-button{width:100%}.status-checkbox{border:1px solid #e7e0e0;border-radius:3px;width:100%;padding:3px 0;margin:5px auto;box-sizing:border-box;color:var(--app-background-color)}.image-style{height:80px;margin:1px 5px;border:1px solid #ddd;padding:5px;border-radius:5px}.employee-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;background-color:#efefef}@media screen and (max-width:760px){.emp-user-section{display:block}}.session-expired-view{box-sizing:border-box}.session-expired-view::part(backdrop){background-color:#f9fbff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.session-expired-container{max-width:350px}.session-expired-title{margin:0;font-size:var(--lumo-font-size-xl);color:var(--lumo-header-text-color)}.session-expired-message{color:var(--lumo-secondary-text-color);text-align:center}.session-expired-button{background-color:var(--layout-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);color:#8a2be2;cursor:pointer}.activation-inner-container{border:1px solid rgb(209,209,209);border-radius:5px;background-color:#fff;max-width:70%;padding:20px;margin:auto;box-sizing:border-box}.activation-status-container{width:100%;padding:15px}.activation-status-container span{font-size:14px;margin:10px;text-align:center}.activation-status-container vaadin-icon{font-size:medium}.activation-container{border:1px solid rgb(209,209,209);border-radius:5px;padding:10px;width:100%;box-sizing:border-box;align-items:center;justify-content:baseline}.activation-mini-container{display:inline-flexbox;align-items:center;justify-content:center;width:100%}.activation-mini-container h2{font-size:40px;margin-right:10px;color:var(--green-text-color)}.activation-mini-container span{font-size:16px;color:var(--default-text-color)}.activation-container vaadin-icon{color:var(--default-text-color);padding:10px;font-size:35px}.key-and-date-container{width:100%;padding:10px;gap:10px;box-sizing:border-box}.drug-param-form-layout{min-height:500px;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px}.medicine-param-msg-and-grid-container{border:1px solid rgb(183,183,183);margin-top:20px;border-radius:5px;min-height:360px;padding:10px;box-sizing:border-box}.medicine-param-msg-and-grid-container .default-grid-style{min-height:300px}.category-text-and-button-layout{border:1px solid #ddd;box-sizing:border-box;padding:10px;border-radius:5px}.category-text-and-button-layout:hover{background-color:#eee;transform:scaleX(1.01);transition:.3s ease-out}.category-text-and-button-layout vaadin-button{background-color:var(--app-background-color)}.category-text-and-button-layout vaadin-icon{font-size:smaller;color:#fff;cursor:pointer}@media screen and (max-width: 760px){.activation-mini-container h2{font-size:30px}.activation-mini-container span,.activation-status-container span{font-size:small}.key-and-date-container{flex-direction:column}.activation-inner-container .default-button-style{width:100%;box-sizing:border-box}.users-grid{margin-top:15px}}.sales-view-body{border-radius:5px;box-shadow:inset 0 1px #e5e2e2b3,0 1px 2px #0000051a;width:100%;box-sizing:border-box;padding:10px}.sales-view-header-text{background-color:#1a1a1a;margin-bottom:10px;border-radius:5px;box-sizing:border-box}.sales-view-item-renderer{border:1px solid #ccc;width:100%;box-sizing:border-box;background-color:#fff;border-radius:5px}.sales-view-item-search-field{width:100%}.sales-view-item-search-field[focused]::part(input-field){border:2px solid #333;transition:.3s ease-out;width:99.6%}.sales-view-item-card{border:1px solid #ddd;padding:8px;border-radius:5px;box-sizing:border-box;margin:5px;max-width:96%}.sales-table-button-and-field-container{flex-wrap:wrap;background-color:#f1f1f1;padding:8px;box-sizing:border-box;border-radius:5px}.sales-view-item-card:hover{transform:scale(1.01);background-color:#f1f1f1;transition:.4s ease}.item-text-and-button-container{display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box}.sales-view-item-card h4{color:var(--app-background-color);font-size:15px;margin:0;text-transform:capitalize}.sales-view-item-card span{display:block;padding:2px}.sales-view-item-card span:nth-child(2){font-size:13px;color:var(--default-text-color)}.add-item-button{background-color:#333;color:#fff;border:none;border-radius:5px;padding:5px;cursor:pointer}.add-item-button:hover{opacity:.9;transition:.3s ease}.total-sales-amount-field::part(input-field){background-color:#b7ffb7;color:#0eb40e;font-size:large;font-weight:600}.sales-view-container-text{background-color:var(--default-text-color);color:#fff;padding:10px;border-radius:2px;width:100%;box-sizing:border-box}.sales-grid::part(body-cell){padding:5px;font-size:13px;text-align:left}.sales-view-item-remove-button{border-radius:100%;font-size:smaller;padding:3px}.sales-view-item-remove-button:hover{cursor:pointer;transition:.4ms ease-out;opacity:.8}.confirm-sales-transid-container{display:flex;justify-content:start;align-items:center;width:100%;border:1px solid #ddd;border-radius:5px;background-color:#eee;box-sizing:border-box;padding:0 5px}.alternative-icon-style{width:20px}.alternative-icon-style::nth-child(){color:red}.confirm-sales-dialog::part(header){padding:0}.confirm-sales-dialog::part(content){box-sizing:border-box;width:500px}.confirm-sales-dialog-header-text{color:#fff;padding:15px;font-size:18px;text-transform:uppercase;background-color:var(--default-text-color);width:100%;box-sizing:border-box}.confirm-sales-formlayout{box-sizing:border-box;padding:5px;width:900px}.purchased-items-header-text{color:var(--default-text-color);padding:10px;background-color:#bdbdbd27;width:100%;box-sizing:border-box}.confirm-sales-form-section{border:1px solid #ccc;width:100%;border-radius:5px;box-sizing:border-box}.confirm-sales-table-section{padding-top:20px}.confirm-sales-checkout{background-color:#f6fcff}.pay-for-sales-button,.payment-method-selector{width:100%}.pay-for-sales-button{background-color:#10cd1c;cursor:pointer;margin:10px 0 0}.pay-for-sales-button vaadin-icon{color:#fff}.payment-method-selector{padding:10px;background-color:#fff;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;margin:2px 0;font-size:smaller}.payment-method-selector span,vaadin-icon{color:var(--default-text-color);align-items:baseline;font-size:medium}.balance-field{font-size:20px;font-weight:700;width:100%;margin:5px 0}.completed-sales-container{align-items:center}.completed-sales-container span{color:var(--default-text-color);font-size:13px;text-align:center}.completed-sales-container .default-btn-style vaadin-icon{color:#fff}.completed-sales-container .default-btn-style{width:100%;cursor:pointer}.completed-sales-container .default-icon-style{background-color:#b6ffcb;border-radius:100%;padding:10px}.completed-sales-header-text{text-align:center}.page-body-content{background-color:#fff;border:1px solid rgb(237,237,237);border-radius:5px;box-sizing:border-box;align-items:first baseline;padding:10px}.sales-history-summarybox{box-shadow:0 1px 3px rgba(0,0,0,0.6);text-align:center}.sales-history-summary-part{background-color:var(--app-background-color);align-items:center;border-radius:10px;padding:10px;width:100%;box-sizing:border-box}.default-grid-style h4{align-items:center;color:var(--header-text-color);margin-top:100px;justify-content:baseline;text-align:center}.summary-history-layout,.sales-history-grid-part{border:1px solid rgb(203,203,203);border-radius:10px;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.1);box-sizing:border-box}.sales-history-summary-part span{color:#dbd4d4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sales-history-summary-part h3{color:#fff;margin-top:5px;font-size:20px}.sales-history-table{color:var(--lumo-body-text-color);height:250px;border-radius:5px;text-align:start}.sales-history-table::part(header-cell){color:var(--default-text-color)}.sales-history-details-grid{background-color:#444649;border-radius:5px;margin:5px 0}.sales-history-details-grid h5{color:#fff;font-size:medium}@media screen and (max-width: 760px){.sales-view-body,.sales-view-item-card{padding:5px}.item-text-and-button-container{gap:5px;flex-direction:column}.confirm-sales-dialog::part(content){width:100%}.sales-product-container,.sales-summary-table-container{max-width:100%}.sales-history-grid-part{margin-top:10px}}.user-profile-body-layout{margin:0 auto}.profile-section{border:1px solid #ddd;padding:10px;box-sizing:border-box;width:100%;margin:10px 0;border:5px;align-items:center}.profile-section1{background-color:#fff;box-shadow:2px 2px 3px 3px #eeeded;border-radius:10px;display:flex;gap:10px;padding:20px}.user-profile-div-box{margin-top:10px;width:50%}.profile-section-box-parent{margin-left:10px;border-left:5px solid #ddd;border-radius:5px;padding:5px}.profile-section-box-one{width:100%}.profile-section1 h3{color:var(--lumo-body-text-color)}.profile-section1 h4{color:var(--default-text-color);margin:0}.profile-section2{background-color:#fff;border:1px solid #ddd;padding:15px;border-radius:8px}.profile-section2 vaadin-button{background-color:#000;color:#fff;margin-top:20px}.profile-section2 vaadin-icon{color:#fff}.profile-section2 vaadin-button:hover{transition:.2s ease-in;background-color:#000000c0;cursor:pointer}.profile-section-image{width:150px;border-radius:100%;padding:10px;box-shadow:2px 3px 5px #ddd}@media screen and (max-width:768px){.profile-section1{flex-direction:column}.profile-section-box-parent,.profile-section-box-one{text-align:center;justify-content:center;border:none}}.page-not-found-view{background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);height:100%;width:100%;overflow:hidden;position:relative}.page-not-found-view .background{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.page-not-found-view .circle{position:absolute;border-radius:50%;background-color:#6c63ff1a}.page-not-found-view .circle-1{width:200px;height:200px;top:10%;left:10%;animation:float 8s infinite ease-in-out}.page-not-found-view .circle-2{width:100px;height:100px;top:30%;right:20%;animation:float 8s infinite ease-in-out 2s}.page-not-found-view .circle-3{width:150px;height:150px;bottom:20%;left:20%;animation:float 8s infinite ease-in-out 4s}.page-not-found-view .circle-4{width:80px;height:80px;bottom:30%;right:10%;animation:float 8s infinite ease-in-out 6s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}.page-not-found-view .container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;max-width:600px;height:800px;z-index:10;position:relative}.page-not-found-view .error-code{font-size:8rem;font-weight:700;margin-bottom:0;line-height:1;color:#ff6d63;text-shadow:4px 4px 0px rgba(108,99,255,.2)}.page-not-found-view .error-message{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:#ff6d63}.page-not-found-view .error-description{font-size:1rem;margin-bottom:2rem;color:var(--lumo-tertiary-text-color);line-height:1.6}.page-not-found-view .home-button{background-color:#6c63ff;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #6c63ff33;cursor:pointer}.page-not-found-view .home-button:hover{background-color:#5549ff;transform:translateY(-3px);box-shadow:0 6px 8px #6c63ff4d}.page-not-found-view .lost-traveler{margin-top:2rem;opacity:.8}@media (max-width: 768px){.page-not-found-view .error-code{font-size:5rem}.page-not-found-view .error-message{font-size:1.3rem}.page-not-found-view .error-description{font-size:1rem}}.page-body-section{width:100%;box-sizing:border-box;display:grid;grid-template-columns:20% 80%;height:100%}#sales-chart{background-color:#fff;width:100%;padding:10px;box-sizing:border-box;box-shadow:2px 3px 3px 3px #ddd;margin:auto;border-radius:10px}.report-body{background-color:#f1f7ff;border-radius:5px}.report-body-flex-container{width:100%}.sales-report-filter{width:100%;background-color:#fff;border-radius:5px;box-shadow:2px 2px 5px #ccc .4;padding:15px;align-items:baseline;display:grid;grid-template-columns:repeat(3,1fr);top:0;box-sizing:border-box}.sales-report-filter-container{background-color:#fff;border-radius:5px;box-sizing:border-box;padding:10px;height:max-content;color:var(--body-text-color);max-width:20%}.sales-report-filter-container .button-style{margin-top:10px;width:100%}.stock-report-filter-layout{background-color:#fff;border-radius:8px;box-shadow:2px 2px 5px #ccc .4;padding:15px;box-sizing:border-box;align-items:flex-end}.stock-report-filter-layout .default-button-style{width:unset}.sales-report-filter .default-button-style vaadin-icon{color:#fff}.sales-report-filter h5,.sales-report-content h5{font-size:1rem;margin:0 0 10px;color:var(--default-text-color);text-align:center;width:100%;background-color:#f0f0f0d2;padding:10px;box-sizing:border-box;border-radius:5px}.sales-report-filter .button-style,.sales-report-filter .input-style{width:100%}.sales-report-filter .button-style{margin-top:10px}.sales-report-filter .button-style vaadin-icon{color:#fff}.sales-report-content{background-color:#fff;border-radius:5px;box-shadow:2px 2px 5px #ccc .4}.sales-report-content h2{color:var(--lumo-body-text-color);margin:15px auto}.sales-report-grid-filter-section .grid-style::part(header-cell){font-weight:600;color:var(--default-text-color)}.card-style{width:100%;box-sizing:border-box;padding:10px;border-radius:8px}.card-style h4{color:#fff;font-weight:400}.card-style:nth-child(1){background-color:#52cfe8}.card-style:nth-child(2){background-color:#04ca59}.card-style:nth-child(3){background-color:#efc301}.card-icon-style{width:25px;height:25px;border-radius:50%;margin-right:10px}.card-style span{color:var(--app-background-color);font-size:1.2rem;font-weight:600}.sales-report-tabs{background-color:#fff;padding:5px;box-sizing:border-box;border-radius:5px}.sales-report-tabs vaadin-tab[selected]{background-color:#fff;font-weight:600;border-radius:5px;margin:5px}.sales-report-tabs vaadin-tabs{background-color:#e5ebf5;border-radius:5px}.card-value-title-container{width:100%}.sales-report-filter-field-menu-bar{background-color:#fff;padding:3px 10px;border-radius:5px}.sales-report-filter-field-menu-bar .menu-bar-style{max-width:fit-content;border-radius:1px;background-color:#fff}.menu-bar-style .export-button-style vaadin-icon{font-size:small}.column-sort-button-style{background-color:var(--app-background-color);padding:0 2px;cursor:pointer}.column-sort-button-style vaadin-icon{color:#fff;font-size:10px}.header-card-section{padding:10px 0}.report-body-section{border-radius:5px;border:1px solid rgb(208,207,207);width:100%;box-sizing:border-box}.report-header-text{text-align:center;color:var(--default-text-color)}.filter-section{width:100%;background-color:#fff;padding:20px 0;box-sizing:border-box;border-radius:5px}.name-and-brand-box h3{color:var(--lumo-body-text-color);font-size:14px;margin:auto}.name-and-brand-box span{color:var(--default-text-color);font-size:smaller}.updated-stock-purchase-value{color:#0fae93;text-align:center}.user-logs-page-content{background:linear-gradient(to right,#68aba6,#d7f478);border-radius:5px;padding:10px;box-sizing:border-box}.user-logs-header-box{background-color:#fff;border-radius:5px;padding:10px;box-sizing:border-box}.user-logs-header-box span{color:var(--app-background-color);font-size:17px;font-weight:600}.user-logs-header-box span vaadin-icon{color:var(--app-background-color);font-size:20px}.user-logs-header-box p{color:var(--default-text-color);font-size:14px;margin:0}@media screen and (max-width: 768px){.page-body-section,.sales-report-filter{grid-template-columns:1fr}.data-section-layout{max-height:none;overflow-y:auto;position:relative}.dashboard-page-layout{display:flex}.stock-report-filter-layout .default-button-style{width:100%}.report-body-flex-container,.header-card-section,.sales-report-filter,.stock-report-filter-layout{flex-direction:column;max-width:100%;position:relative}.report-body-section .sales-report-filter{position:relative}.report-body-section .updated-stocks-grid-content-box{width:100%}.sales-report-filter-container{min-width:100%}.report-header-text{font-size:medium;padding:10px;box-sizing:border-box}}.super-admin-navbar{background-color:#5f9ea0;margin:0;padding:10px;align-items:baseline;justify-content:space-between;box-sizing:border-box;width:100%}.super-admin-navbar vaadin-side-nav-item{color:#fff;margin:auto 5px}.super-admin-navbar vaadin-side-nav-item:hover{background-color:#ffe8fa;color:var(--default-text-color);transition:all .3s ease-in;cursor:pointer}.super-admin-navbar vaadin-side-nav-item[current]{background-color:#ffe8fa;color:var(--default-text-color)}.super-admin-navbar vaadin-side-nav-item vaadin-icon{font-size:smaller;color:#fff}.super-admin-signout-button:hover{cursor:pointer;transition:all .3s ease-in;scale:.98;color:red}.super-admin-signout-button{background-color:#fff;color:var(--default-text-color);font-size:var(--lumo-font-size-xxs);width:fit-content}.super-admin-signout-button vaadin-icon{font-size:var(--lumo-font-size-xxs)}.super-admin-navbar-items{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:5px}@media (max-width: 480px){.super-admin-navvar-items{min-width:0;flex-grow:1}}@media (min-width: 481px){.super-admin-navvar-items{width:auto}}.application-tabsheet{width:100%;box-sizing:border-box}.super-admin-content-layout h1{color:var(--default-text-color);border-bottom:2px solid #ddd;width:100%;box-sizing:border-box;margin-bottom:4px;padding-bottom:5px}.chart-image{border:1px solid blue;width:100%;height:200px}.item-card{border:1px solid #ddd;align-items:center;justify-content:flex-start;padding:10px;border-radius:5px;background-color:#fff;box-shadow:2px 1px 2px #3333 .4;box-sizing:border-box;margin:5px}.card-img{background-color:#c7ffc9;font-size:small;margin-right:10px;width:30px;height:30px;border:4px solid rgb(214,255,207);align-items:center;justify-content:center}.item-card:hover{color:#fff;transition:.4s ease;transform:scale(1.02);cursor:pointer}.card-content{width:100%;line-height:7px;text-align:start}.card-content p{color:var(--green-text-color)}#chartContainer{width:100%;background:#fff;border-radius:5px;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:flex-start}.formlayout{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px 20px}.reset-password-dialog .reset-password-formlayout{padding:15px;height:300px}.reset-password-dialog .reset-password-formlayout vaadin-button{margin-top:10px}.reset-password-formlayout vaadin-checkbox{margin-top:10px}.formlayout vaadin-checkbox{border:1px solid rgb(183,136,188);padding:5px;border-radius:5px;width:fit-content;box-sizing:border-box}.formlayout h5{color:var(--default-text-color);border:1px solid #ddd;padding:10px;border-radius:5px;box-sizing:border-box}.buttons-container{gap:10px}.add-pharmacy-formlayout .read-only-field::part(input-field){background-color:#d8ffe3;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;color:green}.configuration-formlayout{margin:auto;width:500px;box-sizing:border-box}.pharmacy-field-sets{box-sizing:border-box;display:grid;border-radius:5px;border:1px solid #ddd;margin:5px}.pharmacy-field-sets vaadin-big-decimal-field{width:100%}.edit-form-button{border-radius:100%;padding:5px;color:#05a327!important;font-size:smaller}.edit-form-button:hover{background-color:#e7e7e7;transition:.4s ease;cursor:pointer}.notifications-view{display:block;height:100%;background-color:var(--view-color)}.notifications-view vaadin-grid{height:100%;line-height:var(--lumo-line-height-m)}.notifications-view vaadin-grid,.notifications-view vaadin-grid-cell-content{background-color:var(--lumo-contrast-10pct);background-color:#fff;box-sizing:border-box}.notifications-view .card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xs);padding:var(--lumo-space-l);width:98%;margin:5px auto}.notifications-view .card:hover{transform:scale(1.01);transition:3ms ease-in}.notifications-view img{border-radius:50%;flex-shrink:0;padding:5px;color:red;background-color:#eee;height:var(--lumo-size-s);margin-right:calc(var(--lumo-space-s) * 1.5);width:var(--lumo-size-s)}.notifications-view .header{align-items:baseline;color:#161613}.notifications-view .name{font-size:var(--lumo-font-size-s);font-weight:700;margin-right:var(--lumo-space-s)}.notifications-view .date{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs)}.notifications-view .post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal;text-align:left;width:100%;color:#292222;padding:10px;margin:5px 0;box-sizing:border-box;border-radius:5px}.notifications-view .actions{align-items:center}.notifications-view .icon{height:calc(var(--lumo-icon-size-s) * .8);margin-right:var(--lumo-space-s);width:calc(var(--lumo-icon-size-s) * .8)}.notifications-view .likes,.notifications-view .comments,.notifications-view .shares{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}.notification-view-body-box{height:100%;padding:20px;background-color:#f0f8ff;margin:auto;box-sizing:border-box}.notification-view-header{background-color:#fff;box-sizing:border-box;text-align:center;padding:20px;width:100%;border-radius:8px}.notification-view-header h4{font-size:28px;color:var(--lumo-body-text-color);margin-bottom:10px}.notification-view-header span{color:var(--default-text-color)}.audit-trill-view-content-layout{background-color:#f0f0f0}.audit-trill-body-box vaadin-grid{min-height:500px}.audit-trill-body-box vaadin-grid::part(cell){text-wrap:wrap;padding:10px}.audit-trill-body-box vaadin-grid::part(header-cell){background-color:var(--default-text-color);color:#fff}.audit-trill-body-box{border:1px solid #ffffff58;border-radius:5px;padding:20px;box-sizing:border-box;height:100vh}.audit-trill-box1{color:var(--app-background-color);margin:5px 0 8px;box-sizing:border-box;background-color:#fff;padding:10px;border-radius:10px}.audit-trill-box1 vaadin-icon{color:var(--app-background-color);margin-right:10px}.audit-trill-box1 span{font-size:large;font-weight:700}.audit-trill-view-content-layout .notification-view-header{background-color:transparent;color:#fff}.audit-trill-view-content-layout .notification-view-header h4,.audit-trill-view-content-layout .notification-view-header span{color:#fff;padding:5px}.audit-trill-user-icon{padding:3px}html{--lumo-primary-color-50pct: hsla(273, 67%, 42%, .5);--lumo-primary-color-10pct: hsla(273, 67%, 42%, .1);--default-text-color: #758699;--green-text-color: rgb(15, 174, 147);--view-color: #f5f7fa;--app-background-color: #614889;--lumo-primary-color: hsl(273, 67%, 42%);--lumo-primary-text-color: hsl(214, 97%, 24%);--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem;--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-body-text-color: hsla(214, 12%, 23%, .94)}@media (max-width: 480px){vaadin-menu-bar{min-width:0;flex-grow:1}}@media (min-width: 481px){vaadin-menu-bar{width:auto}}