@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:url(/assets/fonts/roboto-v32-latin-100.eot);src:url(/assets/fonts/roboto-v32-latin-100.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-100.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-100.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-100.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-100.svg#Roboto)format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/assets/fonts/roboto-v32-latin-300.eot);src:url(/assets/fonts/roboto-v32-latin-300.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-300.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-300.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-300.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-300.svg#Roboto)format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/fonts/roboto-v32-latin-regular.eot);src:url(/assets/fonts/roboto-v32-latin-regular.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-regular.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-regular.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-regular.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-regular.svg#Roboto)format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/fonts/roboto-v32-latin-500.eot);src:url(/assets/fonts/roboto-v32-latin-500.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-500.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-500.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-500.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-500.svg#Roboto)format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/fonts/roboto-v32-latin-700.eot);src:url(/assets/fonts/roboto-v32-latin-700.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-700.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-700.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-700.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-700.svg#Roboto)format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url(/assets/fonts/roboto-v32-latin-900.eot);src:url(/assets/fonts/roboto-v32-latin-900.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/roboto-v32-latin-900.woff2)format("woff2"),url(/assets/fonts/roboto-v32-latin-900.woff)format("woff"),url(/assets/fonts/roboto-v32-latin-900.ttf)format("truetype"),url(/assets/fonts/roboto-v32-latin-900.svg#Roboto)format("svg")}.spinner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100svw;height:100svh;display:flex;position:absolute;inset:0}.spinner .spinner-text{text-align:center;width:75%;height:38px}.spinner .loader{border-radius:50%;width:150px;height:150px;animation:1s linear infinite rotate;display:block;position:relative}.spinner .loader:before,.spinner .loader:after{content:"";box-sizing:border-box;border:10px solid #3f3f3e;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}.spinner .loader:after{border-color:#fcce4c;animation:2s linear infinite prixClipFix,.5s linear infinite reverse rotate;inset:10px}.navbar{z-index:2;background-color:#fff;border-bottom:1px solid #0000001a;justify-content:center;align-items:center;height:0;padding:8px;display:flex;position:fixed;top:0;left:0;right:0}.navbar .navbar-title{text-align:center;width:100%;font-size:1.1rem;font-weight:400}.navbar .navbar-icon{cursor:pointer;position:absolute;top:25%;right:8px}.toolbar{flex-direction:column;width:100%;display:flex}.toolbar .toolbar-filter{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 0 0;display:flex;position:relative}.toolbar .toolbar-filter .btn-selection{color:#3f3f3e;cursor:pointer;background-color:#fff;border:1px solid #3f3f3e;border-radius:100px;height:36px;margin-right:8px;padding:4px 16px;font-family:Roboto,sans-serif;font-size:1rem;transition:all .225s ease-in-out}@media (width<=300px){.toolbar .toolbar-filter .btn-selection{margin-right:4px}}.toolbar .toolbar-filter .btn-active,.toolbar .toolbar-filter .btn-active:hover{color:#f5f5f5;background-color:#3f3f3e}.toolbar .toolbar-filter .btn-filter{cursor:pointer;filter:invert(0);background-color:#fff;border:none;border-radius:100px;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;transition:all .225s ease-in-out;display:flex}.toolbar .toolbar-filter .btn-filter img{object-fit:cover;width:100%;transform:translate(-.4px)}.toolbar .toolbar-filter .btn-filter .filter-active{filter:invert()}.toolbar .toolbar-filter .filter-menu{z-index:-1;opacity:0;background-color:#fff;border-radius:24px;min-width:260px;min-height:0;padding:16px;transition:all .2s ease-out;position:absolute;top:53px;right:0;box-shadow:0 2px 4px #00000005,0 4px 8px #0000000a,0 8px 32px #0003}@media (width<=300px){.toolbar .toolbar-filter .filter-menu{right:-16px}}.toolbar .toolbar-filter .filter-menu .filter-menu-list{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-size:1.2rem;line-height:1.9;display:flex}.toolbar .toolbar-filter .filter-menu .filter-menu-list input{cursor:pointer;width:20px;height:20px;transform:translateY(-1px)}.toolbar .toolbar-filter .filter-menu .filter-menu-list .filter-label{text-transform:capitalize}.toolbar .toolbar-filter .filter-menu-active{z-index:3;opacity:1}.toolbar .toolbar-slider{justify-content:space-between;align-items:center;gap:4px;display:flex}.toolbar .toolbar-slider .toolbar-slider-label{font-size:1rem}.toolbar .toolbar-slider .toolbar-slider-toggle{cursor:pointer;background-color:#74c774;border-radius:100px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;width:51px;height:31px;padding:2px;display:flex}.toolbar .toolbar-slider .toolbar-slider-toggle .toolbar-slider-knob{background-color:#fff;border-radius:100px;width:27px;height:27px;transition:all .225s ease-in-out;transform:translate(20px);box-shadow:0 3px 1px #0000000f,0 3px 8px #00000026,0 0 0 1px #0000000a}.toolbar .toolbar-slider .slider-inactive{background-color:#7f7f7f52}.toolbar .toolbar-slider .slider-inactive .toolbar-slider-knob{transform:translate(0)}.station-container{flex-direction:column;gap:16px;width:100%;display:flex}.station-container .station-tile{cursor:pointer;background:linear-gradient(#fff 0%,#f9f9f7 100%);border-radius:24px;flex-direction:column;width:100%;min-height:92px;margin-bottom:16px;padding:16px;transition:all .225s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005,0 4px 8px #0000000a,0 8px 32px #00000014}.station-container .station-tile .station-small-content{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.station-container .station-tile .station-small-content .station-left{flex-direction:column;gap:6px;min-width:0;display:flex}.station-container .station-tile .station-small-content .station-left .station-brand{letter-spacing:.01em;font-size:1.05rem;font-weight:700}.station-container .station-tile .station-small-content .station-left .station-adress{text-transform:capitalize;color:#3f3f3edb;font-size:.9rem;font-weight:400}@media (width<=330px){.station-container .station-tile .station-small-content .station-left .station-adress{font-size:.8rem}}.station-container .station-tile .station-small-content .station-right{color:#000;opacity:1;flex-shrink:0;padding-top:6px;font-size:1.7rem;font-weight:700;line-height:1;transition:opacity .18s,transform .22s;transform:translateY(0)}@media (width<=348px){.station-container .station-tile .station-small-content .station-right{font-size:1.4rem}}@media (width<=330px){.station-container .station-tile .station-small-content .station-right{font-size:1.2rem}}@media (width<=296px){.station-container .station-tile .station-small-content .station-right{font-size:1rem}}.station-container .station-tile .station-small-content .station-right-hidden{opacity:0;pointer-events:none}.station-container .station-tile .station-large-content{opacity:0;pointer-events:none;flex-direction:column;gap:16px;max-height:0;transition:all .225s ease-in-out;display:flex}.station-container .station-tile .station-large-content .station-large-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.station-container .station-tile .station-large-content .station-large-caption{text-align:center;color:#3f3f3eb3;letter-spacing:.01em;width:100%;font-size:.8rem;font-weight:500;display:block}.station-container .station-tile .station-large-content .station-price-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.station-container .station-tile .station-large-content .station-price-card{background-color:#ffffffe6;border:1px solid #0000000f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex;box-shadow:0 6px 20px #0000000a}.station-container .station-tile .station-large-content .station-price-label{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.station-container .station-tile .station-large-content .fuel-type-label-diesel{color:#457aec}.station-container .station-tile .station-large-content .fuel-type-label-e5{color:#13c388}.station-container .station-tile .station-large-content .fuel-type-label-e10{color:#e85468}.station-container .station-tile .station-large-content .station-price-value{font-size:1.35rem;font-weight:700;line-height:1.1}@media (width<=350px){.station-container .station-tile .station-large-content .station-price-value{font-size:1.1rem}}@media (width<=330px){.station-container .station-tile .station-large-content .station-price-value{font-size:1rem}}@media (width<=300px){.station-container .station-tile .station-large-content .station-price-value{font-size:.9rem}}.station-container .station-tile .station-large-content .station-chart{cursor:default;background:#ffffffe0;border:1px solid #0000000f;border-radius:22px;width:100%;padding:12px 12px 6px 2px;box-shadow:inset 0 1px #fffc}.station-container .station-tile .station-large-content .station-chart :focus,.station-container .station-tile .station-large-content .station-chart :focus-visible{outline:none}.station-container .station-tile .station-large-content .station-chart-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 0 12px 10px;display:grid}.station-container .station-tile .station-large-content .station-chart-tab{color:#3f3f3ec7;cursor:pointer;background:#ffffffdb;border:1px solid #3f3f3e33;border-radius:8px;height:34px;font-family:Roboto,sans-serif;font-size:.82rem;font-weight:700;transition:all .2s ease-out}.station-container .station-tile .station-large-content .station-chart-tab-active{color:#f5f5f5;background:#3f3f3e;border-color:#3f3f3e}.station-container .station-tile .station-large-content .station-chart-panel{will-change:opacity, transform;animation:.18s ease-out station-chart-panel-fade}@keyframes station-chart-panel-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.station-container .station-tile .station-large-content .station-chart-panel{animation:none}}.station-container .station-tile .station-large-content .station-chart-empty{text-align:center;color:#3f3f3ea8;justify-content:center;align-items:center;min-height:220px;padding:0 24px;font-size:.95rem;display:flex}.station-container .station-tile .station-large-visible{opacity:1;pointer-events:auto;max-height:570px}.station-container .station-large{min-height:450px}.station-container .station-status{border-radius:100%;width:8px;height:8px;position:absolute;top:12px;right:12px}.station-container .station-open{background-color:#477a47}.station-container .station-closed{background-color:#d6271b}.station-container .station-large-status{font-size:.84rem;font-weight:600}.station-container .station-large-open{color:#477a47}.station-container .station-large-closed{color:#d6271b}.footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 0;font-size:.8rem;display:flex}.footer .footer-links{justify-content:center;align-items:center;gap:12px;display:flex}.footer .footer-links a{color:#4e69c4}.footer .footer-links .footer-links-label:hover{cursor:pointer}.footer .footer-updated{font-size:.7rem}.footer .footer-disclaimer{margin-bottom:16px;font-size:.7rem}.footer .footer-disclaimer a{color:#4e69c4}.imprint-modal,.datpro-modal,.disclaimer-modal{background-color:#fff;position:fixed;top:0;left:0}.imprint-modal a,.datpro-modal a,.disclaimer-modal a{color:#4e69c4}.imprint-modal .scroll-container,.datpro-modal .scroll-container,.disclaimer-modal .scroll-container{justify-content:center;width:100vw;height:100svh;display:flex;overflow-y:auto}.imprint-modal .close-icon,.datpro-modal .close-icon,.disclaimer-modal .close-icon{color:#007aff;text-align:end;cursor:pointer;background-color:#fff;height:48px;padding:16px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 4px #00000005,0 4px 8px #0000000a,0 8px 32px #00000014}.imprint-modal .imprint-container,.datpro-modal .imprint-container,.disclaimer-modal .imprint-container{text-align:center;padding:48px 16px}.imprint-modal .disclaimer-container,.datpro-modal .disclaimer-container,.disclaimer-modal .disclaimer-container{text-align:justify;padding:48px 16px}.imprint-modal .disclaimer-container h1,.datpro-modal .disclaimer-container h1,.disclaimer-modal .disclaimer-container h1,.imprint-modal .disclaimer-container .disclaimer-footer,.datpro-modal .disclaimer-container .disclaimer-footer,.disclaimer-modal .disclaimer-container .disclaimer-footer{text-align:left}.imprint-modal .datpro-container,.datpro-modal .datpro-container,.disclaimer-modal .datpro-container{padding:48px 16px}@media (width<=348px){.imprint-modal .datpro-container h1,.datpro-modal .datpro-container h1,.disclaimer-modal .datpro-container h1{font-size:1rem}.imprint-modal .datpro-container h3,.datpro-modal .datpro-container h3,.disclaimer-modal .datpro-container h3{font-size:.9rem}.imprint-modal .datpro-container h4,.datpro-modal .datpro-container h4,.disclaimer-modal .datpro-container h4{font-size:.8rem}.imprint-modal .datpro-container p,.imprint-modal .datpro-container li,.datpro-modal .datpro-container p,.datpro-modal .datpro-container li,.disclaimer-modal .datpro-container p,.disclaimer-modal .datpro-container li{font-size:.7rem}}.fade-effect{animation:.225s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{color:#000;background-color:#fff;margin:0;padding:0;font-family:Roboto,sans-serif}@media (width>=480px){body{justify-content:center;display:flex}}main{flex-direction:column;width:100%;padding:16px;display:flex}@media (width>=480px){main{width:480px}}@media (width<=300px){main{padding:16px 8px}}.filter-backdrop{opacity:0;z-index:-1;cursor:pointer;background-color:#3f3f3e33;transition:all .225s ease-out;position:absolute;inset:0}.filter-backdrop-active{opacity:1;z-index:2}.overflow-hidden{overflow:hidden}
