@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/open-sans-v40-latin-regular.woff2) format("woff2")}body{font-family:Open Sans,sans-serif}body.dark main{background:#2b2b2b;color:#fff}body.dark input:not([type=range]),body.dark textarea{background:#2b2b2b;color:#fff;border:.1em solid #ffffff}body.dark button.icon-only svg{fill:#fff}body.dark button.icon-only:hover svg{fill:#c26a17}*,*:before,*:after{box-sizing:border-box}html,body,#gazolen-root{min-height:100%;height:100%}html{font-size:62.5%}body{padding:0;margin:0;font-family:Open Sans,sans-serif;background:#f3f3f3;font-size:1.4rem}#gazolen-root{display:flex;flex-direction:column}h1{font-size:1.5em}h2{font-size:1.3em}h3{font-size:1.2em}h4{font-size:1.1em}input,button,textarea{font-family:inherit;font-size:inherit;outline:none}input:focus,button:focus,textarea:focus{border-color:#c26a17;box-shadow:0 0 .25em .05em #c26a17}input:not([type=range]),textarea{border:.1em solid #20242d;border-radius:.15em;padding:.25em}button{background:#20242d;color:#fff;border:none;cursor:pointer;padding:.25em .75em;border-radius:.15em}button:hover{background:#c26a17}button:active{transform:translateY(.05em)}button:disabled{background:#5e5e5e;cursor:not-allowed}button.icon{display:flex;align-items:center;justify-content:center;padding:.25em}button.icon svg{width:100%;height:100%;fill:#fff}button.icon-only{padding:.15em;background:none}button.icon-only svg{fill:#20242d}button.icon-only:hover svg{fill:#c26a17}p.error{color:#a71013}.form-group.checkbox label{margin:0;width:100%;display:flex;align-items:center;justify-content:space-between}.form-group.checkbox label span.label{width:100%;margin-right:.5em}.form-group.checkbox label input{display:none}.form-group.checkbox label input:checked+span.check{background:#20242d}.form-group.checkbox label span.check{border:.1em solid #20242d;width:1em;height:1em;transform:scale(1.5);border-radius:.15em;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:.3em}a{color:#c26a17;text-decoration:none}a:hover{text-decoration:underline}nav{top:0;right:0}nav #toggle-menu-button{top:0;height:100%;right:0;width:4em;padding:.75em}nav #toggle-menu-button svg{fill:#fff;transition:all .3s}nav ul{position:absolute;top:4em;right:0;padding:1em 0 0;margin:0;background:#20242d;list-style:none;width:0;overflow:hidden;height:calc(100vh - 4em);transition:width .3s;z-index:99}nav ul li{display:flex;align-self:center;margin:.5em 0;font-size:1.25em;height:2.5em}nav ul li a{padding-left:.5em;text-decoration:none;color:#fff;display:flex;align-items:center;flex:1 1 auto;transition:all .3s}nav ul li a.active{background:#c26a17}nav ul li a span{margin-left:.5em}nav ul li a svg{fill:#fff}nav ul li a:hover{padding-left:1em;background:#c26a17}nav ul li:last-of-type{margin-top:2em}nav.open #toggle-menu-button svg{transform:rotate(90deg)}nav.open ul{width:18em}#menu-log-out-button{width:100%;transition:all .3s;justify-content:flex-start}#menu-log-out-button:hover{padding-left:1em;background:#a71013}#menu-log-out-button svg{width:3em}#login-page h1{text-align:center;margin:1em 0}#login-page form{width:90%;min-width:12em;max-width:24em;display:flex;flex-direction:column;margin:.5em auto 0;background:#fff;box-shadow:0 .05em .3em .05em #20242d80;border-radius:.25em;padding:1em}#login-page form label{margin:.5em 0}#login-page form button{margin-top:2em;font-size:1.15em}#login-page form a{margin-top:1em;text-align:center}body.dark #login-page form{background:#20242d;box-shadow:0 .05em .3em .05em #5e5e5e80}body.dark #login-page form button{background:#c26a17}header{background:#20242d;color:#fff;display:flex;align-items:center;height:4em}header.is-not-logged-in{justify-content:center}header .logo-container{height:100%;padding:.5em;width:4em}header .logo-container img{height:100%;width:auto}header h1{margin:0;flex:1 1 auto;text-align:center}header nav{width:4em;height:100%}main{height:calc(100% - 4em);background:#f3f3f3;display:flex;flex-direction:column;overflow-y:auto;padding:0 .25em}#vehicle-listing{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:1em;padding:.5em}#add-new-vehicle-button{z-index:77;position:absolute;width:4em;height:4em;bottom:.5em;right:.75em;background:#20242d;padding:1em;border-radius:50%;box-shadow:0 .35em .5em .15em #00000040}#add-new-vehicle-button svg{fill:#fff}.vehicle-card{display:flex;flex-direction:column;box-shadow:0 0 .5em .05em #20242d;border-radius:.15em;padding:1em;align-items:center;justify-content:space-evenly;position:relative;height:12em}.vehicle-card.active{box-shadow:0 0 .5em .05em #07850c}.vehicle-card h3,.vehicle-card p{margin:0}.vehicle-card button{width:2em;height:2em;position:absolute}.vehicle-card button.edit-button{bottom:.5em;right:.5em}.vehicle-card button.delete-button{bottom:.5em;left:.5em}body.dark .vehicle-card{box-shadow:0 0 .5em .05em #5e5e5e}#vehicle-page form{display:flex;align-items:center;flex-direction:column;justify-content:center}#vehicle-page form .form-group{display:flex;align-items:center;justify-content:space-between;margin:.5em 0;width:100%}#vehicle-page form .form-group label{width:8em;margin-right:.5em}#vehicle-page form .form-group input,#vehicle-page form .form-group textarea{width:100%;min-width:12em}#vehicle-page form .form-group.checkbox label{margin:0;width:100%;display:flex;align-items:center;justify-content:space-between}#vehicle-page form .form-group.checkbox label span.label{width:100%;margin-right:.5em}#vehicle-page form .form-group.checkbox label input{display:none}#vehicle-page form .form-group.checkbox label input:checked+span.check{background:#20242d}#vehicle-page form .form-group.checkbox label span.check{border:.1em solid #20242d;width:1em;height:1em;transform:scale(1.5);border-radius:.15em;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:.3em}#vehicle-page form button{align-self:flex-end;margin-top:1em;font-size:1.15em}#fillups-page ul{list-style:none;padding:0;margin:0}#add-new-fillup-button{z-index:77;position:absolute;width:4em;height:4em;bottom:.5em;right:.75em;background:#20242d;padding:1em;border-radius:50%;box-shadow:0 .35em .5em .15em #00000040}#add-new-fillup-button svg{fill:#fff}.fillup-row{display:flex;align-items:center;justify-content:space-between;box-shadow:0 .05em .15em .03em #20242d;margin:.75em 0;padding:.75em;cursor:pointer;font-size:.8em}.fillup-row>div{display:flex;justify-content:center}.fillup-row>div.date-time{width:25%}.fillup-row>div.amount{width:20%}.fillup-row>div.total-price{width:20%}.fillup-row>div.consumption{width:35%}@media (min-width: 720px){.fillup-row>div.date-time{width:20%}.fillup-row>div.amount{width:15%}.fillup-row>div.distance{width:15%}.fillup-row>div.unit-price{width:15%}.fillup-row>div.total-price{width:15%}.fillup-row>div.consumption{width:20%}}.fillup-row .date-time{display:flex;flex-direction:column}.fillup-row .date-time .time{font-size:.75em}.fillup-row .fillup-value{align-items:center}.fillup-row .fillup-value .unit{margin-left:.2em}.fillup-row .fillup-value.unit-price,.fillup-row .fillup-value.distance{display:none}@media (min-width: 380px){.fillup-row{font-size:1em}}@media (min-width: 720px){.fillup-row .fillup-value{flex-direction:row}.fillup-row .fillup-value.unit-price,.fillup-row .fillup-value.distance{display:flex}.fillup-row .consumption .unit{margin-top:.15em;font-size:.75em}}body.dark .fillup-row{box-shadow:0 .05em .15em .03em #5e5e5e}#fillup-page form{flex:1 1 auto;display:flex;flex-direction:column}#fillup-page .form-group{display:flex;justify-content:space-between;align-items:center;margin:.5em 0;position:relative}#fillup-page .form-group input{flex:1 1 auto}#fillup-page .values,#fillup-page .calculated{margin-top:1em;display:flex;justify-content:space-between}#fillup-page .values .form-group,#fillup-page .calculated .form-group{flex-direction:column;width:30%}#fillup-page .values .form-group input,#fillup-page .calculated .form-group input{width:100%;margin-top:.25em;text-align:center}#fillup-page .values .form-group input::-webkit-outer-spin-button,#fillup-page .values .form-group input::-webkit-inner-spin-button,#fillup-page .calculated .form-group input::-webkit-outer-spin-button,#fillup-page .calculated .form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#fillup-page .values .form-group input[type=number],#fillup-page .calculated .form-group input[type=number]{-moz-appearance:textfield}#fillup-page .values .form-group .unit,#fillup-page .calculated .form-group .unit{position:absolute;right:0;bottom:0}#fillup-page .calculated{margin-top:2em}#fillup-page .calculated .form-group{width:48%}#fillup-page .calculated .form-group input{font-size:1.25em}#fillup-page .buttons{flex:1 1 auto;display:flex;justify-content:space-between;align-items:flex-end;font-size:1.25em;padding:.5em;margin-top:2em}#fillup-page .buttons button{height:2em;width:5em}#register-page h1{text-align:center;margin:1em 0}#register-page form{width:90%;min-width:12em;max-width:24em;display:flex;flex-direction:column;margin:.5em auto 0;background:#fff;box-shadow:0 .05em .3em .05em #20242d80;border-radius:.25em;padding:1em}#register-page form label{margin:.5em 0}#register-page form button{margin-top:2em;font-size:1.15em}#register-page form a{margin-top:1em;text-align:center}#register-page form p{text-align:center}body.dark #register-page form{background:#20242d;box-shadow:0 .05em .3em .05em #5e5e5e80}body.dark #register-page form button{background:#c26a17}#settings-page .form-group{padding:1em;display:flex;align-items:center;position:relative}#settings-page .form-group label{flex:1 1 auto;font-size:1.15em}#settings-page .form-group input{flex:1 1 auto}#settings-page .form-group .range{flex:1 1 auto;display:flex;align-items:center}#settings-page .form-group .range input{width:100%}#settings-page .form-group .range-value{margin-left:.15em}#settings-page input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}#settings-page input[type=range]:focus{outline:none}#settings-page input[type=range]::-webkit-slider-runnable-track{background-color:#20242d;border-radius:.5em;height:.5em}#settings-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#c26a17;border-radius:.5em;height:1.25em;width:1.25em;margin-top:-.35em}#settings-page input[type=range]::-moz-range-track{background-color:#20242d;border-radius:.5em;height:.5em}#settings-page input[type=range]::-moz-range-thumb{background-color:#c26a17;border:none;border-radius:50%;height:1.25em;width:1.25em}#statistics-page>div:first-of-type section{margin:1em .5em}#statistics-page section{box-shadow:0 0 .5em .05em #20242d;border-radius:.15em;padding:1em;margin:.5em;display:flex;align-items:center;justify-content:center;flex-direction:column}@media (min-width: 720px){#statistics-page>div:first-of-type{display:flex}#statistics-page>div:first-of-type section{width:50%}}#notification-display{background:#20242d;position:fixed;bottom:0;left:0;height:0;width:100vw;transition:height .3s;display:flex;align-items:center;justify-content:center;z-index:999;overflow:hidden;color:#fff}#notification-display p{margin:0}#notification-display.visible{height:3em}#notification-display.info{background:#1b609e}#notification-display.warning{background:#cb821d}#notification-display.error{background:#a71013}#notification-display.success{background:#07850c}