.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{display:flex;flex-direction:column;gap:var(--lumo-space-m);max-width:1024px;width:100%;margin:0 auto;padding:var(--lumo-space-m);box-sizing:border-box}@media (max-width: 480px){.charging-view-container{padding:var(--lumo-space-s);gap:var(--lumo-space-s)}.vehicle-custom-fields,.schedule-grid,.advanced-section{grid-template-columns:1fr}.advanced-section .full-width{grid-column:span 1}}.charging-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);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(--lumo-font-size-s)}.vehicle-section{display:flex;flex-direction:column;align-items:center;text-align:center}.vehicle-svg{width:180px;height:80px;margin-bottom:var(--lumo-space-s)}.vehicle-name{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-m)}.soc-display{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--lumo-space-m);width:100%;text-align:center}.soc-column{display:flex;flex-direction:column}.soc-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.soc-value{font-size:var(--lumo-font-size-xl);font-weight:600}.soc-value.accent{color:var(--lumo-primary-text-color)}.soc-range{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.change-vehicle-toggle{display:flex;align-items:center;justify-content:center;gap:var(--lumo-space-xs);width:100%;padding:var(--lumo-space-s) 0;margin-top:var(--lumo-space-s);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);cursor:pointer;background:none;border:none}.change-vehicle-toggle:hover{color:var(--lumo-primary-text-color)}.vehicle-selection{border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-m);margin-top:var(--lumo-space-s)}.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:var(--lumo-space-s)}.charging-speed-header .power-value{font-size:var(--lumo-font-size-l);font-weight:600}.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:1fr 1fr;gap:var(--lumo-space-s);border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-m);margin-top:var(--lumo-space-s)}.advanced-section vaadin-integer-field,.advanced-section vaadin-number-field{min-width:0}.advanced-section .full-width{grid-column:span 2}.charging-loss-row{display:flex;align-items:center;gap:var(--lumo-space-s)}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--lumo-space-s)}.schedule-grid vaadin-date-picker,.schedule-grid vaadin-time-picker{min-width:0}.calc-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--lumo-space-s);margin-top:var(--lumo-space-m)}.calc-mode-btn{padding:var(--lumo-space-s) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-s);font-weight:500;cursor:pointer;border:none;transition:all .2s}.calc-mode-btn.active{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.calc-mode-btn.inactive{background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}[theme~=dark] .calc-mode-btn.inactive{background:var(--lumo-contrast-20pct)}.summary-rows{display:flex;flex-direction:column;gap:var(--lumo-space-s)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--lumo-space-xs) 0}.summary-row .label{color:var(--lumo-secondary-text-color);display:flex;align-items:center;gap:var(--lumo-space-xs)}.summary-row .value{font-weight:500}.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-10pct);padding-top:var(--lumo-space-m);margin-top:var(--lumo-space-xs)}.total-cost-row .label{font-weight:600;color:var(--lumo-body-text-color)}.total-cost-row .value{font-size:var(--lumo-font-size-xl);font-weight:700}.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}