#root{width:100%;display:flex;flex-direction:column}main{max-width:var(--max-width);width:100%;margin:0 auto;flex-grow:1}main ul{list-style-type:none;padding:0;margin:0}main h1,main h3{color:#000}footer{margin-top:2em;color:#fff;background-color:var(--secondary-bg)}footer ul{list-style-type:none;padding:0;margin:0}footer li{list-style:none}footer section{max-width:var(--max-width-footer);margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;padding:1rem;gap:1rem}@media screen and (min-width: var(--max-width-footer)){footer section{padding:2rem}}footer img{width:100%;height:auto;max-width:350px}.footer-left{flex-grow:1}.footer-left a{color:#fff;text-decoration:underline}.footer-right{flex-grow:1}.footer-right a{color:#fff}.footer-bottom{width:100%;text-align:center;padding-top:2rem}header{color:#333;background-color:var(--primary-card-bg);width:100%}header img{max-width:300px;width:100%}header a{color:#333;font-weight:600}header ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}header section{padding:1rem;max-width:var(--max-width);width:100%;margin:0 auto;box-sizing:border-box}header #admin-login{display:none}@media screen and (min-width: 1024px){header #admin-login{display:block;position:absolute;top:0;right:0;width:40px;height:auto}}.button{color:#fff;border:1px solid transparent;padding:.5rem 1rem;background-color:var(--primary-theme-color);display:inline-block;cursor:pointer;transition:border-color .25s}.button:hover{border-color:#fff}.button.disabled{opacity:.5;cursor:not-allowed}:root{font-family:SansProRegular,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-bg: #f3f0ee;--primary-card-bg: #fff;--secondary-bg: #363636;--primary-theme-color: #4d804d;--max-width: 1024px;--max-width-footer: 600px;--default-gap: 1rem;--desktop: 1024px}a{text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#admin{position:relative;overflow:hidden;margin-top:2rem;padding:3rem;background-color:var(--primary-card-bg)}#admin:before{content:"ADMIN";position:absolute;top:.5rem;left:-2.25rem;transform:rotate(-45deg);background-color:var(--primary-theme-color);color:#fff;padding:.5rem 2rem}.row{display:flex;flex-direction:row}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.justify-content-space-evenly{justify-content:space-evenly}#BreadCrumbs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#000;padding:1.5rem 0 1rem}#BreadCrumbs a{color:#333;font-weight:600;text-decoration:underline;padding:.25rem}.table{color:#000;display:flex;flex-direction:column;gap:.5rem}.table .table-header{display:flex;flex-direction:column}.table .table-body{display:flex;flex-direction:column;gap:.5rem}.table .table-body .table-row{background-color:var(--primary-card-bg)}.table .table-body .table-row:hover{text-decoration:underline}.table .table-row{display:flex;flex-wrap:wrap}.table .table-cell{flex:1 1 0px;text-align:left;padding:.3rem;color:#000}#SingleTirePage article{width:100%;display:flex;flex-direction:column}@media screen and (min-width: 1024px){#SingleTirePage article{flex-direction:row}}#SingleTirePage article h3,#SingleTirePage article h4{margin:0}#SingleTirePage article>div{flex-grow:1;padding:2rem}#SingleTirePage article>div:first-of-type{background-color:var(--primary-card-bg);display:flex;flex-direction:column;justify-content:space-between}#SingleTirePage article>div:first-of-type p{margin:0}#SingleTirePage article>div:first-of-type a{align-self:flex-start}#SingleTirePage article>div:last-of-type{background-color:var(--primary-theme-color);color:#fff}#SingleTirePage article>div:last-of-type h3{color:#fff}#SingleTirePage article>div:last-of-type p{display:flex;justify-content:space-between;border-bottom:1px solid #fff;margin:.25rem 0}#OverviewPage nav{display:flex}#OverviewPage nav a{flex-grow:1;max-width:50%}#OverviewPage img{width:100%}#CreateOrUpdateRim article{background-color:var(--primary-card-bg);padding:2rem}#CreateOrUpdateRim form{display:flex;flex-direction:column;gap:var(--default-gap)}#CreateOrUpdateRim form .form-group{display:flex;gap:var(--default-gap)}#CreateOrUpdateRim form .form-group label{font-weight:700;margin-bottom:.5rem;flex:1 1 0px;display:flex;position:relative}#CreateOrUpdateRim form .form-group span{position:absolute;top:-1.25rem;left:1rem;background-color:#fff;padding:.5rem;border-radius:.5rem}#CreateOrUpdateRim form .form-group input,#CreateOrUpdateRim form .form-group textarea,#CreateOrUpdateRim form .form-group select{padding:1.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;color:#000;background-color:var(--primary-card-bg)}#CreateOrUpdateRim form .form-group input:disabled,#CreateOrUpdateRim form .form-group textarea:disabled,#CreateOrUpdateRim form .form-group select:disabled{background-color:var(--primary-bg);-webkit-user-select:none;user-select:none;pointer-events:none}#CreateOrUpdateRim form .form-group input[required]+span:before,#CreateOrUpdateRim form .form-group textarea[required]+span:before,#CreateOrUpdateRim form .form-group select[required]+span:before{padding-right:.25rem;content:"*";color:red}#CreateOrUpdateRim form .form-group input[required]:invalid,#CreateOrUpdateRim form .form-group textarea[required]:invalid,#CreateOrUpdateRim form .form-group select[required]:invalid{border-color:red;background-color:#f001}#CreateOrUpdateRim form .form-group button{width:100%}.loading_circle{animation:loading_animation 2s cubic-bezier(.36,.6,.31,1) infinite}.loading_circle1{animation-delay:-.5s}.loading_circle2{animation-delay:-1s}.loading_circle3{animation-delay:-1.5s}@keyframes loading_animation{0%{r:0}25%{r:3px;cx:4px}50%{r:3px;cx:12px}75%{r:3px;cx:20px}to{r:0;cx:20px}}#CreateOrUpdateTire article{background-color:var(--primary-card-bg);padding:2rem}#CreateOrUpdateTire form{display:flex;flex-direction:column;gap:var(--default-gap)}#CreateOrUpdateTire form .form-group{display:flex;gap:var(--default-gap)}#CreateOrUpdateTire form .form-group label{font-weight:700;margin-bottom:.5rem;flex:1 1 0px;display:flex;position:relative}#CreateOrUpdateTire form .form-group span{position:absolute;top:-1.25rem;left:1rem;background-color:#fff;padding:.5rem;border-radius:.5rem}#CreateOrUpdateTire form .form-group input,#CreateOrUpdateTire form .form-group textarea,#CreateOrUpdateTire form .form-group select{padding:1.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:100%;color:#000;background-color:var(--primary-card-bg)}#CreateOrUpdateTire form .form-group input:disabled,#CreateOrUpdateTire form .form-group textarea:disabled,#CreateOrUpdateTire form .form-group select:disabled{background-color:var(--primary-bg);-webkit-user-select:none;user-select:none;pointer-events:none}#CreateOrUpdateTire form .form-group input[required]+span:before,#CreateOrUpdateTire form .form-group textarea[required]+span:before,#CreateOrUpdateTire form .form-group select[required]+span:before{padding-right:.25rem;content:"*";color:red}#CreateOrUpdateTire form .form-group input[required]:invalid,#CreateOrUpdateTire form .form-group textarea[required]:invalid,#CreateOrUpdateTire form .form-group select[required]:invalid{border-color:red;background-color:#f001}#CreateOrUpdateTire form .form-group button{width:100%}
