:root{--white:#fff;--black:#1e1e1e;--grey:#828282;--lightGrey:#e6e6e6;--alert:#d44141;--lightPink:#f6eeee}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif}.content{width:100%;max-width:600px}@media screen and (min-width:1200px){.content{width:50%}}.container{display:grid;padding:0 1.25rem}.content-wrapper{display:flex;justify-content:center}.container.connect{place-items:center;margin-top:200px}.container.vehicle{row-gap:.75rem}.container.stats{margin:1rem 0;padding:2rem 0;border-top:1px solid var(--lightGrey);border-bottom:1px solid var(--lightGrey);display:flex;flex-direction:column;gap:1.5rem}.property{display:grid;grid-template-columns:1fr 1fr}.editable-property{margin-top:-1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;height:60vh;margin:0 10px;text-align:center}.loading-spinner{display:inline-block;width:56px;height:56px}.loading-spinner:after{content:" ";display:block;width:30px;height:30px;margin:8px;border-radius:50%;border:6px solid var(--grey);border-color:var(--grey) transparent var(--grey) transparent;animation:loading-spinner 1.2s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{font-style:italic;font-size:2.5rem;text-align:center;margin:3rem 0 2.625rem}h1,h2{font-weight:600}h2{font-size:1.5rem;margin:0 0 1rem}h3{font-size:1rem;font-weight:700;margin:0}.stats,h3{padding-right:2rem}p{margin:0}p.cta{font-size:1.125rem;text-align:center;width:70%}.error{color:var(--alert);background-color:var(--lightPink);display:flex;justify-content:center;align-items:center;min-height:3rem;border-radius:5px;margin:2rem 1rem;min-width:300px;max-width:600px}button{border-radius:8px;cursor:pointer;border:1px solid;font-family:inherit}button.connect{color:var(--white);background-color:var(--black);font-size:1.125rem;font-weight:600;min-width:200px;min-height:45px;margin-top:2rem}button.connect:hover{color:var(--black);background-color:var(--white)}button.disconnect{margin-right:24px;font-weight:600;min-width:122px;min-height:37px;color:var(--alert);background-color:var(--white)}button.disconnect:hover{background-color:var(--lightPink)}button.property-action{background-color:var(--white);color:var(--black);font-weight:600;min-width:122px;min-height:37px;margin-right:24px}button.property-action:hover{background-color:var(--black);color:var(--white)}button.property-confirm{background-color:var(--white);color:var(--black);font-size:1rem;font-weight:600;min-width:122px;height:38px;padding:0 12px;border:1px solid var(--black);border-radius:0 8px 8px 0}button.property-confirm:disabled{color:var(--grey);font-weight:600;border:1px solid var(--lightGrey);cursor:default}input.property-update{background-color:var(--white);font-size:1rem;width:108px;height:36px;padding:0 0 0 12px;border:1px solid var(--lightGrey);border-radius:8px 0 0 8px;outline:none}input[type=number]::-webkit-inner-spin-button{opacity:1}ul{list-style-type:none;margin:0;padding:0}li{margin-bottom:.5rem}li:last-of-type{margin-bottom:0}select{border-radius:8px;border:1px solid;outline:none}select.vehicles{color:var(--black);background-color:var(--white);padding:12px;font-size:1.125rem;font-weight:600;min-width:240px;min-height:45px}