@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.navbar::part(menu-bar-button){background-color:#fff}vaadin-app-layout::part(drawer){background-color:#f0f8ff}vaadin-select-overlay::part(overlay){background-color:#f0f8ff}vaadin-select-overlay::part(content){background-color:#f0f8ff}vaadin-select::part(input-field){background-color:#f0f8ff}.navbar::part(container){justify-content:center}.displayer{width:100px;height:25px;border-radius:4px;text-align:center;font-weight:700;font-size:15px;line-height:25px;color:#fff;margin-bottom:5px}.busy{background-color:#ff4d4d}.free{background-color:#0c6}.connector-div{border-radius:50px;background:#d2d8e9;box-shadow:14px 14px 28px #7b8fca,-14px -14px 28px #a7c1ff}body{font-family:Poppins,sans-serif}.stop-scrolling{height:100%;overflow:hidden}a{text-decoration:none}+.logo{display:flex;align-items:center;cursor:pointer}.logo img{width:40px;margin-right:.6rem;margin-top:-.6rem}.logo h3{color:var(--darkTwo);font-size:1.55rem;line-height:1.2;font-weight:700}.btn{display:inline-block;padding:.9rem 1.9rem;color:#fff!important;background-color:var(--mainColor);border-radius:16px;text-transform:capitalize;transition:.3s}.btn:hover{background-color:var(--hoverColor);transform:scale(1)!important}.showcase-area .container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center}.big-title{font-size:1.4rem;color:var(--darkOne);text-transform:capitalize;line-height:1.4}.text{color:var(--lightOne);font-size:1.1rem;margin:1.9rem 0 2.5rem;max-width:600px;line-height:2.3}.showcase-area .btn{box-shadow:0 0 40px 2px #0000000d}.vehicle-image{width:123%;transform:translate(15%,25px)}.shape{position:absolute;z-index:0;width:500px;bottom:-180px;left:-15px;opacity:.1}.copy{position:absolute;top:0;left:0;z-index:100;animation:appear 1s 1 both}@keyframes appear{0%{clip-path:circle(30% at -25% -25%)}to{clip-path:circle(150% at 0 0)}}@media screen and (max-width: 870px){.big-wrapper.active .links{transform:translate(0);box-shadow:0 0 50px 2px #0006}.showcase-area{padding:2.5rem 0;max-width:700px;margin:0 auto}.showcase-area .container{grid-template-columns:1fr;justify-content:center;grid-gap:2rem}.big-title{font-size:1.1rem}.text{font-size:.95rem;margin:1.4rem 0 1.5rem}.vehicle-image{width:100%;transform:none}.logo h3{font-size:1.25rem}.shape{bottom:-180px;left:-150px}}@media screen and (max-width: 470px){.container{padding:0 1.5rem}.big-title{font-size:.9rem}.text{margin:1.1rem 0 1.5rem}.showcase-area .btn{font-size:.8rem}}.market-btn{display:inline-block;padding:.3125rem .875rem .3125rem 2.8125rem;-webkit-transition:border-color .25s ease-in-out,background-color .25s ease-in-out;transition:border-color .25s ease-in-out,background-color .25s ease-in-out;border:1px solid #e7e7e7;background-position:center left .75rem;background-color:#fff;background-size:1.5rem 1.5rem;background-repeat:no-repeat;text-decoration:none}.market-btn .market-button-title{display:block;color:#222;font-size:1.125rem}.market-btn .market-button-subtitle{display:block;margin-bottom:-.25rem;color:#888;font-size:.75rem}.market-btn:hover{background-color:#f7f7f7;text-decoration:none}.apple-btn{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)}.google-btn{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}.dashboard-card{display:flex;flex-direction:row;align-items:center;padding:2px;margin-top:5px;background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-xs);border-radius:10px;height:35px;text-align:left;width:auto}.card-icon{color:var(--lumo-primary-color);font-size:15px}.card-title{font-size:var(--lumo-font-size-xxs);color:var(--lumo-secondary-text-color);margin:0;width:40%}.card-value{font-size:var(--lumo-font-size-s);font-weight:700;color:var(--lumo-body-text-color)}.nav-welcome-text{font-weight:700;font-style:italic;margin-top:2%;font-size:1rem}.selected-types-container{max-height:100px;overflow-y:auto}.type{display:inline-block;padding:5px 10px;background-color:#0a9581;border-radius:20px;margin-right:10px;margin-bottom:10px;font-family:Arial,sans-serif;font-size:14px;color:#fff;text-decoration:none;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease}.navbar-item{background-color:#0a9581;padding:5px 10px;border-radius:20px;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#0a9581;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0a9581}.header-title-layout{justify-content:end}.header-title-span{font-weight:700;font-size:150%}.footer-icon{color:#00f;font-size:80%}.address-layout{justify-content:space-between;font-weight:700}.station-group-dialog-content{align-items:center}.connector-group-layout{border:2px solid #ccc;border-radius:35px;background-color:#d2d8e9;align-items:center}.connector-header-group-layout{width:50%;justify-content:space-between}.connector-type-span,.connector-power-span{font-size:110%;font-weight:700}.prices-layout{width:95%}.price-layout{border:2px solid #ccc;border-radius:25px;padding:5px;background-color:#fff;align-items:center;justify-content:space-between}.price-span{font-size:80%;font-weight:700}.price-name-span{font-size:70%;font-weight:700}.connectors-layout{align-items:center;word-spacing:5px}.connector-layout{width:95%;justify-content:space-between;border-radius:35px;border:2px solid #ccc;padding:10px;background-color:#fff}.left-time-span{font-weight:700;font-size:90%}.con-serial-num-span{font-weight:700}.con-current-consumption{color:red}.con-status-span{border:2px solid #ccc;border-radius:10px;padding:2px;color:#fff}.current-consumption-span{border:2px solid #ccc;border-radius:10px;padding:2px;color:#fff;background-color:#00f}.status-free{background-color:green}.status-preparing{background-color:#00008b}.status-maintenance{background-color:#666}.status-busy{background-color:red}.status-charging{background-color:#8b0000}.status-finishing{background-color:purple}.station-block{background:#f5f7fa;border:1px solid #d0d7e1;border-radius:8px;padding:12px;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.indentation{padding:0;margin:0;gap:0}.evse-grid{--lumo-size-m: 21px}.evse-card-layout{justify-content:space-between;border-radius:10px;padding:10px;background-color:#fff}.status-green{border:3px solid green}.status-orange{border:3px solid orange}.status-red{border:3px solid red}.connector-grid{--lumo-size-m: 23px}:host slot:not([name]){overflow:visible;white-space:normal}.groups-container{max-height:800px;overflow-y:auto}.users-container{max-height:100px;overflow-y:auto}.new-charger-prop-span{font-size:16px;width:30%;font-weight:700}.new-charger-prop-value{width:70%;font-size:16px}.scrollable-horizontal{overflow-x:hidden;overflow-y:hidden;overflow-block:scroll;box-sizing:border-box;flex-shrink:0}vaadin-grid.styling::part(blue){background-color:#00f;color:#fff}vaadin-grid.styling::part(green){background-color:green;color:#fff}vaadin-grid.styling::part(red){background-color:red;color:#fff}vaadin-grid.styling::part(orange){background-color:orange;color:#fff}vaadin-grid.styling::part(lightgreen){background-color:#90ee90;color:#000}vaadin-grid.styling::part(grey){background-color:gray;color:#fff}vaadin-grid.styling::part(yellow){background-color:#ff0;color:#000}.marker-red{background-color:red}.marker-blue{background-color:#00f}@keyframes glow{0%{box-shadow:0 0 20px red}50%{box-shadow:0 0 40px red,0 0 80px #ff3232e6}to{box-shadow:0 0 20px red}}.marker-active{z-index:1000!important;animation:glow 1s infinite alternate ease-in-out;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.marker-green{background-color:green}.marker-lightgreen{background-color:#90ee90}.marker-orange{background-color:orange}.marker-grey{background-color:gray}.marker-yellow{background-color:#ff0;color:#000!important}.marker{color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-family:Arial,sans-serif;font-weight:700;text-align:center;box-shadow:2px 2px 5px #0000004d;display:flex;justify-content:center;align-items:center;width:80px;height:30px}.new-chargers-total{border:2px solid green;border-radius:10px;padding:2px;color:#000}.chart-layout{display:flex;border-radius:10px;padding:10px;border:3px solid grey}.monthly-consumption-chart-layout,.monthly-sum-chart-layout,.total-accounts-chart-layout{border-radius:10px;padding:10px;border:3px solid grey}.chart-title{font-family:roboto;font-size:110%}.total-chargers-count{font-family:Open Sans,sans-serif;font-size:280%;color:#00008b;font-weight:700}.total-charging-vehicles-count{font-family:Open Sans,sans-serif;font-size:280%;color:#006400;font-weight:700}.total-current-expenditure{font-family:Open Sans,sans-serif;font-size:230%;color:red;font-weight:700}.total-consumed{font-family:Open Sans,sans-serif;font-size:230%;color:#006400;font-weight:700}.monthly-consumption,.monthly-sum{font-family:Open Sans,sans-serif;font-size:280%;color:#006400;font-weight:700}@media (max-width: 1200px){.monthly-sum{font-size:170%}.chart-title{font-size:90%}.monthly-consumption{font-size:170%}}.stats-column{display:flex;align-items:center;justify-content:center;background-color:#ccc}.diff-stats-column{display:flex;align-items:center;justify-content:center;background-color:bisque}.grid-details-layout{border:2px solid black;border-radius:10px;padding:2px}.accounts-total{border:2px solid green;border-radius:10px;padding:2px;color:#000}.payment-card-layout{justify-content:space-between;border-radius:10px;padding:10px;background-color:#fff;border:3px solid grey}.key-value-layout{padding:1rem;background-color:#fdfdfd;border:1px solid #ddd;border-radius:8px;column-gap:2rem}.key-label{color:#444}.value-label{color:#222}