:root{--body-1:var(--black-1);--body-2:var(--black-2);--body-3:var(--black-3);--body-text-color:var(--white-1)}.login-page{justify-content:center;width:100%;display:flex;overflow-x:clip}.login-page h1,.login-page span,.login-page label,.login-page div{color:var(--black-1)}.login-page h1{text-align:center;width:100%;margin-top:.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:400}.login-page form{background-color:var(--white-1);color:var(--body-1);border-radius:12px;gap:.2rem;width:100%;max-width:280px;padding:1rem;display:inline-grid;position:relative;box-shadow:0 5px 10px 1px #0000001a}.login-page .loading-overlay{background:#000000bf;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.login-page .car-image-wrapper{position:relative}.login-page .car-image-wrapper .box{z-index:1;pointer-events:none;width:80px;position:absolute;top:-130px;left:-80px;overflow:hidden}.login-page .car-image-wrapper .box.outer{width:unset;overflow:unset;z-index:-1}.login-page .car-image-wrapper .box .car-image{width:150px}.login-page button{margin-top:.5rem;margin-bottom:.5rem}.login-page .note{opacity:.5;text-align:center;width:100%;margin-top:.25rem;margin-bottom:.25rem;font-size:.66rem}.loading-icon{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;display:flex}.car .car-icon-body{animation:.2s ease-in-out infinite alternate car-shake}.car .car-icon-wheel-right,.car-icon-wheel-left{animation:.5s linear infinite wheel-rotate}.car .car-icon-wheel-right{transform-origin:791% 215%}.car .car-icon-wheel-left{transform-origin:208% 215%}@keyframes car-shake{0%{transform:translateY(-10%)}to{transform:translateY(30%)}}@keyframes wheel-rotate{0%{transform:rotate(360deg)}50%{transform:rotate(180deg)}to{transform:rotate(0)}}.error-message{background-color:color-mix(in oklab,var(--red),transparent 50%);color:var(--body-text-color);align-items:center;gap:.5rem;padding:.5rem;font-family:Nunito;font-size:.75rem;display:flex}.error-message .error-icon{background:var(--red);width:1rem;height:1rem;color:var(--black-1);border:1px solid var(--black-1);border-radius:64px;justify-content:center;align-items:center;font-weight:800;display:flex}.canvas-container{flex-direction:column-reverse;align-items:center;gap:1rem;width:100%;height:100%;margin-bottom:2rem;display:flex;position:relative}.canvas-container .canvas-wrapper{width:100%;box-shadow:0 0 0 2px var(--body-text-color);border-radius:8px;position:relative}.canvas-container .canvas-controls{z-index:1;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:0;right:0}.canvas-container .canvas-controls button{background-color:var(--white-1);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.canvas-container #canvas{width:100%}.car-create-page .choice-buttons{justify-content:center;gap:.5rem;margin-bottom:.75rem;display:flex}.car-create-page .choice-buttons button{border-radius:6px;gap:.5rem;padding:.4rem .8rem;display:flex}.car-create-page .choice-buttons button svg{width:1.25rem;height:1.25rem}.car-create-page .item-list-container,.car-create-page .item-list-container .view-list{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:.5rem;width:100%;display:flex}@media screen and (max-width:800px){.car-create-page .item-list-container .rectangle-list,.car-create-page .item-list-container .view-list{flex-flow:wrap;justify-content:center}.car-create-page .item-list-container .view-list .car-view-button{width:100px;height:75px}.car-create-page .item-list-container .rectangle-list li{justify-content:space-between;width:100px;padding:.25rem .3rem;font-size:.75rem;display:flex}}.item-list-container span{text-align:center;width:100%;font-size:.8rem;display:block}.item-list-container .rectangle-list{flex-flow:wrap;justify-content:center;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.item-list-container .rectangle-list li{border:1px solid var(--body-text-color);background-color:var(--body-1);border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .4rem;display:flex}.item-list-container .rectangle-list li button{background-color:var(--red);justify-content:center;align-items:center;width:2.5rem;display:flex}.item-list-container .rectangle-list li button .icon{width:1rem;height:1rem}.tooltip{-webkit-user-select:none;user-select:none;display:flex;position:relative}.tooltip .tooltiptext{visibility:hidden;background-color:var(--body-1);color:var(--body-text-color);text-align:left;z-index:1;border:1px solid var(--body-text-color);border-radius:6px;width:180px;padding:5px;font-size:.75rem;position:absolute;bottom:150%;right:0}.tooltip .tooltiptext strong{color:var(--green)}.tooltip .tooltiptext:after,.tooltip .tooltiptext:before{content:"";border-style:solid;border-width:4px;border-color:var(--body-1)transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;right:8px}.tooltip .tooltiptext:before{border-color:var(--body-text-color)transparent transparent transparent;border-width:5px;right:7px}.tooltip:hover .tooltiptext{visibility:visible}.item-list-container .car-view-button{border:1px solid var(--body-text-color);background:var(--body-1);cursor:pointer;opacity:.8;flex-direction:column;justify-content:space-between;width:120px;height:100px;display:flex;position:relative;overflow:hidden}.item-list-container .car-view-button.active{border:1px solid var(--yellow);outline:2px solid var(--yellow);opacity:1;font-weight:800}.item-list-container .car-view-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.item-list-container .car-view-frame .car-image-layer{height:100%;position:relative}.item-list-container .car-view-frame img{filter:brightness(.75);width:100%;height:100%}.item-list-container .overlay-box{outline:2px solid var(--yellow);pointer-events:none;background-color:#ff03;transition:all .2s;position:absolute}.item-list-container .view-label{text-align:center;color:var(--body-text-color);font-size:12px}.choice-buttons{gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.choice-buttons label{gap:.5rem;display:flex}.choice-buttons button:not(.active){background-color:var(--body-text-color);color:var(--body-1)}.more-info{cursor:help;width:1.25rem;height:1.25rem}.car-create-page h2{text-align:center}.car-create-page .subtitle{text-align:center;margin-bottom:1rem;font-size:.75rem}.form-item{margin-top:.25rem;margin-bottom:.25rem}.form-item label{justify-content:space-between;width:100%;display:flex}.summary-container{justify-content:center;width:100%;margin-top:1rem;margin-bottom:1rem;display:flex}.summary-container .car-details-summary{border:1px solid var(--body-text-color);border-radius:24px;flex-direction:column;justify-content:center;width:100%;max-width:320px;padding:1rem;display:flex}.summary-container .car-details-summary .model-details{opacity:.7}.summary-container .car-details-summary ul{margin:0}.summary-container .car-details-summary span:not(.title),.summary-container .car-details-summary li{font-size:.75rem}.car-create-page .submit-area{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;margin-bottom:1rem;display:flex}.input{width:100%;position:relative}.input .input-container{align-items:center;font-family:Nunito;display:flex;position:relative}.input .input-container.multi{border-radius:2px;overflow:hidden}.input .input-container .start-text{border:1px solid var(--body-text-color);background:var(--body-2);flex-grow:0;flex-shrink:0;padding:2px}.input .input-container .input-field{border:1px solid var(--body-text-color);border-radius:2px;width:100%;padding:4px 2px}.input .input-container.multi .input-field{border-radius:0}.input .input-container .input-field.large{padding-top:.5rem;padding-bottom:.5rem;font-size:1rem}.input .input-container .input-field:disabled{background-color:var(--white-2);color:var(--black-3)}.input .input-container .input-field.icon{padding-left:2rem}.input .options-dropdown{max-height:8rem;width:inherit;border:solid 1px var(--white-3);visibility:hidden;color:var(--black-1);z-index:1;margin:0;padding:0;position:absolute;overflow-x:hidden;overflow-y:auto}.input .option{background-color:var(--white-1);word-wrap:break-word;align-items:center;width:100%;font-family:Nunito;font-size:1rem;display:flex}.option.disabled{filter:brightness(.5);pointer-events:none}.input .option:hover,.option.active{background-color:var(--white-2);cursor:pointer}.input .option img{width:64px;height:auto;margin-right:.5rem}.input .option.button,.input option.button:hover{background-color:var(--white-1);cursor:default;padding:.5rem}.input .option.button button{transition:none}.input .option span,.input .option strong{white-space:pre}.input .clear-button,.input .input-container .input-icon{color:var(--black-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input .input-container .input-icon{cursor:default;right:unset;left:4px}.input .input-container .start-button,.input .input-container .end-button{border-radius:0;flex-grow:0;flex-shrink:0;padding:3px}.input .input-container .end-button{justify-content:center;align-items:center;height:100%;display:flex}.input .input-container .end-button>svg{width:1rem;height:1rem}.input .input-container .file-upload{display:none}.input.file .input-container .input-field{pointer-events:none}.game-page .choice-buttons{justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.game-page .game-container{width:100%;margin:auto;position:relative}.guess-statistics{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.loading-screen{opacity:1;z-index:1;background:var(--body-1);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute}.loading-screen.finished{opacity:0;pointer-events:none}.stamp{outline-offset:2px;opacity:0;background-color:#fff;border:6px solid;border-radius:100px;outline:2px solid;justify-content:center;align-items:center;width:150px;height:150px;font-family:Impact,sans-serif;font-size:30px;animation-name:pulse;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;display:flex;position:relative}.stamp .grunge{opacity:1;background:url(/static/image/grunge.6c0cabd1.png);border-radius:43%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:0;transform:rotate(-10deg)scale(4)}10%{opacity:.5;transform:rotate(-10deg)scale(3)}to{opacity:1;transform:rotate(-20deg)scale(1)}}.stamp .letters{transform-origin:bottom;justify-content:center;width:20px;padding-bottom:42px;display:flex;position:absolute;top:0;left:33px}.stamp .letters .letters-under{transform-origin:top;justify-content:center;width:20px;padding-top:42px;display:flex;position:absolute;top:75px;left:32px}.stamp .logo{text-align:center;border:5px solid;border-radius:100px;justify-content:center;align-items:end;width:50%;height:50%;font-size:60px;font-weight:700;display:flex}.canvas-wrapper{border-radius:8px;justify-content:center;align-items:center;max-height:480px;transition:all .1s;display:flex;overflow:hidden}.canvas-wrapper .canvas{cursor:zoom-in;touch-action:none;width:100%}.canvas-wrapper .canvas:active{cursor:grabbing}.stamp-wrapper{transform-origin:0 0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:9999;position:absolute;top:0}.scoreboard{justify-content:space-between;align-items:center;width:100%;height:3rem;display:flex;position:relative}.scoreboard .count{justify-content:center;align-items:center;gap:.25rem;display:flex}.scoreboard .centered{position:absolute;left:50%;transform:translate(-50%)}.scoreboard .icon{height:1rem}.scoreboard .icon.fill{fill:var(--body-text-color)}.scoreboard .icon.small{height:.5rem}.tooltip-container{position:relative}.tooltip-container .top-tooltip{background-color:var(--body-text-color);color:var(--body-1);opacity:0;pointer-events:none;z-index:10;text-align:center;white-space:normal;border-radius:4px;max-width:140px;padding:.25rem .5rem;font-size:.7rem;line-height:1.2;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-container .top-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--body-text-color)transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-container:hover .top-tooltip{opacity:1;transform:translate(-50%)translateY(-8px)}.hints{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:.5rem;font-size:1rem;display:flex}.hints .hint{flex-direction:row;align-items:center;gap:.25rem;display:flex}.hints .hint .indicator{background-color:var(--body-3);border-radius:64px;justify-content:center;align-items:flex-end;width:18px;height:18px;display:flex}.hints .hint .indicator.correct{background-color:var(--green)}.hints .hint .indicator.wrong{background-color:var(--red)}@media screen and (max-width:600px){.hints{margin-bottom:.25rem}.hints .hint{flex-direction:column;font-size:.66rem}}.game-page .game-container .answer-form{z-index:1;border-radius:2px;width:100%;display:flex;position:relative}.game-page .game-container .answer-form .input-field,.game-page .game-container .answer-form button{border-radius:0}.game-page .game-container .answer-form button{border-left:1px solid var(--white-3);align-items:center;display:flex}.shake{animation:.5s ease-in-out shake}.game-page .shake{box-shadow:0px 0px 0px 3px var(--red)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.flag{border:1px solid var(--body-text-color);border-radius:4px}.game-page .answer-container{flex-direction:column;justify-content:center;align-items:center;padding-top:.5rem;padding-bottom:.5rem;display:flex;position:relative}.game-page .answer-container h2{margin:0}.game-page .answer-container .guess.correct{color:var(--green)}.game-page .answer-container .guess.wrong{color:var(--red)}.game-page .game-container .car-names{text-align:center;margin:1rem}.game-page .game-container .car-names .answer-title{flex-direction:column;gap:.5rem;display:flex}.game-page .game-container .car-names .answer-title h2{display:block}.game-page .game-container .car-names .answer-title h2 .flag{width:24px;height:16px;margin-right:.5rem}.game-page .game-container .car-names .answer-title .model{font-weight:300;display:contents}.game-page .game-container .car-names .answer-title .model.info{color:#000000bf;font-size:1rem}body[dark-theme=true] .game-page .game-container .car-names .answer-title .model.info{color:#ffffffbf}.game-page .game-container .car-names .answer-title .year{font-size:.875rem}.game-page .game-container .photo-author-container{align-items:center;gap:.25rem;margin-top:.2rem;display:flex}.game-page .game-container .photo-author-container svg{height:1rem}.game-page .game-container .photo-author{text-align:start;width:100%;font-size:.75rem;display:block}.game-page .game-container .photo-author a{color:var(--blue)}.game-page .game-container .photo-author a:hover{border-bottom:1px solid var(--blue)}.game-page .game-container .car-names .aliases{align-items:center;gap:.25rem;display:flex}.game-page .game-container .car-names .alias-icon svg{height:1rem}.game-page .game-container .car-names .alias-list{opacity:.75;font-size:.75rem}.game-page .next-button{width:150px;margin:1rem;padding:.5rem 1rem}.game-page .game-container .guesses{flex-direction:column;gap:.25rem;margin-top:1rem;margin-bottom:1rem;display:flex}.chart-container{justify-content:center;gap:.5rem;width:100%;max-width:350px;height:250px;margin-top:1rem;margin-bottom:1rem;display:flex}.chart-container .bar-column{flex-direction:column;flex:1;align-items:center;display:flex}.chart-container .bar-wrapper{flex:1;align-items:flex-end;width:100%;display:flex}.chart-container .tooltip-container.bar-tooltip{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.chart-container .bar-vertical{width:100%;min-height:4px;color:var(--body-text-color);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-end;font-size:.75rem;transition:height .6s ease-out;animation:.6s ease-out backwards growBar;display:flex;transform:scaleY(0)}.chart-container .bar-vertical.animated{transform-origin:bottom;animation:.6s ease-out forwards growBar}.chart-container .bar-value{padding-bottom:.25rem}.chart-container .bar-label{text-align:center;color:var(--body-text-color);opacity:.66;white-space:nowrap;justify-content:center;align-items:center;width:1rem;height:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.chart-container .bar-column.guessed .bar-label{box-shadow:0px 0px 0px 3px var(--body-text-color);opacity:1;border-radius:8px;animation:1.5s infinite highlightAnswer}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes highlightAnswer{0%{box-shadow:0 0 0 0 var(--body-text-color)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.datamanagement-page input{margin-bottom:1rem}pre{background-color:var(--body-2);padding:.25rem}.maker-list-container{margin-bottom:20px}.maker-list-container .maker-list button{border:1px solid var(--white-2);background:var(--white-1);margin-bottom:.25rem;margin-right:.25rem;padding:6px 12px}.maker-list-container .maker-list .selected{background:var(--yellow);color:var(--black-1);border-color:var(--black-2)}.maker-list-container .actions,.data-table pre{overflow:auto}.maker-list-container .actions,.data-table .actions{gap:10px;margin-top:.5rem;margin-bottom:.5rem;display:flex}.icon-button{align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.icon-button svg{width:1.25rem;height:1.25rem}.data-table table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border:1px solid color-mix(in oklab,var(--body-text-color)25%,var(--body-1));text-align:left;padding:.5rem}.data-table input{box-sizing:border-box;width:100%;margin:0;padding:.25rem}.garage-page .totals{justify-content:space-evenly;align-items:center;gap:1rem;width:100%;display:flex}.garage-page .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.garage-page .grid .grid-item{all:unset;border:1px solid var(--body-text-color);background:var(--body-1);width:100%;height:200px;color:var(--body-text-color);font-family:unset;font-size:unset;text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;padding:0 .25rem;transition:all .5s ease-in-out;display:flex;position:relative;overflow:hidden}.garage-page .grid .grid-item.empty{color:var(--body-3);border:1px solid var(--body-3)}.garage-page .grid .grid-item:hover{filter:unset}.garage-page .grid .grid-item .title{z-index:1;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex;top:0}.garage-page .grid .grid-item .title .name{white-space:nowrap;text-overflow:ellipsis;opacity:0;width:100%;transition:all .25s ease-in-out,opacity .25s ease-in-out 50ms;overflow:hidden}.garage-page .grid .grid-item .title .unique{text-align:end}.garage-page .grid .grid-item .stats{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;margin-bottom:2rem;transition:all .5s ease-in-out;display:flex;position:relative}.garage-page .grid .grid-item .stats span{text-align:center;font-size:1rem;font-weight:400;transition:all .25s ease-in-out,opacity .25s ease-in-out .1s}.garage-page .grid .grid-item .stats .name{opacity:1;width:-webkit-max-content;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.garage-page .grid .grid-item .stats .count{opacity:1;padding-top:5rem;font-size:1.5rem;font-weight:600;transition:all .25s ease-in-out,opacity .25s ease-in-out}.garage-page .grid .grid-item ul{opacity:0;width:100%;height:0;min-height:150px;margin:0;padding:0 0 .5rem;font-size:.875rem;transition:all .5s;overflow:auto}.garage-page .grid .grid-item ul li{color:var(--body-text-color)}.garage-page .grid .grid-item ul li.empty{color:var(--body-3)}.garage-page .grid .grid-item ul li.total{margin-top:1rem}.garage-page .grid .grid-item.opened .title .name{opacity:1}.garage-page .grid .grid-item.opened .stats .name{transform:unset;opacity:0;position:absolute;top:-2rem;left:0}.garage-page .grid .grid-item.opened .stats{height:0;margin:0}.garage-page .grid .grid-item.opened .stats .count{opacity:0}.garage-page .grid .grid-item.opened ul{opacity:1;height:100%}.garage-page .grid .grid-item ul::-webkit-scrollbar{background-color:#0000;width:8px}.garage-page .grid .grid-item ul::-webkit-scrollbar-track{background-color:#0000}.garage-page .grid .grid-item ul::-webkit-scrollbar-thumb{background-color:var(--body-text-color);border-radius:16px}.garage-page .grid .grid-item ul::-webkit-scrollbar-thumb:hover{background-color:var(--white-3)}.garage-page .grid .grid-item ul::-webkit-scrollbar-button{display:none}.card{border:1px solid var(--body-text-color);border-radius:8px;flex-direction:column;width:150px;height:150px;padding:.25rem;display:flex}.card.full-size{width:100%;height:auto}.card .title{padding:.5rem;font-size:.75rem}.card .body-text{justify-content:center;align-items:center;width:100%;height:50%;font-size:1.25rem;font-weight:600;display:flex}.card .body-content{padding:.5rem}.cars-list{margin:0;padding:0}.cars-list.grid{gap:1rem;display:grid}.cars-list.grid .car-item{border-radius:12px;flex-direction:column;align-items:stretch;max-height:300px;margin-top:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.cars-list.grid .car-item .car-link{flex-direction:column;height:100%}.cars-list.grid .image-container{width:100%;position:relative}.cars-list.grid .image-container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cars-list.grid .info{text-align:center}.cars-list.grid .car-item .info .name{white-space:pre-wrap;max-height:5rem;font-size:.8rem}.cars-list.grid .car-item .info .year{flex:1;font-size:.7rem}.cars-list.grid .car-item .info .alias{font-size:.6rem}.car-item{background-color:var(--body-1);border:1px solid #0000;border-radius:10px;align-items:stretch;margin-top:.5rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}body[dark-theme=true] .car-item{background-color:var(--body-2);box-shadow:0 1px 3px #0006}body[dark-theme=false] .car-item{background-color:#fff;box-shadow:0 1px 6px #00000026}.car-item:hover{transform:translateY(-2px)}.car-item .car-link{width:100%;display:flex}.car-item .image-container{aspect-ratio:16/9;background-color:var(--body-3);width:160px;overflow:hidden}.car-item .image-container img{object-fit:cover;width:100%;height:100%}.car-item .info{flex-direction:column;flex:1;min-width:0;padding:.75rem 1rem;display:flex}.car-item .info .name{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.car-item .info .alias{opacity:.65;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.85rem;font-style:italic;overflow:hidden}.car-item .info .year{opacity:.5;margin-top:.25rem;font-size:.8rem}.button-wrapper{z-index:2;background:var(--body-3);border-radius:8px;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.button-wrapper svg{cursor:pointer;pointer-events:auto;background-color:#0000;border-radius:6px;padding:6px;transition:all .15s}.button-wrapper svg:hover{filter:brightness(70%)}body .car-item.selected{border:2px solid var(--yellow);background-color:color-mix(in srgb,var(--yellow)10%,var(--body-1));box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow)30%,transparent),0 4px 12px #00000040;transform:translateY(-1px)scale(1.01)}body[dark-theme=true] .car-item.selected{background-color:color-mix(in srgb,var(--yellow)10%,var(--body-2))}.car-item.selected .button-wrapper{background-color:var(--yellow)}.car-item.selected .button-wrapper svg{color:var(--black-1)}@media (max-width:700px){.car-item .image-container{width:80px}}.carlist-header{display:flex}.carlist-header .select-mode-btn{border-radius:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .25rem;display:flex}.carlist-header .select-mode-btn.active{background-color:var(--red)}.action-buttons{flex-wrap:wrap;justify-content:space-between;gap:.25rem;width:100%;margin-top:.5rem;margin-bottom:.5rem;display:flex}.action-buttons .choice-buttons{gap:.25rem;margin:0}.action-buttons .filters{justify-content:start}.action-buttons .display-modes{justify-content:end}.action-buttons .display-modes button{justify-content:center;align-items:center;display:flex}.multi-action-bar{background-color:var(--body-2);border:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:.5rem 1rem;animation:.2s fadeIn;display:flex}.multi-action-bar .actions svg{cursor:pointer;margin-left:.75rem;transition:transform .15s}.multi-action-bar .actions svg:hover{transform:scale(1.1)}.top-bar{position:-webkit-sticky;position:sticky;top:0}.bottom-bar{display:none}.bottom-bar-inner{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}@media (max-width:700px){.top-bar{display:none}.bottom-bar{background-color:var(--body-2);border-top:1px solid var(--border-color);padding:.75rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 5px #00000040}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-item input[type=date]{box-sizing:border-box;width:100%;max-width:100%}.image-preview{justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.image-preview .car-image{width:auto;max-height:180px;min-height:unset;background-color:unset;border-radius:8px;max-width:100%;position:absolute}.image-preview .car-image.empty{background-color:var(--body-3);justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:absolute}.button-group{gap:1rem;margin-top:1rem;display:flex}.submit-button{margin-top:2rem}.calendar{flex-direction:column;width:100%;margin:0 auto;font-family:Nunito;display:flex}.calendar .calendar-scroll{max-width:100%;overflow-x:auto}.calendar .calendar-header,.calendar .calendar-week{grid-template-columns:repeat(7,1fr);min-width:600px;display:grid}.calendar .calendar-day-label{text-align:center;padding:8px;font-weight:700}.calendar .calendar-cell{border:1px solid var(--white-3);text-align:center;cursor:pointer;justify-content:center;align-items:center;height:100px;padding:4px;transition:all .2s;display:flex;position:relative;overflow:hidden}.calendar .calendar-cell.empty{background-color:var(--white-3);pointer-events:none}.calendar .calendar-cell.has-car{background-color:var(--green)}.calendar .calendar-cell.no-car{background-color:var(--white-1)}.calendar .calendar-cell.selected{background-color:var(--yellow)}.calendar .calendar-cell:hover{filter:brightness(.75)}.calendar .calendar-day-number{color:var(--black-3);font-size:12px;position:absolute;top:2px;left:4px}.calendar .calendar-thumbnail{flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.calendar .calendar-thumbnail img{border-radius:4px;width:60px;height:auto;margin-top:20px}.calendar .calendar-thumbnail label{color:var(--black-1);pointer-events:none;font-size:10px}.calendar .calendar-placeholder{color:var(--black-3);font-size:12px}.calendar .calendar-tooltip{color:var(--white-1);white-space:nowrap;z-index:999;pointer-events:none;background-color:#000000d9;border-radius:4px;padding:6px 8px;font-size:12px;position:fixed}.calendar .calendar-thumbnail:hover .calendar-tooltip{display:block}.date-selector{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.date-selector .date-selectors select{margin:0 4px;padding:4px;font-size:14px}.date-selector .arrow{cursor:pointer;color:var(--body-text-color);opacity:1;background:0 0;border:none;font-size:20px}.date-selector .arrow:hover{opacity:.75}.unauthorised-page{justify-content:center;align-items:center;display:flex}.unauthorised-page .container{background-color:var(--white-1);text-align:center;border-radius:12px;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.unauthorised-page .container h1{color:var(--red)}.unauthorised-page .container p{color:var(--black-1);margin-bottom:1rem}.line-chart-container{width:100%;overflow:visible}.line-chart-container .line-chart{display:block;overflow:visible}.horizontal-chart-bar{flex-direction:column;gap:6px;display:flex}.horizontal-chart-bar .labels{justify-content:space-between;font-size:.75rem;display:flex}.horizontal-chart-bar .full-bar{background:var(--body-2);border-radius:4px;height:10px;overflow:hidden}.horizontal-chart-bar .filled-bar{background:var(--yellow);height:100%;transition:width .4s}.table{border-collapse:collapse;width:100%;font-size:.75rem}.table .header{text-align:left;border-bottom:1px solid var(--body-3)}.table .header .text{padding:6px 8px}.table .header .text.right,.table .body-item .text.right{text-align:right}.table .body-item{border-bottom:1px dashed var(--body-3)}.table .body-item .text{padding:8px}.totals-grid{justify-content:space-between;gap:.5rem;display:flex}@media (max-width:700px){.totals-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.totals-grid .card{width:100%}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}@font-face{font-family:Mochiy Pop One;src:url(/static/font/MochiyPopOne-Regular.a8dd3b66.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/static/font/Nunito-VariableFont_wght.df8e05a1.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/static/font/Nunito-Italic-VariableFont_wght.75aacf34.woff2)format("woff2");font-weight:200 1000;font-style:italic;font-display:swap}html{--black-1:#121212;--black-2:#1e1e1e;--black-3:#323232;--white-1:#fff;--white-2:#e1e1e1;--white-3:#c8c8c8;--orange:#ea7d3a;--yellow:#ffc107;--green:#4db851;--red:#f2555e;--blue:#454fd6;background-color:var(--body-1);width:100%;font-family:Mochiy Pop One}body{color:var(--body-text-color);width:100%;margin:0;padding:0}p{margin:0;padding:0}#root{flex-direction:column;max-width:800px;min-height:100vh;margin:auto;padding-left:1rem;padding-right:1rem;display:flex}a{-webkit-text-decoration:unset;-webkit-text-decoration:unset;text-decoration:unset;color:inherit}button,a.button{cursor:pointer;background-color:var(--yellow);color:#000;border-style:none;border-radius:8px;padding:.1rem .5rem;font-family:Nunito,sans-serif;font-size:16px;transition:all .2s}@media (hover:hover){button:not(.disabled):hover,a.button:not(.disabled):hover{filter:brightness(70%)}button:not(.disabled):focus-visible{filter:brightness(70%)}a.button:not(.disabled):focus-visible{filter:brightness(70%)}}button.disabled,button:disabled,a.button.disabled,a.button:disabled{background-color:var(--body-3);color:var(--body-text-color);opacity:.8;cursor:no-drop}input{font-family:Nunito,sans-serif}fieldset{border:0;margin:0;padding-left:0;padding-right:0}.tabs{border:1px solid var(--body-text-color);text-align:center;border-radius:8px;justify-content:space-around;align-items:stretch;margin-top:1rem;margin-bottom:1rem;display:flex;overflow:hidden}.tabs .tab{background-color:unset;opacity:1;color:var(--body-text-color);border-radius:0;justify-content:center;align-items:center;width:100%;display:flex}.tabs .tab:hover{opacity:.85}.tabs .tab.active{background-color:var(--yellow);color:var(--black-1)}.red{background-color:var(--red);color:var(--black-1)}.green{background-color:var(--green);color:var(--black-1)}.dropdown{position:relative}.dropdown .dropdown-button{border-radius:unset;border-style:unset;background-color:unset;color:unset;font-family:unset;font-size:unset;padding:unset;cursor:pointer;align-items:center;font-size:1rem;transition:all .25s;display:flex}.dropdown .dropdown-button .icon{width:24px;height:24px}.dropdown .dropdown-button .arrow{width:12px;padding-top:.25rem}.dropdown .dropdown-button p{margin:0;padding-left:.5rem;padding-right:.5rem}.dropdown .dropdown-button:hover,.dropdown:active .dropdown-button{color:var(--yellow);filter:unset}.dropdown:has(:active) .dropdown-button{color:inherit}.dropdown .menu-wrapper{z-index:1;background-color:var(--body-1);width:-webkit-max-content;width:max-content;box-shadow:0px 0px 0px 0px var(--body-text-color);border-radius:8px;grid-template-rows:0fr;margin:0;padding:0;transition:grid-template-rows .25s ease-in-out,box-shadow .25s ease-in-out;display:grid;position:absolute;top:2rem}.right .dropdown .menu-wrapper{right:0}.dropdown.hover:hover .menu-wrapper,.dropdown.hover:focus-within .menu-wrapper,.dropdown .menu-wrapper.active{box-shadow:0px 0px 0px 1px var(--body-text-color)}.dropdown .menu-wrapper .menu{margin:0;padding:0;list-style-type:none;overflow:hidden}.dropdown .menu-wrapper .menu li{padding:.25rem}.dropdown .menu-wrapper .menu li .dropdown-item{border-radius:unset;border-style:unset;background-color:unset;color:unset;font-family:unset;font-size:unset;padding:unset;cursor:pointer;text-align:left;width:100%;max-width:160px;height:100%;margin:0;font-size:1rem;transition:all .25s;display:block}.dropdown .menu-wrapper .menu li .dropdown-item:hover,.dropdown .menu-wrapper .menu li .dropdown-item:active{color:var(--yellow);filter:unset}.dropdown .menu-wrapper .menu li span.dropdown-item{cursor:default;border-bottom:1px solid var(--body-text-color);text-align:center;word-wrap:break-word;opacity:.75;width:100%;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem}.dropdown .menu-wrapper .menu li span.dropdown-item:hover{color:inherit}.dropdown.hover:hover .menu-wrapper,.dropdown.hover:focus-within .menu-wrapper,.dropdown .menu-wrapper.active{grid-template-rows:1fr}.navbar{justify-content:center;margin:1rem;font-size:20px;display:flex}.navbar .app-logo{width:auto;height:150px}.navbar .left,.navbar .right{justify-content:flex-start;align-items:center;gap:1rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.navbar .right{justify-content:flex-end}@media screen and (max-width:800px){.navbar .app-logo{width:auto;height:64px}.navbar .dropdown .dropdown-button,.navbar .dropdown .menu-wrapper .menu li .dropdown-item{font-size:.75rem}}@media screen and (max-width:650px){.navbar .left{gap:.5rem}.navbar .dropdown .dropdown-button>p{display:none}}.modal .modal-body .options{gap:1rem;display:flex}.modal .modal-body .options .option-button{background-color:var(--body-1);border:2px solid var(--body-text-color);text-align:center;cursor:pointer;opacity:.33;width:100px;height:100px;color:var(--body-text-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;transition:all .25s;display:flex}.modal .modal-body .options .option-button:hover{background-color:var(--yellow);color:initial;opacity:1;filter:none}.modal .modal-body .options .option-button:focus-visible{background-color:var(--yellow);color:initial;opacity:1;filter:none}.modal .modal-body .options .option-button.selected{opacity:1}.modal{z-index:999999;opacity:0;background-color:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s forwards fadeInOverlay;display:flex;position:fixed;top:0}.modal .modal-body .close-button-wrapper{width:100%;height:0;position:relative}.modal .modal-body .close-button-wrapper>div{float:right;cursor:pointer;padding-right:1rem;transition:all .25s}.modal .modal-body .close-button-wrapper>div:hover{color:var(--orange)}.modal .modal-body{background-color:var(--body-1);opacity:0;border-radius:24px;flex-direction:column;align-items:center;width:80%;max-width:600px;height:auto;max-height:80%;padding-top:1rem;padding-bottom:1rem;animation:.25s forwards scaleIn;display:flex;overflow:auto;transform:scale(.9)}.modal .modal-body h2,.modal .modal-body h3{margin:1rem 0}.modal .modal-body :not(h2){font-family:Nunito}.modal.fade-out{animation:.25s forwards fadeOutOverlay}.modal.fade-out .modal-body{animation:.25s forwards scaleOut}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.footer{flex-direction:column;justify-content:end;align-items:center;width:100%;margin-top:auto;padding-bottom:10px;display:flex;position:relative;top:58px}.footer .road{border-top:1px solid var(--body-text-color);width:250px}@media screen and (max-width:600px){.footer .car-image{height:50px}}@media screen and (max-height:500px){.footer{display:none}}.footer .footer-container{flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0;display:flex}.footer .footer-title{color:var(--body-text-color);font-family:Nunito;font-size:.885rem;font-weight:700}.footer .footer-buttons{gap:1rem;display:flex}.footer .footer-buttons button{color:var(--body-text-color);background:0 0;border:none;padding:0;font-size:.75rem}.footer .footer-buttons button:hover{color:var(--yellow)}.modal .content{box-sizing:border-box;width:100%;padding:1rem}.modal .content .center{align-items:center;justify-content:cente;flex-direction:column;display:flex}.modal .content img{object-fit:contain}.modal .content>*{margin-top:1rem;margin-bottom:1rem}.modal .content .blue{color:var(--blue)}