html{--lumo-primary-text-color: rgb(247, 247, 247);--lumo-primary-color-50pct: rgba(245, 157, 18, .5);--lumo-primary-color-10pct: rgba(245, 157, 18, .1);--lumo-primary-color: rgb(245, 157, 18);--lumo-primary-contrast-color: rgb(64, 64, 64);--lumo-base-color: rgb(64, 64, 64);--lumo-shade-5pct: rgba(239, 239, 239, .05);--lumo-shade-10pct: rgba(239, 239, 239, .1);--lumo-shade-20pct: rgba(239, 239, 239, .2);--lumo-shade-30pct: rgba(239, 239, 239, .3);--lumo-shade-40pct: rgba(239, 239, 239, .4);--lumo-shade-50pct: rgba(239, 239, 239, .5);--lumo-shade-60pct: rgba(239, 239, 239, .6);--lumo-shade-70pct: rgba(239, 239, 239, .7);--lumo-shade-80pct: rgba(239, 239, 239, .8);--lumo-shade-90pct: rgba(239, 239, 239, .9);--lumo-shade: rgb(239, 239, 239);--lumo-tint-5pct: rgba(64, 64, 64, .05);--lumo-tint-10pct: rgba(64, 64, 64, .1);--lumo-tint-20pct: rgba(64, 64, 64, .2);--lumo-tint-30pct: rgba(64, 64, 64, .3);--lumo-tint-40pct: rgba(64, 64, 64, .4);--lumo-tint-50pct: rgba(64, 64, 64, .5);--lumo-tint-60pct: rgba(64, 64, 64, .6);--lumo-tint-70pct: rgba(64, 64, 64, .7);--lumo-tint-80pct: rgba(64, 64, 64, .8);--lumo-tint-90pct: rgba(64, 64, 64, .9);--lumo-tint: rgb(64, 64, 64)}input:-webkit-autofill{background:var(--lumo-tint-5pct)}iframe{border:none}vaadin-drawer-toggle{color:#efefef}a[highlight]{color:#efefef}a[highlight] vaadin-icon{color:#f59d12}.logout{color:#efefef}.logout vaadin-icon{width:16px;height:16px;padding:0}vaadin-side-nav-item{color:#878787}vaadin-side-nav-item[current] vaadin-icon{color:#f59d12}vaadin-app-layout::part(drawer){background-color:#0f0f0f}.grid-image{min-width:40px;height:40px;padding-top:5px}.link{color:var(--lumo-primary-color)}.red{color:#ff000080}.bg-red{background-color:#ff000080}.lightblue{color:#add8e6b3}.bg-lightblue{background-color:#add8e6b3}.purple{color:#a020f080}.bg-purple{background-color:#a020f080}.green{color:#00ff0080}.bg-green{background-color:#00ff0080}.blue{color:#0000ff80}.bg-blue{background-color:#0000ff80}.grey{color:#bebebe4d}.bg-grey{background-color:#bebebe4d}.orange{color:#ffa50080}.bg-orange{background-color:#ffa50080}.yellow{color:#ff0}.grey{color:gray}h3{margin:0}.download span{padding:5px}.download vaadin-icon{height:16px;width:16px}vaadin-login-form-wrapper::part(footer){font-size:var(--lumo-font-size-xxl);text-align:center}[part=file-list]{display:none}.order-completed{background-color:#034f0c}vaadin-tabsheet::part(content){padding:0}.low-stock{background-color:red}.hidden{font-size:0}.login-page-card{background:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l)}.login-page-card .login-page-title{margin:0;font-size:var(--lumo-font-size-xxl);font-weight:600;text-align:center;color:var(--lumo-header-text-color)}.login-page-card .login-page-description{margin:0 0 var(--lumo-space-s);text-align:center;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);white-space:pre-line;line-height:1.5}.login-page-card .login-page-error{margin:var(--lumo-space-s) 0 0;text-align:center;color:var(--lumo-error-text-color);font-size:var(--lumo-font-size-s)}.login-page-card .mfa-qr{align-self:center}.login-page-card .mfa-enroll-instructions{margin:0 0 var(--lumo-space-s);padding:var(--lumo-space-s);background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-s);line-height:1.5;white-space:pre-line}.login-page-card.mfa-provider-step .login-page-title,.login-page-card.mfa-provider-step .login-page-description,.login-page-card.mfa-provider-step .mfa-provider-field-label,.login-page-card.mfa-provider-step .login-page-error{text-align:left}.login-page-card.mfa-provider-step .login-page-description{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.mfa-provider-field-label{display:block;margin-bottom:var(--lumo-space-xs);font-size:var(--lumo-font-size-s);font-weight:500;color:var(--lumo-secondary-text-color)}.mfa-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--lumo-space-s);width:100%}.mfa-provider-button{position:relative;box-sizing:border-box;min-height:96px;padding:var(--lumo-space-s) var(--lumo-space-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--lumo-space-xs);border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-base-color);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.mfa-provider-button:hover{border-color:var(--lumo-primary-color-50pct);background:var(--lumo-contrast-5pct)}.mfa-provider-button:focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px}.mfa-provider-button.selected{border-color:var(--lumo-primary-color);background:var(--lumo-primary-color-10pct);box-shadow:inset 0 0 0 1px var(--lumo-primary-color-50pct)}.mfa-provider-button__check{position:absolute;top:6px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color);font-size:11px;font-weight:700;line-height:18px;text-align:center;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease}.mfa-provider-button.selected .mfa-provider-button__check{opacity:1;transform:scale(1)}.mfa-provider-button__icon{width:44px!important;height:44px!important;max-width:44px;max-height:44px;object-fit:contain;flex-shrink:0}.mfa-provider-button__label{font-size:var(--lumo-font-size-xs);font-weight:500;text-align:center;color:var(--lumo-body-text-color);line-height:1.25;-webkit-hyphens:auto;hyphens:auto}.login-page-card vaadin-button[theme~=primary]{width:100%;margin-top:var(--lumo-space-xs)}.login-page-card .mfa-change-provider-button{margin-top:var(--lumo-space-xs);border:1px solid var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-base-color);color:var(--lumo-body-text-color);font-weight:500}.login-page-card .mfa-change-provider-button:hover{border-color:var(--lumo-primary-color-50pct);background:var(--lumo-contrast-5pct)}.login-page-footer{font-size:var(--lumo-font-size-xxl);text-align:center;margin:0;color:var(--lumo-secondary-text-color)}