.app-footer{width:100%;padding:var(--lumo-space-m) 0;flex-direction:column;justify-content:space-between;display:flex;& a{font-weight:600;&:hover{color:var(--erc-black-purple);text-decoration:none;transition:all .3s ease-in-out}}}.app-footer-app-name{color:#909090;justify-content:center;align-items:center;display:flex}.app-footer-divider{color:var(--lumo-primary-color)}.app-footer-link-layout{justify-content:center;align-items:center;gap:var(--lumo-space-s);display:flex}@media (width>=768px){.app-footer{flex-direction:row}}.logo{max-width:168px;max-height:50px;padding-left:var(--lumo-space-m)}@media (width<=768px){.logo{padding-left:unset}}.login-register-layout-header{padding:var(--lumo-size-m);background:#000}vaadin-app-layout.login-register-layout::part(navbar){display:none}.login-register-layout{background-image:url(./erc-home-bg-BimkMorr.webp);background-size:cover;& .app-footer{display:none}}.login-register-layout-content-wrapper{height:100%;padding-left:var(--lumo-size-m);padding-right:var(--lumo-size-m);justify-content:center;align-items:center;gap:var(--lumo-space-xl);flex-direction:column;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.center-content-view{justify-content:flex-start;align-items:center;display:flex}.center-content-view-wrapper{padding:var(--lumo-space-xl);background:#fff;border-radius:1.75em;flex-direction:column;place-content:center;width:80%;animation:.45s ease-out fadeInUp;display:flex;& vaadin-text-field::part(input-field),& vaadin-password-field::part(input-field),& vaadin-email-field::part(input-field){padding-inline:var(--lumo-space-m);padding-block:var(--lumo-space-xs);border-radius:999px}& vaadin-text-field,& vaadin-password-field,& vaadin-email-field{--lumo-primary-color-50pct:transparent;--lumo-primary-color:var(--lumo-contrast-30pct)}& vaadin-button{--lumo-button-size:2.75em;border-radius:999px}& vaadin-button::part(button){padding-inline:var(--lumo-space-m)}& vaadin-checkbox{align-self:center}}.forgot-password-link{text-align:center;margin-top:var(--lumo-space-s);display:block}.login-dont-have-account{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin:0}.register-button{--lumo-primary-color:var(--erc-black-purple);--lumo-primary-color-50pct:color-mix(in srgb, var(--erc-black-purple) 50%, transparent);width:100%}.register-button:hover{--lumo-primary-color:unset;--lumo-primary-color-50pct:unset}.center-content-view-wrapper .center-content-view-primary-button:hover{--lumo-primary-color:var(--erc-black-purple);--lumo-primary-color-50pct:color-mix(in srgb, var(--erc-black-purple) 50%, transparent)}.center-content-view-title{text-align:left;color:var(--lumo-primary-text-color);margin-bottom:var(--lumo-space-m)}.center-content-view-primary-button{margin-top:var(--lumo-space-m)}.center-content-view-field{width:100%}.center-content-view-description{margin-top:var(--lumo-space-xs);margin-bottom:var(--lumo-space-xs);text-align:center;color:var(--lumo-secondary-text-color)}.center-content-view-instructions{line-height:1;font-size:var(--lumo-font-size-xs)}@media (width>=768px){.center-content-view-wrapper{width:20em}.center-content-view{justify-content:center}}.main-layout-header{background:var(--erc-black-purple);color:#fff;justify-content:space-between;align-items:center;width:100%;height:100px;display:flex;& vaadin-drawer-toggle{width:120px;margin:0;padding:0}& .logo{padding:0 22px}& .main-layout-app-logo{height:50px}& .main-layout-header-right-side-wrapper{align-items:center;gap:var(--lumo-space-m);padding-right:var(--lumo-space-m);display:flex}& .impersonate-message-wrapper{z-index:1000;background:var(--lumo-primary-color);gap:var(--lumo-space-xs);color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;animation:4s ease-in-out infinite impersonate-pulse;display:flex;position:absolute;top:0;left:0}}@keyframes impersonate-pulse{0%,50%{color:#fff}75%{color:#fff3}to{color:#fff}}.main-layout-content{background:var(--app-color);grid-gap:var(--lumo-space-s);flex-direction:column;height:100%;display:flex}.main-layout-header .margin-auto-divider{margin-left:auto}.main-layout-content-top-bar{padding-top:var(--lumo-space-m);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m);justify-content:space-between;align-items:center;gap:var(--lumo-space-m);flex-wrap:wrap;display:flex}.main-layout-content-top-bar .text-primary{max-width:80%}.main-layout-content-upper-separator{margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m);border-bottom:1px solid #d7d7d7;display:none}.main-layout-content-lower-separator{border-bottom:1px solid #d7d7d7;display:none}.main-layout-content-main-wrapper{padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m);flex-grow:1}.main-layout-drawer-wrapper{background:var(--app-color)!important}vaadin-app-layout::part(drawer){border-inline-end:none;height:calc(100% - 100px);top:100px;overflow-y:auto}vaadin-app-layout.is-impersonating::part(drawer){top:calc(100px + var(--lumo-space-xl));height:calc(100% - 100px - var(--lumo-space-xl));overflow-y:auto}.side-nav-wrapper{background:var(--erc-black-purple);border-top-right-radius:var(--lumo-border-radius);flex-direction:column;min-height:100%;display:flex}.side-nav-item-icon{font-size:var(--lumo-font-size-xl)}.side-nav-item-wrapper{border-top:1px solid var(--erc-grey-light-25);color:var(--erc-grey-light);justify-content:center;align-items:center;width:120px;min-height:64px;font-weight:600;display:flex;position:relative;& .side-nav-item-text{font-size:var(--lumo-font-size-s)}&:hover{cursor:pointer}& a{width:100%;height:100%;&:hover{color:#fff;text-decoration:none}}& .side-nav-item{width:100%;height:100%;&:hover{color:#fff;transition:all .3s ease-in-out}}}.side-nav-item-wrapper-border-bottom{border-bottom:1px solid var(--erc-grey-light-25)}.side-nav-item-number,.side-nav-item-secondary-number{width:24px;height:24px;color:var(--app-color);background:var(--lumo-primary-color);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:7px;right:5px}.side-nav-item-secondary-number{z-index:1;background:var(--erc-dark-orange);top:35px}.side-nav-item{color:var(--erc-grey-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.side-nav-item-wrapper a[highlight] .side-nav-item{color:var(--lumo-primary-text-color);background:0 0;&:before{content:"";background:var(--lumo-primary-color);width:3px;height:100%;position:absolute;top:0;left:0;box-shadow:0 4px 4px #00000040}}.main-layout-header-user-part,.main-layout-header-token-part{justify-content:center;align-items:center;gap:var(--lumo-space-s);color:var(--lumo-primary-text-color);font-weight:600;display:flex;&:hover{color:var(--lumo-primary-contrast-color);transition:all .3s ease-in-out}}.green-status{color:green;font-weight:700}.red-status{color:orange;font-weight:700}.secondary-side-navbar-holder{padding:var(--lumo-space-m) 0;background-color:var(--app-color);border-radius:0 12px 12px 0}.secondary-side-navbar{height:100%;font-size:var(--lumo-font-size-m);background-color:#fff;border-radius:0 12px 12px 0;transition:transform .3s;box-shadow:0 1px 15px #0000000a,0 1px 6px #0000000a}.secondary-side-nav-wrapper,.secondary-side-nav-wrapper a{color:#3a3a3a}.secondary-side-nav-item-wrapper{padding:var(--lumo-space-m)}.secondary-side-nav-item{gap:.5rem;display:flex}.secondary-side-nav-item-wrapper a[highlight],.secondary-side-nav-item-icon{color:var(--lumo-primary-text-color)}.main-layout-header-button{border:1px solid var(--lumo-primary-color);border-radius:calc(var(--lumo-size-xl) / 2);padding:1.25rem;font-weight:600}.main-layout-header-button:hover{border:1px solid var(--lumo-primary-color);background:var(--lumo-primary-color);color:var(--erc-black-purple);transition:all .3s ease-in-out}.main-layout-header-icon-as-button{cursor:pointer;color:var(--lumo-primary-text-color);display:none}.main-layout-content-top-bar-title-with-icon{align-items:center;gap:var(--lumo-space-m);padding-left:var(--lumo-space-s);flex-direction:row;display:flex}.main-layout-content-top-bar-title-with-icon .custom-icon{width:26px;height:26px;color:var(--erc-black-soft);margin-bottom:3px}@media (width<=768px){.main-layout-content-top-bar{& h2{color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-l)}gap:var(--lumo-space-xs);& .text-primary{max-width:100%}}.side-nav-wrapper{border-top-right-radius:0}vaadin-app-layout::part(drawer){top:unset;height:100%}.main-layout-header{padding:var(--lumo-space-m);gap:var(--lumo-space-m);height:unset;& vaadin-drawer-toggle{width:unset}& .main-layout-app-logo{height:30px;padding:0}& .impersonate-message-wrapper{&>*{display:none}& .stop-impersonating-action{display:block!important}}& .main-layout-header-right-side-wrapper{padding-right:0}& .main-layout-header-button,& .main-layout-header-user-part span{display:none}& .main-layout-header-token-part{& span{display:none}}& .main-layout-header-icon-as-button{display:flex}& .main-layout-header-user-part-down-icon,& .border-divider-vertical{display:none}}}.project-details-layout{gap:var(--lumo-space-s);flex-direction:column;height:100%;& .project-details-content-part-wrapper{gap:var(--lumo-space-m);flex-direction:row;display:flex}& .top-bar-project-metadata{border-top-right-radius:0;border-bottom-right-radius:0;flex-direction:row;justify-content:space-between;align-items:center;padding:0;display:flex;& .top-bar-project-metadata-username-wrapper{&:hover{cursor:pointer}}& .metadata-wrapper{gap:var(--lumo-space-m);width:100%;padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m);flex-direction:row;align-items:center;display:flex;& .fi{font-size:var(--lumo-font-size-xxl)}& .user-full-name{text-wrap:nowrap;color:#000}& .admin-note-wrapper{max-height:calc(58px - 2 * var(--lumo-space-s));height:calc(58px - 2 * var(--lumo-space-s));padding-right:var(--lumo-space-m);padding-left:var(--lumo-space-m);text-align:right;& .label-value-pair{flex-wrap:nowrap;justify-content:center;align-items:end;height:100%;display:flex;& .label-value-pair-label-part{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}& .label-value-pair-value-part{font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);color:var(--erc-dark-orange);font-style:normal;font-weight:600;line-height:125.303%}}}}& .actions-wrapper{background-color:#fff;flex-direction:row;gap:1px;display:flex;& .square-button.delete-button{color:var(--erc-orange);&.hoverable:hover{color:#fff}}& .square-button.cart-button{background:var(--lumo-primary-color);color:#fff;&.hoverable:hover{color:#fff;opacity:.9;cursor:pointer;& .custom-icon{color:#fff}&:before{background:var(--lumo-primary-color-90pct)}}}& .square-button.download-button{background:var(--lumo-success-color);color:#fff;&.hoverable:hover{color:#fff;opacity:.9;cursor:pointer;& .custom-icon{color:#fff}&:before{background:var(--lumo-success-color-90pct)}}}}}}.project-details{min-width:25%;max-width:25%;height:fit-content;top:var(--lumo-space-m);flex-direction:column;position:sticky;& .project-details-common-parts-wrapper{box-sizing:border-box;gap:var(--lumo-space-m);width:100%;& .created-at-label-value-pair,& .original-request-label-value-pair{flex-direction:column;& .label-value-pair-label-part{color:#000;font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}& .label-value-pair-value-part{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:400;line-height:125.303%}}& .original-request-label-value-pair{& .label-value-pair-value-part{font-weight:500}}& .project-note-wrapper{background-color:var(--erc-gray-lighter);border:1px solid var(--lumo-primary-color);border-radius:var(--lumo-border-radius-m);& .label-value-pair-label-part{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}& .label-value-pair-value-part{font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:400;line-height:125.303%}}}& .project-details-read-only-parts-wrapper{box-sizing:border-box;gap:var(--lumo-space-m);flex-direction:column;width:100%;display:flex;& .border-divider-horizontal{border-bottom:1px dashed var(--erc-grey-light-50)}& .read-only-project-details-section{flex-direction:column;width:100%;display:flex;& .label-value-pair-label-part{color:#000;font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);flex:1;font-style:normal;font-weight:600;line-height:180%}& .label-value-pair-value-part{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);flex:1;font-style:normal;font-weight:400;line-height:180%}& .user-input-label-value-pair{& .label-value-pair-label-part,& .label-value-pair-value-part{color:var(--lumo-error-text-color)}}}& .read-only-header-section{justify-content:space-between;align-items:center;gap:var(--lumo-space-m);flex-direction:row;width:100%;display:flex;& .read-only-header-section-title-part{flex-direction:column;align-items:start;display:flex;& span{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-m);font-style:normal;font-weight:700;line-height:125.303%}}}}& .project-details-edit-parts-wrapper{box-sizing:border-box;width:100%}& .project-details-additional-attachments-wrapper{box-sizing:border-box;gap:var(--lumo-space-m);flex-direction:column;width:100%;display:flex;& .additional-attachments-header{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-m);font-style:normal;font-weight:600;line-height:125.303%}& .border-divider-horizontal{border-bottom:1px dashed var(--erc-grey-light-50)}}}.file-project-details{gap:var(--lumo-space-m);flex-direction:column;width:100%;display:flex;justify-content:flex-start!important;& .copy-to-clipboard-filename{color:var(--lumo-primary-text-color);text-decoration:none;&:hover{cursor:pointer;text-decoration:underline}}& .project-details-stack-and-send-wrapper-layout{padding-top:var(--lumo-space-s);padding-bottom:var(--lumo-space-s);gap:var(--lumo-space-m);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}}.project-details-top-bar-actions{justify-content:center;align-items:center;gap:var(--lumo-space-m);flex-direction:row;display:flex}.project-details-top-bar-actions>:first-child{flex-grow:1}.project-details-right-button{gap:var(--lumo-space-m)}.file-project-details-file-card-upper-layout,.file-project-details-file-card-lower-layout{justify-content:space-between;gap:var(--lumo-space-xl);align-items:center;width:100%;flex-direction:row!important}.edit-file-project-details,.add-file-project-details,.notify-user-with-file-status{flex-direction:column;min-width:30em;display:flex;align-items:normal!important}.notify-user-with-file-status{& .label-value-pair{flex-wrap:nowrap;& span{white-space:nowrap}}& .file-data-list-holder{gap:var(--lumo-space-xl);flex-flow:wrap;display:flex;& .file-data-wrapper{flex-direction:column;flex-grow:1;display:flex}}}@media (width<=768px){.project-details-layout{flex-direction:column;& .project-details-content-part-wrapper{flex-direction:column;display:flex}& .white-card-wrapper.file-project-details-file-card-wrapper{grid-template-columns:1fr;&>*{justify-self:start!important}& .file-project-details-file-card-avatar-wrapper{grid-column:1;justify-self:end!important}& .file-project-details-file-card-checkbox-wrapper{grid-column:1;justify-self:start!important}}& .white-card-wrapper.top-bar-project-metadata{& .metadata-wrapper{&>*{display:none}}& .top-bar-project-metadata-username-wrapper{display:flex;& .user-full-name{text-wrap:wrap}}& .square-button{width:40px;& .square-button-text{display:none}}& .actions-wrapper{display:flex}}}.file-project-details-file-card-upper-layout,.file-project-details-file-card-lower-layout{gap:var(--lumo-space-s);flex-direction:column!important;align-items:start!important}.project-details-top-bar-actions>vaadin-button{width:100%}.project-details-right-button{gap:unset;flex-direction:column;width:100%}.project-details{max-width:unset;min-width:unset;position:unset;top:unset}.edit-file-project-details,.add-file-project-details,.notify-user-with-file-status{min-width:80vw}}.file-action-popover::part(content){flex-direction:column;align-items:start;display:flex}.file-project-status-select-wrapper vaadin-select::part(input-field){--vaadin-input-field-hover-highlight:transparent;--vaadin-input-field-hover-highlight-opacity:0;background-color:#0000;border:none;outline:none}.file-project-status-select-wrapper vaadin-select:hover::part(input-field){--vaadin-input-field-hover-highlight:transparent;--vaadin-input-field-hover-highlight-opacity:0;background-color:#0000!important}.file-project-status-select-wrapper vaadin-select::part(toggle-button){display:none}.file-project-status-select-wrapper vaadin-select[readonly]::part(input-field):after{content:none!important}.file-project-status-select-wrapper vaadin-select[focused]::part(input-field),.file-project-status-select-wrapper vaadin-select:focus-visible::part(input-field){box-shadow:none!important;outline:none!important}.file-project-status-select-wrapper{align-self:end;&.full-to-right{grid-column:span 2;justify-self:end!important}}.control-unit-type-details{gap:var(--lumo-space-s);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-l);background-color:#fff;flex-direction:column;display:flex;box-shadow:0 1px 6px #0000000a;& .control-unit-type-details-top-bar{align-items:center;gap:var(--lumo-space-s);& .control-unit-type-label{align-self:end}& .delete-control-unit-type-action{--vaadin-button-border-radius:8px;cursor:pointer}& .custom-icon{width:21px;height:21px}& vaadin-button{cursor:default}}& .control-unit-type-label{font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-m);background:var(--lumo-primary-color);color:#fff;border-radius:20px;padding:2px 10px;font-style:normal;font-weight:700;line-height:134%}& .white-card-wrapper{border:1px solid var(--lumo-contrast-10pct);box-shadow:0 1px 6px #0000000a}}.file-project-details-file-card-wrapper.white-card-wrapper{gap:var(--lumo-space-m);grid-template-columns:1fr auto;display:grid;&.modded-file-project-details{background-color:var(--erc-gray-lighter)}& .accent-body-text{font-size:var(--lumo-font-size-m)}& .file-project-details-file-card-actions-wrapper{justify-content:end;align-items:start;gap:var(--lumo-space-s);height:100%;display:flex;&.actions-wrapper-with-status{height:unset;align-self:start;align-items:center;& .file-project-status-select-wrapper{align-self:center}}& [theme~=badge][theme~=pill]{min-width:86px}}& .file-project-details-file-card-comments-wrapper{align-self:end}& vaadin-button:not([theme~=tertiary-inline]):not(.file-action-button-with-text){border-radius:var(--erc-border-radius-pill);min-width:var(--lumo-size-m);width:var(--lumo-size-m);height:var(--lumo-size-m);padding:0}& vaadin-button:not([theme~=tertiary-inline]):hover{background-color:var(--erc-black-purple);color:#fff}&>:nth-child(odd){justify-self:start}&>:nth-child(2n){justify-self:end}& .file-project-details-file-card-avatar-wrapper{justify-self:end;gap:var(--lumo-space-xs);flex-direction:row;grid-column:2;display:flex}& .file-project-details-file-card-checkbox-wrapper{place-self:end start;gap:var(--lumo-space-xs);flex-direction:row;grid-column:1;display:flex}& .file-project-details-file-card-price-wrapper{flex-direction:column;align-self:end;align-items:end;display:flex}& .file-project-details-wrapper{align-self:start}}.project-row{width:100%}.project-row-logo{object-fit:contain;flex-shrink:0}.project-row-details{gap:var(--lumo-space-xs)}.project-row-title{font-weight:400}.project-row-meta{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.project-row-meta-label{color:var(--lumo-body-text-color);margin-right:var(--lumo-space-xs);font-weight:700}.projects-grid{& .responsive-action-bar{gap:0!important;& .responsive-action-bar-main-actions-holder{display:none}& .responsive-action-bar-secondary-actions-holder{margin-left:unset;width:100%;& .projects-search-field{margin-left:auto}}}}.project-row-secondary,.project-row-secondary *,vaadin-grid-cell-content.project-row-secondary,vaadin-grid-cell-content.project-row-secondary *{font-size:var(--lumo-font-size-s)!important;color:var(--lumo-secondary-text-color)!important}.responsive-action-bar vaadin-text-field::part(input-field),.responsive-action-bar vaadin-combo-box::part(input-field),.responsive-action-bar vaadin-date-picker::part(input-field),.responsive-action-bar vaadin-select::part(input-field){border-radius:var(--erc-border-radius-pill);padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.responsive-action-bar vaadin-text-field.projects-search-field{width:32em;max-width:100%}.responsive-action-bar vaadin-text-field.support-search-field{width:18em;max-width:100%}.responsive-action-bar vaadin-checkbox::part(label){white-space:nowrap}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:play]),vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause]){border-radius:var(--erc-border-radius-pill);width:var(--lumo-size-m);min-width:var(--lumo-size-m);height:var(--lumo-size-m);padding:0}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:play])::part(label),vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause])::part(label){justify-content:center;align-items:center;margin:0;padding:0;display:flex}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:play]) vaadin-icon{margin-left:3px}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:play]) vaadin-icon,vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause]) vaadin-icon{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:play]):hover{background-color:var(--erc-black-purple);color:#fff}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause]){background-color:var(--erc-orange);color:#fff}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause]) vaadin-icon{color:#fff}vaadin-grid-cell-content .project-status-badge [theme~=badge][theme~=pill]{border-radius:var(--erc-border-radius-pill);min-width:86px;height:32px}vaadin-grid-cell-content vaadin-button:has(vaadin-icon[icon=vaadin\:pause]):hover{background-color:var(--erc-black-purple);color:#fff}.custom-overlay{top:0;bottom:0;right:0;left:unset;height:100%}.custom-overlay::part(overlay){border-radius:unset;width:24rem}@media (width<=768px){.custom-overlay{width:100%}}.user-details-view vaadin-tabsheet vaadin-vertical-layout{padding-left:0;padding-right:0}.user-details-view{& .impersonate-button-tab{flex-grow:1;justify-content:flex-end;&:after,&:before{content:none!important;display:none!important}& vaadin-button{--vaadin-button-border-radius:8px}}& .users-flag{font-size:var(--lumo-font-size-xxl)}& .save-user-details-form{grid-column-gap:var(--lumo-space-m);grid-template-columns:1fr 1fr;display:grid;& vaadin-checkbox{grid-column:span 2}}}@media (width<=768px){.user-details-view{& .save-user-details-form{grid-template-columns:1fr;display:grid;& vaadin-checkbox{grid-column:span 1}& .view-validation-button{width:unset!important}}}}.buy-tokens-component{min-width:400px;max-width:500px}.buy-tokens-dialog h2[slot=title]{color:var(--lumo-primary-text-color)}vaadin-dialog-overlay.buy-tokens-dialog::part(overlay){max-width:520px}.buy-tokens-component .token-packs-holder{gap:var(--lumo-space-xs);padding-bottom:var(--lumo-space-m);grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;display:grid}.buy-tokens-component .token-pack-button{border-radius:var(--lumo-border-radius);border-color:var(--lumo-primary-color);padding:var(--lumo-space-m);cursor:pointer;color:var(--lumo-primary-color);border-style:solid;border-width:1px;flex-direction:column;justify-content:center;align-items:center;transition-duration:.4s;display:flex}.buy-tokens-component .token-pack-button:hover,.buy-tokens-component .active-token-pack-button{background-color:var(--lumo-primary-color);color:#fff}.buy-tokens-component .token-pack-button-tokens{font-weight:700}.buy-tokens-component span.token-pack-button-discount{font-size:var(--lumo-font-size-xl)}.buy-tokens-component .token-pack-button-price{color:unset}.buy-tokens-component .tokens-to-buy-input{padding-bottom:var(--lumo-space-m);color:var(--lumo-primary-color);--vaadin-input-field-background:white;--vaadin-input-field-hover-background:white;font-size:50px}.buy-tokens-component .tokens-to-buy-input:hover::part(input-field){background:#f4f6f8!important}.buy-tokens-component .tokens-to-buy-input[focused]::part(input-field){background:var(--lumo-contrast-5pct)}.buy-tokens-component .tokens-to-buy-input::part(value){text-align:center}.buy-tokens-component .tokens-to-buy-input::part(increase-button),.buy-tokens-component .tokens-to-buy-input::part(decrease-button){color:var(--lumo-primary-color);font-size:50px;font-weight:400}.buy-tokens-component .tokens-to-buy-input>[slot=suffix]{color:var(--lumo-primary-color);font-size:25px}.buy-tokens-component .choose-package-description{padding-top:var(--lumo-space-m);padding-bottom:var(--lumo-space-m);text-align:center}.buy-tokens-component .tokens-to-buy-in-eur,.buy-tokens-component .tax-amount,.buy-tokens-component .total-amount-in-eur{color:var(--lumo-primary-color)}.buy-tokens-component .tokens-to-buy-in-eur,.buy-tokens-component .total-amount-in-eur{font-weight:700;font-size:var(--lumo-font-size-xl)}.buy-tokens-component .tokens-to-buy-in-eur{font-size:var(--lumo-font-size-xl)}.buy-tokens-component vaadin-button.buy-tokens-action-btn::part(button){transition:background-color .3s,color .3s}.buy-tokens-component vaadin-button.buy-tokens-action-btn:hover::part(button){color:#fff!important;background-color:#0d1424!important}.buy-tokens-component .amount-in-wallet .label-value-pair{align-items:center}.buy-tokens-component .amount-in-wallet .label-value-pair-value-part{color:var(--lumo-primary-color);font-weight:700;font-size:var(--lumo-font-size-xxl)}@media (width<=768px){.buy-tokens-component{min-width:unset;& .token-packs-holder{grid-template-rows:repeat(2,auto)}}}.support-ticket-details-layout{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .support-ticket-input-wrapper{gap:var(--lumo-space-m);flex-direction:column;display:flex;& vaadin-vertical-layout{padding:0}}& .support-ticket-tab-wrapper{box-sizing:border-box;width:100%;& .support-ticket-input-wrapper{padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);width:100%}& vaadin-tabsheet{width:100%}&.note-selected{background-color:var(--lumo-warning-color-10pct)}}& .support-ticket-top-button-layout-wrapper{z-index:1;background:var(--app-color);padding-top:var(--lumo-space-s);padding-bottom:var(--lumo-space-s);margin-top:calc(-1 * var(--lumo-space-s));margin-bottom:calc(-1 * var(--lumo-space-s));position:sticky;top:0}}.support-ticket-details{gap:var(--lumo-space-m);flex-direction:column;width:100%;display:flex;justify-content:flex-start!important}.support-ticket-details-top-bar-actions{justify-content:center;align-items:center;gap:var(--lumo-space-m);flex-direction:row;display:flex}.support-ticket-details-top-bar-actions .margin-auto-divider{margin-left:auto}.support-ticket-message-layout{gap:var(--lumo-space-m);flex-direction:column;display:flex}.support-ticket-message-wrapper{flex-direction:column;align-self:flex-start;max-width:60%;display:flex}.support-ticket-message-wrapper.deleted-message{opacity:.5;text-decoration:line-through}.support-ticket-message-wrapper.users-message{align-self:flex-end}.support-ticket-message-wrapper img{object-fit:contain;max-width:400px}.support-ticket-message-wrapper a{width:fit-content}.support-ticket-message-header{justify-content:space-between;align-items:center;gap:var(--lumo-space-s);padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s);display:flex}.support-ticket-message-header>:first-child{margin-right:auto}.support-ticket-message-wrapper.users-message .support-ticket-message-content,.support-ticket-message-wrapper.admin-message .support-ticket-message-content{background-color:var(--lumo-primary-color);color:#fff;& a{color:#e0e6ee}}.support-ticket-message-wrapper.internal-message .support-ticket-message-content{background-color:var(--lumo-warning-color-10pct);color:#3a3a3a;& a{color:var(--lumo-primary-color)}}.support-ticket-message-content{border-radius:var(--lumo-border-radius);box-shadow:none;color:#3a3a3a;padding:var(--lumo-space-m);overflow-wrap:anywhere;gap:var(--lumo-space-s);background-color:#e0e6ee;flex-direction:column;display:flex;& pre{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}}.save-support-ticket-component{& vaadin-combo-box::part(input-field),& vaadin-text-field::part(input-field),& vaadin-integer-field::part(input-field){border-radius:var(--erc-border-radius-pill)}}@media (width<=768px){.support-ticket-conversation-with{display:none;&.support-ticket-conversation-with-project{display:block;&>:not(.support-ticket-conversation-with-project-link){display:none}}}}@media (width>=1920px){.support-ticket-details-layout{& .support-ticket-input-wrapper{flex-direction:row;& vaadin-upload{flex-direction:column;justify-content:center;width:50%;display:flex;&.erc-upload{&::part(primary-buttons){height:unset}}}}}}.order-details-wrapper{gap:var(--lumo-space-m);flex-direction:row;width:100%}.white-card-wrapper.order-details-card{justify-content:start;align-items:start;width:100%;&.order-details-order-items-wrapper{width:100%;display:flex;& .order-details-order-item-wrapper{flex-direction:column;display:flex}}}@media (width<=768px){.order-details-wrapper{flex-direction:column}.white-card-wrapper.order-details-card{width:unset}}.dashboard-view-layout{gap:var(--lumo-space-m);box-sizing:border-box;flex-direction:column;display:flex;& .dashboard-anchor{text-decoration:none}& .announcements-wrapper{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .announcement-wrapper{align-items:start;& .announcement-title{font-size:var(--lumo-font-size-l);color:var(--erc-black);padding-bottom:var(--lumo-space-s);font-weight:600;line-height:1.6}}& img{object-fit:contain;max-width:100%}}}.dashboard-layout{gap:var(--lumo-space-m);grid-template-columns:1fr minmax(0,4fr) minmax(0,2fr);width:100%;display:grid;& .dashboard-column{gap:var(--lumo-space-s);flex-direction:column;display:flex}& .secondary-text{color:var(--erc-black-soft);font-size:var(--lumo-font-size-s);font-weight:500}& .heading-part{font-size:var(--lumo-font-size-l);color:var(--erc-black);padding-bottom:var(--lumo-space-s);font-weight:600;line-height:1.6}& .project-and-ticket-stats{gap:var(--lumo-space-s);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid;& vaadin-icon{color:var(--lumo-primary-color)}& .information-card{flex:unset;height:80px}}& .information-card{gap:var(--lumo-space-s);flex-direction:column;justify-content:space-between;display:flex;& vaadin-icon{color:var(--lumo-primary-color)}& .information-card-wrapper{justify-content:space-between;gap:var(--lumo-space-m);flex-direction:column;width:100%;height:100%;display:flex;& .upper-part{display:flex}& .lower-part{justify-content:space-between;gap:var(--lumo-space-m);align-items:flex-end;display:flex;& .number-part{font-size:var(--lumo-font-size-xxxl);flex-direction:column;justify-content:flex-end;font-weight:700;line-height:1.4;display:flex;& .sub-number-part{font-size:var(--lumo-font-size-l)}}& .title-part{font-size:var(--lumo-font-size-l);text-align:right;line-height:1.3}}}}& .percentage-card{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .percentage-card-wrapper{gap:var(--lumo-space-s);flex-direction:column;width:100%;display:flex;& .number-part{font-size:var(--lumo-font-size-xxxl);color:var(--lumo-primary-text-color);gap:var(--lumo-space-s);align-items:baseline;font-weight:700;line-height:1;display:flex;& .number-part-number-suffix{font-size:var(--lumo-font-size-l)}}& .percentage-part{align-items:baseline;display:flex;& .percentage-increase{color:var(--lumo-success-color)}& .percentage-decrease{color:var(--lumo-error-color)}& .percentage-equal{color:var(--lumo-primary-color);align-self:center}& vaadin-icon{font-size:var(--lumo-font-size-xxs);margin-right:var(--lumo-space-s)}& .percentage-part-percentage-suffix{color:var(--erc-black-soft)}}}}& .search-card{gap:var(--lumo-space-s);padding-top:var(--lumo-space-m);flex-direction:column;flex:unset;height:80px;display:flex;& .search-input,& .title-part{width:100%}& .search-input-result-wrapper{gap:var(--lumo-space-xl);width:100%;padding-top:var(--lumo-space-m);flex-direction:column;display:flex}}& .tokens-statistics-card,& .project-statistics-card{height:100%;& .heading-part{width:100%}}& .top-10-customers-card{& vaadin-grid{height:unset;--lumo-font-size-m:var(--lumo-font-size-s);border-top:none;border-bottom:none}& vaadin-grid::part(first-column-cell){padding-inline-start:0}& vaadin-grid::part(last-column-cell){padding-inline-end:0}& .heading-part{width:100%}& .flag-icon{font-size:var(--lumo-font-size-xxl);width:var(--lumo-font-size-xxl);height:var(--lumo-font-size-xxl);flex-shrink:0;line-height:1}& .top-10-customer-header{flex-direction:row;align-items:center;width:100%;display:flex;& vaadin-combo-box::part(input-field){border-radius:var(--lumo-border-radius-xl);border:1px solid var(--lumo-contrast-20pct);background:var(--lumo-contrast-5pct)}}& .customer-name-cell{align-items:center;gap:var(--lumo-space-s);display:flex;& span{white-space:nowrap}}}}vaadin-grid-cell-content:has(.customer-name-cell),vaadin-grid-cell-content:has(.customer-header-cell){--_cell-padding:var(--lumo-space-xs) var(--lumo-space-m) var(--lumo-space-xs) 0}@media (width<=900px){.dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);& .project-and-ticket-stats{&>*{aspect-ratio:unset}}}}@media (width<=768px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}}.dashboard-layout-projects-card{gap:var(--lumo-space-s);flex-direction:column;display:flex;&.white-card-wrapper{justify-content:flex-start!important}& .header-part{gap:var(--lumo-space-s);flex-direction:row;width:100%;display:flex;& vaadin-icon{color:var(--lumo-primary-color)}}& .project-line{gap:var(--lumo-space-m);width:100%;padding:var(--lumo-space-s);flex-direction:row;flex:1;align-items:center;display:flex}& .description-part{gap:var(--lumo-space-xs);flex-direction:column;width:100%;min-width:0;display:flex}}.dashboard-layout-brands-card{gap:var(--lumo-space-s);flex-direction:column;display:flex;&.white-card-wrapper{justify-content:start}& .header-part{gap:var(--lumo-space-s);flex-direction:row;width:100%;display:flex}}.dashboard-layout-brands-card .brands-grid{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding-top:20px;display:flex}.dashboard-layout-brands-card .brands-grid img{object-fit:contain;width:40px;height:40px}.dashboard-layout-brands-card .empty-state-component{padding-top:var(--lumo-space-m);flex:1;justify-content:center}.dashboard-flex-1{flex:1}.dashboard-layout-projects-card:not(:has(.project-line~.project-line)) .project-line,.dashboard-layout-tickets-card:not(:has(.ticket-line~.ticket-line)) .ticket-line{flex:none}.dashboard-layout-tickets-card{gap:var(--lumo-space-s);flex-direction:column;display:flex;&.white-card-wrapper{justify-content:flex-start!important}& .header-part{gap:var(--lumo-space-s);flex-direction:row;width:100%;display:flex;& vaadin-icon{color:var(--lumo-primary-color)}}& .ticket-line{gap:var(--lumo-space-m);flex-direction:row;flex:1;align-items:center;width:100%;display:flex;& vaadin-icon{color:var(--erc-black-soft);flex-shrink:0;width:24px;min-width:24px;height:24px;min-height:24px}& .description-part{gap:var(--lumo-space-xs);flex-direction:column;width:100%;min-width:0;display:flex}}}.dashboard-layout-users-card{gap:var(--lumo-space-s);flex-direction:column;display:flex;&.white-card-wrapper{justify-content:start}& .header-part{gap:var(--lumo-space-s);flex-direction:row;width:100%;display:flex;& vaadin-icon{color:var(--lumo-primary-color)}}& .users-line{gap:var(--lumo-space-m);flex-direction:row;align-items:center;width:100%;display:flex;& .flag-icon{font-size:var(--lumo-font-size-xxxl)}& .description-part{gap:var(--lumo-space-xs);flex-direction:column;width:100%;min-width:0;display:flex}}}.dashboard-layout-orders-card{gap:var(--lumo-space-s);flex-direction:column;display:flex;&.white-card-wrapper{justify-content:start}& .header-part{gap:var(--lumo-space-s);flex-direction:row;width:100%;display:flex;& vaadin-icon{color:var(--lumo-primary-color)}}& .orders-line{gap:var(--lumo-space-m);flex-direction:row;align-items:center;width:100%;display:flex;& .description-part{gap:var(--lumo-space-xs);flex-direction:column;width:100%;min-width:0;display:flex}}}.file-upload-main-layout{gap:var(--lumo-space-m);flex-direction:row;width:100%;display:flex;& .configuration-wrapper{gap:var(--lumo-space-s);flex-direction:column;flex-grow:1;display:flex;& .step-actions-wrapper{gap:var(--lumo-space-m);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}& .custom-icon{width:20px;height:20px}& .file-list-wrapper{gap:var(--lumo-space-s);flex-direction:column;display:flex;& .file-list-card{gap:var(--lumo-space-m);flex-direction:column;align-items:start;display:flex;& vaadin-button[theme~=icon]{--vaadin-button-border-radius:8px}& .file-list-title{background:var(--lumo-primary-color);color:#fff;padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-l);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}& .file-list-reading-tool-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex;& .reading-icon-wrapper{margin-left:auto;display:flex;& img{width:36px;height:36px}}& vaadin-button:hover{cursor:default}& vaadin-combo-box{width:325px;padding:0}}}& .file-list-content{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .file-list-info-wrapper{justify-content:start;align-items:center;gap:var(--lumo-space-s);flex-direction:row;display:flex;& .file-list-filename-wrapper{flex-direction:column;align-items:start;display:flex;& .file-list-filename{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-m);font-style:normal;font-weight:500;line-height:17px}& .file-list-file-size{color:var(--lumo-tertiary-text-color);text-align:center;font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-xxs);font-style:normal;font-weight:400;line-height:134%}}}}& .file-list-actions{gap:var(--lumo-space-s);flex-direction:row;justify-content:center;align-items:center;display:flex;& .file-list-refresh-icon{color:#fff;background:var(--lumo-primary-color);border-radius:var(--lumo-border-radius-m);padding:6px var(--component-sizes-button-button-horizontal-padding-icon,6px);justify-content:center;align-items:center;display:flex}& .file-list-delete-icon{color:#fff;background:var(--erc-grey-light);border-radius:var(--lumo-border-radius-m);padding:6px var(--component-sizes-button-button-horizontal-padding-icon,6px);justify-content:center;align-items:center;display:flex}}}& .white-card-wrapper.next-step-wrapper{align-items:start;gap:var(--lumo-space-l);box-sizing:border-box;flex-direction:column;width:100%;display:flex}& .add-new-file-wrapper{gap:var(--lumo-space-s);padding-left:var(--lumo-space-m);flex-direction:row;justify-content:start;align-items:center;display:flex;& .erc-menu-text{width:unset}& vaadin-button[theme~=icon]{--vaadin-button-border-radius:8px}}& .white-card-wrapper.read-tool-wrapper{flex-direction:row;justify-content:start;display:flex;& vaadin-combo-box{width:325px;padding-top:0}}& .white-card-wrapper.file-list-selection{gap:var(--lumo-space-m);flex-direction:row;align-items:start;display:flex;& vaadin-radio-group{width:227px;padding-top:0}}& .vehicle-step-wrapper{& .upload-file-basic-info-wrapper{gap:var(--lumo-space-m);grid-template-columns:repeat(2,1fr);width:100%;display:grid;& vaadin-combo-box,& vaadin-text-field,& vaadin-integer-field{padding-top:0}& vaadin-combo-box::part(input-field),& vaadin-text-field::part(input-field),& vaadin-integer-field::part(input-field){border-radius:var(--erc-border-radius-pill)}& .vehicle-type-wrapper{gap:var(--lumo-space-xl);flex-direction:row;justify-content:space-between;align-items:baseline;display:flex;& vaadin-combo-box{width:100%}& .vehicle-type-buttons-wrapper{gap:var(--lumo-space-xs);flex-direction:row;display:flex;& vaadin-button[theme~=icon]{--vaadin-button-border-radius:8px}}}}& .additional-info-title{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:125.303%}& .upload-file-basic-info-wrapper>:last-child:nth-child(odd),& .upload-file-additional-info-wrapper>:last-child:nth-child(odd){grid-column:span 2}& .upload-file-additional-info-wrapper{gap:var(--lumo-space-m);grid-template-columns:repeat(2,1fr);width:100%;display:grid;& vaadin-combo-box,& vaadin-text-field,& vaadin-integer-field{padding-top:0}& vaadin-combo-box::part(input-field),& vaadin-text-field::part(input-field),& vaadin-integer-field::part(input-field){border-radius:var(--erc-border-radius-pill)}& .power-wrapper{& vaadin-integer-field{width:100%}gap:var(--lumo-space-m);flex-direction:row;justify-content:center;align-items:baseline;display:flex;& .custom-icon{color:var(--erc-grey-light)}}}}}& .configuration-wrapper.tuning-option-wrapper{align-items:start;& .white-card-wrapper.save-remap-configuration-wrapper{padding:var(--lumo-space-m);box-sizing:border-box;align-items:start;width:100%}}& .project-step-wrapper{gap:var(--lumo-space-m);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;display:grid;& .accept-checkbox-wrapper{flex-direction:column;grid-column:span 2;display:flex}& .additional-attachments-check{align-self:baseline}& vaadin-combo-box,& vaadin-text-field,& vaadin-integer-field,& vaadin-text-area,& vaadin-checkbox-group{padding-top:0}& vaadin-combo-box::part(input-field),& vaadin-text-field::part(input-field),& vaadin-integer-field::part(input-field){border-radius:var(--erc-border-radius-pill)}& vaadin-text-area::part(input-field){border-radius:var(--lumo-border-radius-l)}& .additional-info-title{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:125.303%}}}.upload-top-bar-wrapper{display:flex;& .upload-button-wrapper{background-color:#fff;gap:1px;margin-left:auto}}.white-card-wrapper.overview-wrapper{width:400px}.white-card-wrapper.upload-title-wrapper{gap:var(--lumo-space-s);width:100%;padding:0 var(--lumo-space-m);border-top-right-radius:0;border-bottom-right-radius:0;flex-direction:row;justify-content:start;margin-right:auto;& .step-title{color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-l);font-style:normal;font-weight:600;line-height:125.303%}& .step-number{text-align:center;font-size:var(--lumo-font-size-xs);height:unset;border-radius:50px;font-style:normal;font-weight:600}}.white-card-wrapper.upload-overview-wrapper{flex-direction:column;justify-content:start;width:400px;min-width:400px;max-width:400px;padding:0;display:flex;& .title-wrapper{background-color:var(--erc-grey-light-10);text-align:start;border-top-left-radius:var(--lumo-border-radius);border-top-right-radius:var(--lumo-border-radius);align-items:center;width:100%;height:62px;display:flex;& .title-span{margin-left:var(--lumo-space-m)}}& .image-wrapper{justify-content:center;align-items:center;display:flex;& img{aspect-ratio:105/59;width:331px;height:186px}}& .vehicle-details-wrapper{gap:var(--lumo-space-m);flex-direction:row;justify-content:space-between;align-items:center;display:flex;& .vehicle-details-content{flex-direction:column;display:flex;& .vehicle-title{color:#000;font-family:var(--lumo-font-family-heading), serif;font-size:14px;font-style:normal;font-weight:600;line-height:125.303%}& .generation-title,& .engine-title{color:#000;font-family:var(--lumo-font-family-heading), serif;font-size:14px;font-style:normal;font-weight:300;line-height:125.303%}}& .vehicle-details-logo{& img{width:70px}}}& .engine-and-details-wrapper{flex-direction:column;justify-content:start;align-items:start;display:flex;& .label-value-pair{gap:var(--lumo-space-s);flex-direction:row;justify-content:space-between;align-items:center;display:flex;& .label-value-pair-label-part{color:#000;font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-xs);font-style:normal;font-weight:600;line-height:170%}& .label-value-pair-value-part{color:#000;text-align:right;font-family:var(--lumo-font-family-heading), sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:170%}}}& .tuning-details-wrapper{padding-top:var(--lumo-space-m);border-top:1px dashed var(--erc-grey-light-50);flex-direction:column;justify-content:start;align-items:start;display:flex;& .tuning-title{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:125.303%}& .remap-type,& .addon-names{color:#000;font-family:var(--lumo-font-family-heading), sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:125.303%}}& .price-details-wrapper{padding-top:var(--lumo-space-m);border-top:1px dashed var(--erc-grey-light-50);flex-direction:column;justify-content:start;align-items:start;display:flex;& .border-divider-horizontal{border-bottom:1px dashed var(--erc-grey-light-50);width:100%;margin-top:var(--lumo-space-s);margin-bottom:var(--lumo-space-s)}& .price{gap:var(--lumo-space-s);flex-direction:row;justify-content:space-between;align-items:center;display:flex;& .label-value-pair-label-part{color:var(--lumo-primary-color);font-family:var(--lumo-font-family), sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:125.303%}& .label-value-pair-value-part{color:var(--lumo-primary-color);text-align:right;font-family:var(--lumo-font-family-heading), sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:125.303%}}}& .power-increase-button-wrapper{gap:var(--lumo-space-s);padding-top:var(--lumo-space-m);flex-direction:row;justify-content:end;align-items:center;margin-top:auto;display:flex}}@media (width<=768px){.file-upload-main-layout{flex-direction:column;& .erc-upload{border:none}& .upload-top-bar-wrapper{& .square-button{width:40px;& .square-button-text{display:none}}}& .configuration-wrapper{& .file-list-card.white-card-wrapper{& .file-list-reading-tool-wrapper{& vaadin-combo-box{width:unset!important}}}& .file-list-selection.white-card-wrapper{flex-direction:column}& .step-actions-wrapper{gap:var(--lumo-space-s);flex-direction:column;& vaadin-button{width:100%}}}& .white-card-wrapper.upload-overview-wrapper{width:100%;min-width:100%;max-width:100%}& .vehicle-step-wrapper{& .upload-file-basic-info-wrapper,& .upload-file-additional-info-wrapper{grid-template-columns:1fr!important;& .vehicle-type-wrapper,& .power-wrapper{gap:var(--lumo-space-s)!important;flex-direction:column!important}}& .power-wrapper{& .custom-icon{display:none}}& .upload-file-basic-info-wrapper>*,& .upload-file-additional-info-wrapper>*{grid-column:span 1!important}}& .configuration-wrapper .project-step-wrapper{grid-template-columns:1fr}& .configuration-wrapper .project-step-wrapper>*{grid-column:span 1!important}& .white-card-wrapper.save-remap-configuration-wrapper{& .radio-without-label.remap-type-group{width:100%;& vaadin-radio-button{width:100%;& .remap-type-group-button-wrapper{width:100%}}}& .tuning-options-wrapper{& vaadin-checkbox-group{width:100%}}& .dtc-codes-combo-box-wrapper{width:100%}}}}.add-new-file-wrapper vaadin-button[theme~=icon]{--vaadin-button-border-radius:8px}.file-list-reading-tool-wrapper vaadin-combo-box::part(input-field){border-radius:var(--erc-border-radius-pill)}.file-list-card vaadin-button[theme~=icon]{--vaadin-button-border-radius:8px}.square-button{width:68px;height:58px;color:var(--erc-grey-light);background:#9ea1a84d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;& .square-button-text{text-align:center;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}&.active{color:var(--lumo-primary-color);background:var(--erc-grey-light-20);&:before{background:var(--lumo-primary-color)}}&.hoverable:hover{background:var(--lumo-primary-color);color:#fff;cursor:pointer;& .custom-icon{color:#fff}&:before{background:var(--lumo-primary-color)}}&:before{content:"";background:var(--erc-grey-light);width:100%;height:2px;position:absolute;bottom:0;left:0}& .square-button-number,& .square-button-secondary-number{border:1px solid var(--app-color);width:24px;height:24px;color:var(--app-color);background:var(--lumo-primary-color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:5px;right:5px}& .square-button-secondary-number{z-index:1;background:var(--erc-dark-orange);top:25px}}.save-remap-configuration{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .tuning-options-wrapper{gap:var(--lumo-space-m);flex-wrap:wrap;display:flex}& .remap-type-label{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-m);font-style:normal;font-weight:600;line-height:134%}& .remap-type-group{width:100%}& vaadin-radio-button[checked]{& .remap-type-group-button-wrapper{background-color:var(--lumo-primary-color);& .remap-type-group-button{& .custom-icon,& .remap-name,& .remap-price,& .remap-desc{color:var(--lumo-primary-contrast-color)}}}}& .remap-type-group-button-wrapper{background-color:var(--app-color);border-radius:var(--lumo-border-radius-m);border:1px solid var(--lumo-contrast-10pct);cursor:pointer;justify-content:start;align-items:center;width:219px;height:72px;display:flex;&:hover{background-color:var(--lumo-primary-color);& .remap-type-group-button{& .custom-icon,& .remap-name,& .remap-price,& .remap-desc{color:var(--lumo-primary-contrast-color)!important}}}& .remap-type-group-button{width:100%;padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s);gap:var(--lumo-space-s);justify-content:start;align-items:center;display:flex;& .custom-icon{color:var(--lumo-primary-color);width:32px;height:32px}& .remap-name-wrapper{flex-direction:column;display:flex;& .remap-name{color:var(--lumo-primary-color);text-transform:uppercase;font-family:var(--lumo-font-family), sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:normal}& .remap-desc{text-align:start}}& .remap-price{color:var(--lumo-primary-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);align-self:end;margin-left:auto;font-style:normal;font-weight:600;line-height:134%}}}}.erc-upload{border:1px dashed var(--lumo-primary-color);box-sizing:border-box;&::part(primary-buttons){justify-content:center;align-items:center;gap:var(--lumo-space-s);flex-direction:column;height:100%;display:flex}& .upload-title{color:var(--lumo-primary-text-color);text-align:center;font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:400;line-height:150%}& .upload-icon{color:var(--lumo-primary-color);text-align:center;justify-content:center;align-items:center;display:flex}& vaadin-upload-icon{display:none}& [slot=drop-label]{text-align:center;width:100%;align-items:center!important}& .upload-desc{color:var(--lumo-tertiary-text-color);text-align:center;font-family:var(--lumo-font-family), sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:125%}}.my-profile-view{& .save-user-details-form{grid-column-gap:var(--lumo-space-m);grid-template-columns:1fr 1fr;display:grid;& vaadin-text-field::part(input-field),& vaadin-password-field::part(input-field),& vaadin-email-field::part(input-field),& vaadin-combo-box::part(input-field){border-radius:999px}& vaadin-checkbox{grid-column:span 2}}& .my-profile-documentation-link{color:var(--lumo-primary-text-color);gap:var(--lumo-space-s);justify-content:center;align-items:center;display:flex}& vaadin-button.add-funds-wallet-btn::part(button){transition:background-color .3s,color .3s}& vaadin-button.add-funds-wallet-btn:hover{--lumo-primary-color:var(--erc-black-purple);--lumo-primary-contrast-color:white}& .main-layout-header-token-part:hover{color:var(--lumo-primary-text-color);cursor:default;transition:none}}vaadin-dialog-overlay.add-api-key-dialog::part(overlay){min-width:350px}@media (width<=768px){vaadin-dialog-overlay.add-api-key-dialog::part(overlay){min-width:unset;width:100%}.my-profile-view{& .save-user-details-form{grid-template-columns:1fr;display:grid;& vaadin-checkbox{grid-column:span 1}& .view-validation-button{width:unset!important}}}}vaadin-scroller{scrollbar-width:thin;scrollbar-color:var(--lumo-contrast-30pct) transparent}vaadin-scroller::-webkit-scrollbar{width:6px}vaadin-scroller ::-webkit-scrollbar{width:6px}vaadin-scroller::-webkit-scrollbar-track{background-color:#0000!important}vaadin-scroller ::-webkit-scrollbar-track{background-color:#0000!important}vaadin-scroller::-webkit-scrollbar-thumb{background-color:var(--lumo-contrast-30pct);border-radius:10px}vaadin-scroller ::-webkit-scrollbar-thumb{background-color:var(--lumo-contrast-30pct);border-radius:10px}vaadin-scroller::-webkit-scrollbar-thumb:hover{background-color:var(--lumo-contrast-50pct)!important}vaadin-scroller ::-webkit-scrollbar-thumb:hover{background-color:var(--lumo-contrast-50pct)!important}vaadin-scroller::-webkit-scrollbar-button{display:none!important}vaadin-scroller ::-webkit-scrollbar-button{display:none!important}.search-input::part(input-field){padding:0 var(--lumo-space-m);border-radius:999px;min-height:44px}.user-popover::part(overlay){border-radius:0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l);min-width:180px;top:38px}vaadin-popover-overlay.user-popover{& vaadin-button{box-shadow:none;color:var(--lumo-primary-color);background:0 0;justify-content:flex-start;width:100%;min-width:0;transition:color .2s ease-in-out;&:hover{box-shadow:none;color:var(--erc-black-purple);background:0 0}}}.invoices-grid{& vaadin-date-picker::part(input-field){border-radius:var(--erc-border-radius-pill)}}.package-listing-component{gap:var(--lumo-space-m);flex-direction:column;display:flex;& .label-value-pair{align-items:baseline;& .label-value-pair-label-part{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:500;line-height:180%}& .label-value-pair-value-part{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:400;line-height:180%}}& .erc-heading-title{padding:0;color:var(--erc-black)!important}& .border-divider-horizontal{margin:var(--lumo-space-s) 0}& vaadin-horizontal-layout{width:100%}& .package-card{cursor:pointer;border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-m);border-radius:var(--lumo-border-radius-xl);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 6px #0000000a;&.selected-package-card,&:hover{background-color:var(--erc-gray-lighter);border:1px solid var(--lumo-primary-color)}& .control-unit-type-label{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);background:var(--lumo-primary-color);color:#fff;text-wrap:nowrap;border-radius:20px;padding:2px 10px;font-style:normal;font-weight:600;line-height:134%}& .package-header{width:100%;& .label-value-pair-label-part,& vaadin-icon{color:var(--lumo-primary-text-color)}& .label-value-pair-value-part{font-weight:600}}& .package-control-unit-and-filename{& .package-filename-label{color:var(--lumo-primary-text-color);font-size:var(--lumo-font-size-s)}}& .package-remap-and-addons{& .label-value-pair-value-part{color:var(--lumo-primary-text-color)}}& .package-comment-and-price{& .package-file-project-price{justify-content:end}}& .package-total-price-value{margin-left:auto}}& .package-comment-label{width:100%;color:var(--lumo-body-text-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:500;line-height:180%}& .package-comment-and-total-price{& .package-comment-value{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);width:100%;font-style:normal;font-weight:400;line-height:180%}& .package-total-price-value{justify-content:end;& .label-value-pair-label-part,& .label-value-pair-value-part{color:var(--lumo-primary-text-color)}}}&.package-listing-no-prices{& .package-comment-and-total-price{& .package-total-price-value{display:none!important}}& .package-comment-and-price{& .package-file-project-price{display:none!important}}}}html{--lumo-font-family:"Inter", sans-serif;--lumo-font-family-heading:"Open Sans", sans-serif;--lumo-space-xs:.25rem;--lumo-space-s:.5rem;--lumo-space-m:1rem;--lumo-space-l:1.25rem;--lumo-space-xl:2.5rem;--lumo-border-radius:12px;--lumo-border-radius-m:8px;--lumo-border-radius-l:12px;--lumo-border-radius-xl:16px;--lumo-size-xl:3rem;--lumo-size-l:2.5rem;--lumo-size-m:2rem;--lumo-size-s:1.75rem;--lumo-size-xs:1.5rem;--lumo-font-size:1rem;--lumo-font-size-xxxl:2.5rem;--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-icon-size-l:1.75em;--lumo-primary-text-color:#00aeff;--lumo-primary-color-90pct:#00aeffe6;--lumo-primary-color-50pct:#00aeff80;--lumo-primary-color-10pct:#00aeff1a;--lumo-primary-color:#00aeff;--lumo-primary-contrast-color:#f0f0f0;--lumo-error-text-color:#e82409;--lumo-error-color-50pct:#e8240980;--lumo-error-color-10pct:#e824091a;--lumo-error-color:#e82409;--lumo-success-text-color:#43c115;--lumo-success-color-90pct:#43c115e6;--lumo-success-color-50pct:#43c11580;--lumo-success-color-10pct:#43c1151a;--lumo-success-color:#43c115;--lumo-body-text-color:#121212f0;--app-color:#eff4fb;--erc-dark-orange:#e82409;--erc-orange:#ff5419;--erc-dark-green:#17843f;--erc-gray:#6a7b8d;--erc-black:#121212f0;--erc-black-soft:#12121285;--erc-grey-light-10:#9ea1a81a;--erc-grey-light-20:#9ea1a833;--erc-grey-light-25:#9ea1a840;--erc-grey-light-50:#9ea1a880;--erc-grey-light:#9ea1a8;--erc-gray-lighter:#f4f6f8;--erc-red:#c43d4b;--erc-black-purple:#0d1424;--erc-border-radius-pill:9999px}[theme~=dark]{--lumo-base-color:#001f2e;--lumo-primary-text-color:#00aeff;--lumo-primary-color-50pct:#00aeff80;--lumo-primary-color-10pct:#00aeff1a;--lumo-primary-color:#00aeff;--lumo-error-text-color:#ca3612;--lumo-error-color-50pct:#ca361280;--lumo-error-color-10pct:#ca36121a;--lumo-error-color:#ca3612;--lumo-success-text-color:#379315;--lumo-success-color-90pct:#379315e6;--lumo-success-color-50pct:#37931580;--lumo-success-color-10pct:#3793151a;--lumo-success-color:#379315;--component-sizes-button-button-horizontal-padding-icon:9px}vaadin-text-field::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct);background-color:var(--lumo-base-color)}vaadin-text-field[invalid]::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-error-color)}vaadin-app-layout::part(drawer){width:auto}vaadin-button{--lumo-border-radius-m:calc(var(--lumo-button-size) / 2)}vaadin-button:hover{cursor:pointer}vaadin-grid{border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6}body{background-color:var(--app-color);background-position-x:right;background-size:cover}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column,.flex-row{flex-direction:column}.flex-baseline{justify-content:center;align-items:baseline;display:flex}.flex-space-between{justify-content:space-between;align-items:center;display:flex}.flex-grow-1{flex-grow:1}.white-card-wrapper{padding:var(--lumo-space-l);border-radius:var(--lumo-border-radius-xl);border:1px solid var(--lumo-contrast-10pct);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 6px #0000000a}.white-card-wrapper h3{color:unset}.label-value-pair{column-gap:var(--lumo-space-s);flex-wrap:wrap;justify-content:flex-start;width:100%;display:flex}.pl{padding-left:var(--lumo-space-m)}.pr{padding-right:var(--lumo-space-m)}.pt{padding-top:var(--lumo-space-m)}.pb{padding-bottom:var(--lumo-space-m)}.hand-cursor:hover{cursor:pointer}.fully-width-checkbox-group vaadin-checkbox::part(label){width:100%;max-width:100%}.fully-width-checkbox-group vaadin-checkbox label{width:100%}.user-popover::part(content){flex-direction:column;display:flex}.gap-s{gap:var(--lumo-space-s)}.gap-m{gap:var(--lumo-space-m)}.wrap-anywhere{word-break:break-word;overflow-wrap:anywhere}.flex-row-to-column{flex-flow:wrap;justify-content:flex-start;display:flex}@media (width<=768px){.flex-row-to-column{& vaadin-combo-box,& vaadin-text-field,& vaadin-button,& vaadin-date-picker{width:100%}}vaadin-button.icon-only-mobile::part(label){min-width:unset;display:none}vaadin-button.icon-only-mobile{padding:var(--lumo-space-s)}vaadin-button.icon-only-mobile::part(prefix){margin-inline-end:0}}vaadin-checkbox[theme~=switch]::part(checkbox){width:var(--lumo-size-m);border-radius:9999px}vaadin-checkbox[theme~=switch]::part(checkbox):after{content:"";height:calc(var(--lumo-size-m) / 3);background-color:var(--lumo-secondary-text-color);margin:calc(var(--lumo-size-m) / 12);opacity:1;width:calc(var(--lumo-size-m) / 3);border-radius:9999px;transition:transform .2s;inset:0}vaadin-checkbox[theme~=switch][checked]::part(checkbox):after{background-color:var(--lumo-primary-contrast-color);transform:translateX(calc(var(--lumo-size-m) / 2))}.margin-auto-divider,.margin-left-auto-divider{margin-left:auto!important}.margin-top-auto-divider{margin-top:auto}.upload-with-only-button{& vaadin-upload-file-list{display:none}}.custom-wrap-text{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.border-divider-horizontal{border-bottom:1px solid #dee2e6;width:100%}.border-divider-vertical{border-left:1px solid var(--erc-grey-light-25);align-self:stretch}.erc-heading{color:var(--lumo-primary-text-color);font-family:var(--lumo-font-family-heading), serif;font-size:var(--lumo-font-size-m);font-style:normal;font-weight:600;line-height:125.303%}.erc-menu-text{color:#000;text-align:center;width:100%;font-family:var(--lumo-font-family), serif;font-size:var(--lumo-font-size-xs);font-style:normal;font-weight:600;line-height:134%;display:block}.menu-text{font-family:var(--lumo-font-family), serif;font-size:var(--lumo-font-size-xs);font-style:normal;font-weight:600;line-height:134%}.primary-color-text{color:var(--lumo-primary-color)}vaadin-button.secondary-button{color:#fff;background-color:var(--erc-grey-light)}.custom-icon{width:24px;height:24px;&.error-circle{color:var(--erc-red)}&.check-circle{color:#17843f}}.radio-without-label vaadin-radio-button::part(radio){display:none}.grid-span-2{grid-column:span 2}.erc-heading-title{font-size:var(--lumo-font-size-l);padding-bottom:var(--lumo-space-s);font-weight:600;line-height:1.6}.normal-body-text,.smaller-normal-body-text{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:400;line-height:150%}.secondary-normal-body-text{font-family:var(--lumo-font-family-heading), sans-serif;font-size:12px;font-style:normal;font-weight:300;line-height:125.303%}.accent-body-text{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:600;line-height:134%}.component-text-style-field-label{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-s);font-style:normal;font-weight:500;line-height:17px}.small-body-text{font-family:var(--lumo-font-family), sans-serif;font-size:var(--lumo-font-size-xs);font-style:normal;font-weight:400;line-height:134%}.dtc-codes-combo-box-wrapper{& vaadin-text-field{min-width:50%}& .dtc-codes-list-wrapper{gap:var(--lumo-space-s);flex-flow:wrap;display:flex}& .dtc-code-tag{background-color:var(--lumo-contrast-20pct);color:var(--lumo-body-text-color);border-radius:var(--lumo-border-radius-s);padding:.3125em calc(.5em + var(--lumo-border-radius-s) / 4);align-items:center;gap:var(--lumo-space-xs);font-size:var(--lumo-font-size-xs);display:flex;& .custom-icon{width:var(--lumo-font-size-xs);height:var(--lumo-font-size-xs)}}& .smaller-gap-horizontal-layout{align-items:baseline}}vaadin-grid::part(grid-row-light-warning){background:var(--lumo-warning-color-10pct)}[theme~=badge][theme~=pill]{border-radius:var(--erc-border-radius-pill);height:32px}.smaller-gap-horizontal-layout,.smaller-gap-vertical-layout{gap:var(--lumo-space-s);align-items:center}.dashed-border{border-bottom:1px dashed var(--erc-grey-light-50);width:100%;margin-top:var(--lumo-space-s);margin-bottom:var(--lumo-space-s)}vaadin-confirm-dialog-overlay::part(content),vaadin-dialog-overlay::part(content),vaadin-confirm-dialog::part(content),vaadin-dialog::part(content){padding-left:var(--lumo-space-xl);padding-right:var(--lumo-space-xl)}vaadin-confirm-dialog-overlay::part(header),vaadin-dialog-overlay::part(header),vaadin-confirm-dialog::part(header),vaadin-dialog::part(header){padding:2rem var(--lumo-space-xl);color:var(--lumo-primary-text-color);& h2,& h3,& [slot=header],& [slot=title],& h2[slot=title]{color:var(--lumo-primary-text-color)!important}}vaadin-dialog-overlay [slot=header],vaadin-dialog-overlay [slot=title],vaadin-dialog [slot=header],vaadin-dialog [slot=title]{color:var(--lumo-primary-text-color)!important}vaadin-confirm-dialog-overlay,vaadin-dialog-overlay,vaadin-confirm-dialog,vaadin-dialog{& [slot=header]{color:var(--lumo-primary-text-color)!important}}vaadin-confirm-dialog-overlay::part(footer),vaadin-confirm-dialog::part(footer){padding:2rem var(--lumo-space-xl)}.dialog-title{color:var(--lumo-primary-text-color)}.full-width{width:100%}