.header{align-items:center;background-color:var(--header-bkg-color);display:flex;height:8vh;justify-content:space-between;min-height:8rem;padding:2rem}.header h1{color:var(--header-text-color);font-size:3rem;font-weight:700;letter-spacing:-.2rem}.header-nav{align-items:center;display:flex;gap:2rem;justify-content:center;padding-right:2rem}.account-btn{background-color:initial;border:none;color:#eee;cursor:pointer;font-size:1.5rem;font-weight:400}.account-btn:hover{color:#fff;font-weight:500}.theme-color-switch-btn{background-color:initial;border:none}.theme-icon{stroke:#eee;cursor:pointer;height:2.2rem;width:2.2rem}.theme-icon:hover{stroke:#fff;stroke-width:3}.navbar{align-items:flex-start;background-color:var(--nav-bkg-color);display:flex;flex-direction:column;gap:2rem;min-width:28rem;padding:2rem;width:15vw}.nav-section{border-radius:1rem}.nav-btn,.nav-section{background-color:initial;color:var(--nav-text-color);width:100%}.nav-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;gap:1rem;padding:1.5rem 3rem}.nav-btn:hover{background-color:var(--nav-hover-color)}.nav-btn svg{height:2rem;width:2rem}[data-theme=dark] .nav-add-icon,[data-theme=dark] .nav-search-icon{fill:#fff}.selected{background-color:var(--nav-hover-color)}.add-vehicles-section{background-color:var(--content-bkg-color);max-width:300rem;width:70vw}.add-vehicle-btn{background-color:var(--helper-color);border:1px solid var(--border-color);border-radius:1rem;color:var(--header-text-color);cursor:pointer;font-size:1.4rem;font-weight:500;padding:.6rem}.add-vehicle-btn:hover{background-color:var(--helper-hover-color)}.add-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;min-width:40rem;padding:2rem;width:35%}[data-theme=dark] .vehicle-list-item:hover{background-color:#444}.vehicle-item-text-add{color:var(--text-color);width:100%}.search-vehicles-section{background-color:var(--content-bkg-color);max-width:300rem;width:70vw}.search-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;min-width:40rem;padding:2rem;width:45%}.search-input{border:1px solid var(--border-color);border-radius:.5rem;color:#222;font-size:1.4rem;font-weight:500;height:4rem;padding:.75rem 1rem}.search-input:focus{outline:none}.search-btn{background-color:var(--helper-color);border:1px solid #444;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:500;padding:.6rem}.search-btn:hover{background-color:var(--helper-hover-color)}.hidden{visibility:hidden}.visible{color:red;display:flex;font-size:1.1rem;font-weight:500;justify-content:center}.vehicle-list{font-size:1.5rem;list-style:none;width:100%}.vehicle-list-item{word-wrap:break-word;align-items:center;border-radius:1rem;display:flex;gap:1rem;justify-content:space-between;min-width:20rem;padding:1.5rem;width:100%}.vehicle-list-item:hover{background-color:var(--nav-bkg-color)}.left-container{align-items:center;display:flex;gap:2rem}.vehicle-item-text-search{color:var(--text-color);width:100%}.vehicle-item-edit,.vehicle-item-location{align-items:center;background-color:initial;border:none;border-radius:1rem;color:var(--helper-color);cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;justify-content:center;justify-self:end;padding:.5rem 2rem}.vehicle-item-edit:hover,.vehicle-item-location:hover{background-color:var(--helper-color);color:#fff}.vehicle-item-delete{background-color:initial;border:none;cursor:pointer}.delete-icon{stroke:var(--text-color);height:2.5rem;width:2.5rem}.delete-icon:hover{stroke-width:2}:root{--content-bkg-color:#fff;--nav-bkg-color:#f7f7f7;--header-bkg-color:#3d5a80;--text-color:#293241;--nav-text-color:#333;--nav-hover-color:#ebe9e9;--header-text-color:#eee;--helper-color:#ee6c4d;--helper-hover-color:#ff7e5e;--header-hover-color:#466a99;--border-color:#919191;--form-bkg-color:#fff;font-size:10px}[data-theme=dark]{--content-bkg-color:#121212;--nav-bkg-color:#121212;--header-bkg-color:#222;--text-color:#eee;--nav-text-color:#eee;--nav-hover-color:#222;--header-text-color:#fff;--helper-color:#c3073f;--helper-hover-color:#e90f50;--header-hover-color:#555;--border-color:#4e4e50;--form-bkg-color:#eee}*{-webkit-touch-callout:none;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}.App{display:flex;flex-direction:column;min-height:100vh;min-width:65rem}.main-content{background-color:#fff;background-color:var(--content-bkg-color);display:flex;flex:1 1}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:initial;bottom:0;box-shadow:2px 2px 25px 2px rgba(0,0,0,.199);gap:3rem;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:8000}.location-section,.overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.location-section{background-color:#fff;font-size:1.4rem;gap:1rem;padding:2rem 4rem;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.location-section,.location-section-close-btn{border:1px solid #919191;border:1px solid var(--border-color)}.location-section-close-btn{background-color:#ee6c4d;background-color:var(--helper-color);border-radius:.5rem;color:#eee;color:var(--header-text-color);cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:500;padding:.6rem}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #3d5a80;border-top:16px solid #ee6c4d;border:16px solid var(--header-bkg-color);border-radius:50%;border-top-color:var(--helper-color);height:2rem;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);width:2rem}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-10%) rotate(0deg);transform:translate(-50%,-10%) rotate(0deg)}to{-webkit-transform:translate(-50%,-10%) rotate(1turn);transform:translate(-50%,-10%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-10%) rotate(0deg);transform:translate(-50%,-10%) rotate(0deg)}to{-webkit-transform:translate(-50%,-10%) rotate(1turn);transform:translate(-50%,-10%) rotate(1turn)}}.edit-form{background-color:var(--form-bkg-color);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem;min-width:40rem;padding:2rem 4rem;-webkit-transform:translateY(-15%);transform:translateY(-15%);width:25%}.edit-form-cancel-btn,.edit-form-edit-btn{background-color:var(--helper-color);border:1;border:1px solid var(--border-color);color:var(--header-text-color);cursor:pointer;flex:1 1;font-size:1.4rem;font-weight:500;padding:.7rem}.edit-form-edit-btn:hover{background-color:var(--helper-hover-color)}.edit-form-cancel-btn{background-color:var(--header-bkg-color)}.edit-form-cancel-btn:hover{background-color:var(--header-hover-color)}.missing-parameter-error-msg,.modelyear-error-msg{color:red;font-size:1.3rem;font-weight:500;text-align:center}.add-form{background-color:var(--form-bkg-color);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem;min-width:40rem;padding:2rem 4rem;-webkit-transform:translateY(-20%);transform:translateY(-20%);width:25%}.add-form-add-btn,.add-form-cancel-btn{background-color:var(--helper-color);border:1;border:1px solid var(--border-color);color:var(--header-text-color);cursor:pointer;flex:1 1;font-size:1.4rem;font-weight:500;padding:.7rem}.add-form-add-btn:hover{background-color:var(--helper-hover-color)}.add-form-cancel-btn{background-color:var(--header-bkg-color)}.add-form-cancel-btn:hover{background-color:var(--header-hover-color)}.brand-error-msg,.missing-parameter-error-msg,.modelyear-error-msg{color:red;font-size:1.3rem;font-weight:500;text-align:center}.message-hidden{display:none}.login-form{background-color:var(--form-bkg-color);border:1px solid var(--border-color);gap:2rem;min-width:40rem;padding:2rem 4rem;-webkit-transform:translateY(-45%);transform:translateY(-45%);width:25%}.input-container,.login-form{display:flex;flex-direction:column}.input-container{gap:1rem}.input-container label{font-size:1.4rem;font-weight:600;margin-left:.2rem}.input{background-color:var(--form-bkg-color);border:1px solid var(--border-color);display:flex;flex-direction:column;font-size:1.4rem;font-weight:400;padding:1rem;width:100%}.input:focus{outline:none}.button-container{align-items:center;display:flex;gap:1rem}.login-form-cancel-btn,.login-form-login-btn{background-color:var(--helper-color);border:1;border:1px solid var(--border-color);color:var(--header-text-color);cursor:pointer;flex:1 1;font-size:1.4rem;font-weight:500;padding:.7rem}.login-form-login-btn:hover{background-color:var(--helper-hover-color)}.login-form-cancel-btn{background-color:var(--header-bkg-color)}.login-form-cancel-btn:hover{background-color:var(--header-hover-color)}.wrong-combination-error-msg{color:red;font-size:1.3rem;font-weight:500;text-align:center}
/*# sourceMappingURL=main.9880d579.css.map*/