.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:600px;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{--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:240px}vaadin-dialog-overlay::part(overlay){width:420px}