.animate-ping{animation:ping 1s cubic-bezier(0,0,1,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.opacity-75{opacity:.75}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[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}[slot=drawer]:is(header,footer):is(:empty){display:none}.e-v-statistics-view vaadin-board-row>*{border-bottom:1px solid var(--lumo-contrast-10pct);border-right:1px solid var(--lumo-contrast-10pct)}.e-v-statistics-view vaadin-board-row.small>*{border-right:none}.e-v-statistics-view vaadin-board-row.medium>*:nth-child(2n),.e-v-statistics-view vaadin-board-row.medium>*:only-child{border-right:none}.e-v-statistics-view vaadin-board-row.large>*:last-child{border-right:none}.charging-view-container{--cv-base: 14px;--cv-h1: 28px;--cv-h2: 22px;--cv-h3: 17px;--cv-label: 12px;--cv-pad: 16px;--cv-gap: 14px;--cv-radius: 12px;--cv-control: 40px;--dual-slider-value-size: var(--cv-h2);--single-slider-value-size: var(--cv-h2);display:flex;flex-direction:column;gap:var(--cv-gap);max-width:1024px;width:100%;margin:0 auto;padding:var(--cv-pad);box-sizing:border-box;font-size:var(--cv-base)}@media (min-width: 600px){html:not(.density-compact):not(.density-comfortable) .charging-view-container{--cv-base: 18px;--cv-h1: 56px;--cv-h2: 36px;--cv-h3: 24px;--cv-label: 14px;--cv-pad: 24px;--cv-gap: 20px;--cv-radius: 14px;--cv-control: 56px}}html.density-comfortable .charging-view-container{--cv-base: 18px;--cv-h1: 56px;--cv-h2: 36px;--cv-h3: 24px;--cv-label: 14px;--cv-pad: 24px;--cv-gap: 20px;--cv-radius: 14px;--cv-control: 56px}html:where(.brand-polestar) .charging-view-container{--cv-radius: 0 !important}@media (max-width: 480px){.vehicle-custom-fields{grid-template-columns:1fr}}.charging-card{background:var(--lumo-base-color);border-radius:var(--cv-radius);padding:var(--cv-pad);box-shadow:var(--lumo-box-shadow-xs);border:1px solid var(--lumo-contrast-10pct);box-sizing:border-box;overflow:hidden}[theme~=dark] .charging-card{background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-20pct)}.charging-card-header{color:var(--lumo-secondary-text-color);font-size:var(--cv-label);text-transform:uppercase;letter-spacing:1px;font-weight:500;margin-bottom:calc(var(--cv-gap) * .6);display:flex;align-items:center;gap:calc(var(--cv-label) * .5)}.charging-card-header vaadin-icon{color:var(--lumo-primary-text-color);width:calc(var(--cv-label) * 1.3);height:calc(var(--cv-label) * 1.3)}.hero-card{display:flex;flex-direction:column;gap:var(--cv-gap)}.vehicle-chip{display:flex;align-items:center;gap:var(--cv-gap);padding:calc(var(--cv-pad) * .5) calc(var(--cv-pad) * .7);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--cv-radius);background:var(--lumo-base-color);color:var(--lumo-body-text-color);cursor:pointer;text-align:left;width:100%;box-sizing:border-box;font-family:inherit}[theme~=dark] .vehicle-chip{background:var(--lumo-contrast-5pct);border-color:var(--lumo-contrast-20pct)}.vehicle-chip:hover{border-color:var(--lumo-primary-color-50pct)}.vehicle-chip .car-svg-container{flex:0 0 auto}.vehicle-chip .car-svg-container img{width:calc(var(--cv-h2) * 2.2);height:auto;object-fit:contain;display:block}.vehicle-chip-text{flex:1;min-width:0}.vehicle-name{display:block;font-size:var(--cv-h3);font-weight:600;letter-spacing:-.3px;line-height:1.1}.vehicle-meta{display:block;font-size:var(--cv-label);color:var(--lumo-secondary-text-color);margin-top:2px}.change-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--cv-base) * 2.4);height:calc(var(--cv-base) * 2.4);color:var(--lumo-body-text-color);border:1px solid var(--lumo-contrast-30pct);border-radius:50%;background:var(--lumo-base-color)}.change-chip vaadin-icon{width:calc(var(--cv-base) * 1.1);height:calc(var(--cv-base) * 1.1)}[theme~=dark] .change-chip{border-color:var(--lumo-contrast-30pct);background:var(--lumo-contrast-5pct)}.vehicle-chip:hover .change-chip{border-color:var(--lumo-primary-color);color:var(--lumo-primary-text-color)}.soc-display{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--cv-gap);width:100%;align-items:baseline}.soc-column{display:flex;flex-direction:column;gap:4px}.soc-column.center{text-align:center;align-items:center}.soc-column.right{text-align:right;align-items:flex-end}.soc-label{font-size:var(--cv-label);color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.5px}.soc-value{font-size:var(--cv-h2);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.soc-value .unit{font-size:var(--cv-h3);color:var(--lumo-secondary-text-color);font-weight:700;margin-left:1px}.soc-value.accent,.soc-value.accent .unit{color:var(--lumo-primary-text-color)}.soc-range{font-size:var(--cv-label);color:var(--lumo-secondary-text-color);font-variant-numeric:tabular-nums;white-space:nowrap}.vehicle-sheet-overlay{position:fixed;inset:0;z-index:100;opacity:0;visibility:hidden;pointer-events:none}.vehicle-sheet-overlay[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease-out}.vehicle-sheet-backdrop{position:absolute;inset:0;background:#0000;transition:background .2s ease-out}.vehicle-sheet-overlay[data-open=true] .vehicle-sheet-backdrop{background:#00000080}.vehicle-sheet{position:absolute;bottom:0;left:0;right:0;margin:0 auto;max-width:720px;box-sizing:border-box;background:var(--lumo-base-color);border-top-left-radius:calc(var(--cv-radius) * 1.5);border-top-right-radius:calc(var(--cv-radius) * 1.5);padding:var(--cv-pad);max-height:80vh;overflow:auto;box-shadow:0 -8px 40px #0000004d;transform:translateY(100%);transition:transform .25s ease-out;display:flex;flex-direction:column;gap:var(--cv-gap)}.vehicle-sheet-overlay[data-open=true] .vehicle-sheet{transform:translateY(0)}.vehicle-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--cv-gap) * .4)}.vehicle-sheet-header h3{font-size:var(--cv-h3);font-weight:700;margin:0}.vehicle-custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.vehicle-custom-fields vaadin-number-field{min-width:0}.image-change-section{border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-m);margin-top:var(--lumo-space-m);display:flex;flex-direction:column;gap:var(--lumo-space-s)}.image-change-section vaadin-upload{--vaadin-upload-button-add-display: flex}.image-url-row{display:flex;gap:var(--lumo-space-s);align-items:flex-end}.image-url-row vaadin-text-field{flex:1;min-width:0}.image-url-row vaadin-button{flex-shrink:0}.dual-slider-container{position:relative;height:64px;padding-top:var(--lumo-space-s)}.slider-track{position:absolute;width:100%;height:6px;background:var(--lumo-contrast-20pct);border-radius:3px;top:20px}[theme~=dark] .slider-track{background:var(--lumo-contrast-30pct)}.slider-range{position:absolute;height:6px;background:var(--lumo-primary-color);border-radius:3px;top:20px}.slider-thumb{position:absolute;width:20px;height:20px;background:#fff;border:2px solid var(--lumo-primary-color);border-radius:50%;top:13px;cursor:grab;box-shadow:var(--lumo-box-shadow-s);transform:translate(-50%)}.slider-thumb:active{cursor:grabbing}.slider-labels{display:flex;justify-content:space-between;position:absolute;width:100%;bottom:0;font-size:var(--lumo-font-size-s);font-weight:500}.charge-level-summary{display:flex;justify-content:space-between;margin-top:var(--lumo-space-m);font-size:var(--lumo-font-size-s)}.charge-level-summary strong{font-weight:600}.charging-speed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--cv-gap) * .5)}.charging-speed-header .power-value{font-size:var(--cv-h3);font-weight:700;font-variant-numeric:tabular-nums}.amperage-readout{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.amperage-readout .amps{font-size:var(--cv-h2);font-weight:700;font-variant-numeric:tabular-nums}.amperage-readout .phases{font-size:var(--cv-h3);color:var(--lumo-secondary-text-color)}.amperage-value{display:block;text-align:center;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);margin-top:var(--lumo-space-xs);width:100%}.advanced-toggle{margin-top:var(--lumo-space-s)}.advanced-toggle summary,.advanced-toggle [slot=summary]{display:flex;align-items:center;justify-content:center;gap:var(--lumo-space-xs);width:100%;padding:var(--lumo-space-s) 0;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);cursor:pointer;background:none;border:none;list-style:none}.advanced-toggle summary::-webkit-details-marker{display:none}.advanced-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cv-gap) * .5);border-top:1px dashed var(--lumo-contrast-10pct);padding-top:calc(var(--cv-gap) * .5);margin-top:calc(var(--cv-gap) * .4)}.advanced-section vaadin-integer-field,.advanced-section vaadin-number-field{min-width:0;--vaadin-field-default-width: 100%}.advanced-section vaadin-integer-field::part(label),.advanced-section vaadin-number-field::part(label){font-size:var(--cv-label);text-transform:uppercase;letter-spacing:.5px;color:var(--lumo-secondary-text-color)}.advanced-section .full-width{grid-column:span 1}@media (min-width: 481px) and (max-width: 599px){.advanced-section{grid-template-columns:1fr 1fr}.advanced-section .full-width{grid-column:span 2}}@media (max-width: 480px){.advanced-section{grid-template-columns:1fr}.advanced-section .full-width{grid-column:span 1}}.charging-loss-row{display:flex;align-items:center;gap:var(--lumo-space-s)}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cv-gap) * .6)}.schedule-grid vaadin-date-picker,.schedule-grid vaadin-time-picker{min-width:0}.schedule-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cv-gap) * .4)}@media (max-width: 899px){.schedule-pair{grid-template-columns:1fr}}@media (max-width: 480px){.schedule-grid{grid-template-columns:1fr}}.schedule-mode{display:inline-flex;align-items:center;gap:4px;text-transform:none;letter-spacing:0;font-size:var(--cv-label);color:var(--lumo-secondary-text-color)}.schedule-mode .schedule-mode-flip{background:none;border:none;color:var(--lumo-primary-text-color);font-weight:600;cursor:pointer;padding:0;font-family:inherit;font-size:inherit}.schedule-mode .schedule-mode-flip:hover{text-decoration:underline}.calc-mode-buttons{display:none}.duration-row{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--cv-gap) * .7);padding-top:calc(var(--cv-label) * .6);border-top:1px solid var(--lumo-contrast-10pct)}.duration-row .label{display:inline-flex;align-items:center;gap:calc(var(--cv-label) * .4);font-size:var(--cv-label);color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.5px}.duration-row .value{font-size:var(--cv-h3);font-weight:700;font-variant-numeric:tabular-nums}.summary-rows{display:flex;flex-direction:column;gap:calc(var(--cv-label) * .3)}.summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:calc(var(--cv-label) * .4) 0;font-size:var(--cv-base)}.summary-row .label{color:var(--lumo-secondary-text-color);display:flex;align-items:center;gap:var(--lumo-space-xs)}.summary-row .value{font-weight:600;font-variant-numeric:tabular-nums}.summary-row .value.warning{color:var(--lumo-error-text-color)}.summary-row .value.primary{color:var(--lumo-primary-text-color)}.total-cost-row{border-top:1px solid var(--lumo-contrast-20pct);padding-top:calc(var(--cv-gap) * .5);margin-top:calc(var(--cv-gap) * .5)}.total-cost-row .label{font-size:var(--cv-h3);font-weight:700;color:var(--lumo-body-text-color)}.total-cost-row .value{font-size:var(--cv-h2);font-weight:700;color:var(--lumo-success-text-color)}.amperage-slider-container{display:flex;flex-direction:column;gap:var(--lumo-space-s)}.amperage-label{display:flex;justify-content:space-between;align-items:baseline}.amperage-label-text{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.amperage-value{font-size:var(--lumo-font-size-l);font-weight:600;color:var(--lumo-body-text-color)}.single-slider{width:100%;height:6px;border-radius:3px;background:var(--lumo-contrast-20pct);appearance:none;-webkit-appearance:none;outline:none}[theme~=dark] .single-slider{background:var(--lumo-contrast-30pct)}.single-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--lumo-primary-color);border:3px solid white;border-radius:50%;cursor:grab;box-shadow:0 1px 3px #0000004d}.single-slider::-webkit-slider-thumb:active{cursor:grabbing}.single-slider::-moz-range-thumb{width:16px;height:16px;background:var(--lumo-primary-color);border:3px solid white;border-radius:50%;cursor:grab;box-shadow:0 1px 3px #0000004d}.charging-card-header vaadin-icon{color:var(--lumo-primary-text-color)}html:where(.brand-tesla){--lumo-primary-color: #3E6AE1;--lumo-primary-text-color: #3E6AE1;--lumo-primary-color-50pct: rgba(62, 106, 225, .5);--lumo-base-color: #FFFFFF;--lumo-body-text-color: #393C41}html[theme~=dark]:where(.brand-tesla){--lumo-primary-color: #3E6AE1;--lumo-primary-text-color: #6A8FE6;--lumo-base-color: #171A20;--lumo-body-text-color: rgba(255, 255, 255, .85)}html:where(.brand-bmw){--lumo-primary-color: #1C69D4;--lumo-primary-text-color: #0653B6;--lumo-primary-color-50pct: rgba(28, 105, 212, .5);--lumo-base-color: #FFFFFF;--lumo-body-text-color: #262626}html[theme~=dark]:where(.brand-bmw){--lumo-primary-color: #1C69D4;--lumo-primary-text-color: #4F8FE3;--lumo-base-color: #1A2129;--lumo-body-text-color: rgba(255, 255, 255, .85)}html:where(.brand-polestar){--lumo-primary-color: #E07020;--lumo-primary-text-color: #C45E10;--lumo-primary-color-50pct: rgba(224, 112, 32, .5);--lumo-border-radius-s: 0;--lumo-border-radius-m: 0;--lumo-border-radius-l: 0}html[theme~=dark]:where(.brand-polestar){background-color:#141414;--lumo-primary-color: #E07020;--lumo-primary-text-color: #E07020;--lumo-primary-color-50pct: rgba(224, 112, 32, .5);--lumo-primary-color-10pct: rgba(224, 112, 32, .1);--lumo-base-color: #141414;--lumo-contrast-5pct: #1E1E1E;--lumo-contrast-10pct: #282828;--lumo-contrast-20pct: #333333;--lumo-shade-5pct: #1E1E1E;--lumo-shade-10pct: #282828;--lumo-shade-20pct: #333333;--lumo-header-text-color: #FFFFFF;--lumo-body-text-color: #BBBBBB;--lumo-secondary-text-color: #777777;--lumo-tertiary-text-color: #777777;--lumo-disabled-text-color: #444444}html[theme~=dark]:where(.brand-polestar) vaadin-app-layout::part(navbar),html[theme~=dark]:where(.brand-polestar) vaadin-app-layout::part(drawer){background-color:#141414;border-color:#2e2e2e}html:where(.brand-porsche){--lumo-primary-color: #D5001C;--lumo-primary-text-color: #D5001C;--lumo-primary-color-50pct: rgba(213, 0, 28, .5)}html:not([theme~=dark]):where(.brand-porsche){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #1C1C1C}html[theme~=dark]:where(.brand-porsche){--lumo-primary-color: #E83A52;--lumo-primary-text-color: #E83A52}html:where(.brand-audi){--lumo-primary-color: #BB0A30;--lumo-primary-text-color: #000000;--lumo-primary-color-50pct: rgba(187, 10, 48, .5)}html:not([theme~=dark]):where(.brand-audi){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #000000}html[theme~=dark]:where(.brand-audi){--lumo-primary-color: #E04055;--lumo-primary-text-color: #E04055}html:where(.brand-mercedes){--lumo-primary-color: #000000;--lumo-primary-text-color: #000000;--lumo-primary-color-50pct: rgba(0, 0, 0, .5)}html:not([theme~=dark]):where(.brand-mercedes){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #1C1C1C}html[theme~=dark]:where(.brand-mercedes){--lumo-primary-color: #B5B5B5;--lumo-primary-text-color: #B5B5B5}html:where(.brand-volkswagen){--lumo-primary-color: #001E50;--lumo-primary-text-color: #001E50;--lumo-primary-color-50pct: rgba(0, 30, 80, .5)}html:not([theme~=dark]):where(.brand-volkswagen){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #1C1C1C}html[theme~=dark]:where(.brand-volkswagen){--lumo-primary-color: #00B0F0;--lumo-primary-text-color: #00B0F0}html:where(.brand-hyundai){--lumo-primary-color: #002C5F;--lumo-primary-text-color: #002C5F;--lumo-primary-color-50pct: rgba(0, 44, 95, .5)}html:not([theme~=dark]):where(.brand-hyundai){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #1C1C1C}html[theme~=dark]:where(.brand-hyundai){--lumo-primary-color: #00AAD2;--lumo-primary-text-color: #00AAD2}html:where(.brand-ford){--lumo-primary-color: #003478;--lumo-primary-text-color: #003478;--lumo-primary-color-50pct: rgba(0, 52, 120, .5)}html:not([theme~=dark]):where(.brand-ford){--lumo-base-color: #FFFFFF;--lumo-body-text-color: #1C1C1C}html[theme~=dark]:where(.brand-ford){--lumo-primary-color: #1F8FFF;--lumo-primary-text-color: #1F8FFF}html{--fullscreen-height: 100%}vaadin-button:hover{cursor:pointer}@supports (-webkit-touch-callout: none){html{--fullscreen-height: calc(100% - 6.5rem) ;--fullscreen-height-charging-updated: calc(100vh + 80rem) }@media (display-mode: standalone){html{--fullscreen-height: calc(100vh - 5rem) ;--fullscreen-height-charging-updated: calc(100vh + 73rem) }}}vaadin-app-layout::part(drawer){width:340px}vaadin-dialog-overlay::part(overlay){width:420px}