@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}p{--paragraph-margin-bottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraph-margin-bottom)}img{display:block;max-width:100%}input,textarea,select,button{font:inherit}html{scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}svg *[fill]{fill:currentcolor}svg *[stroke]{stroke:currentcolor}svg *{transition-property:fill,stroke}body,h1,h2,h3,h4,h5,h6,p,figure,picture{margin:0}h1,h2,h3,h4,h5,h6{font-weight:600}p{font-weight:400}body{box-sizing:border-box;font-family:"Exo 2",serif;font-weight:400;font-style:normal;background-color:#291b1b}h1{font-size:20px;line-height:130%;letter-spacing:.05em}h2{font-size:18px;letter-spacing:.03em}h3{font-size:14px;letter-spacing:.03em}h4{font-size:17px;letter-spacing:.03em}p{font-size:16px;line-height:148%;letter-spacing:.05em}.btn{cursor:pointer;display:block;padding:2px 12px;border:none;border-radius:4px;font-family:"Exo 2",serif;font-size:15px;font-weight:600;letter-spacing:.05rem;transition:.5s ease-out}.btn:disabled:hover{cursor:not-allowed;color:#1010104d}.garage-btn,.winners-btn{min-width:100px;font-size:18px}.garage-btn:hover,.winners-btn:hover{color:#b70707;box-shadow:2px 2px 1px #b70707}.garage-btn:active,.winners-btn:active,.garage-btn.active,.winners-btn.active{color:#b70707;background-color:#f9e070;box-shadow:2px 2px 1px #b70707}.btn-color-green:not([disabled]){background-color:#4f9268}.btn-color-green:not([disabled]):hover{background-color:#f9e070}.btn-color-red:not([disabled]){background-color:#b70707}.btn-color-red:not([disabled]):hover{background-color:#f9e070}.navigation-btn:not([disabled]):hover{background-color:#f9e070}#create-car-btn{width:108px}.garage-control{width:400px;margin:10px auto 0}.cars-control{display:flex;gap:10px;align-items:center;justify-content:center;height:35px}.cars-control.cars-control-btn{width:108px}.cars-control-name{width:200px;padding:3px 10px;border-radius:6px;font-size:14px}.cars-control-name[disabled]{cursor:not-allowed}.cars-control-color{cursor:pointer;width:40px;height:25px;border-radius:4px}.cars-control-color[disabled]{cursor:not-allowed}.cars-control-btns-container{display:flex;gap:6px;align-items:center;justify-content:center;height:35px}h3{font-size:17px;color:#fff;letter-spacing:.03rem}.garage-cars-amount{margin-left:auto}.winners-cars-amount{margin:15px auto}.navigation{display:flex;gap:12px;align-items:center;margin-right:auto}.navigation-btn{font-size:13px}.page-number{width:20px;height:20px;border-radius:4px;text-align:center;background-color:#fff}.garage-box{position:relative;width:100%;margin:15px auto}#winner-car{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#f9e070;text-shadow:2px 3px 2px #b70707;letter-spacing:.03rem}.car-container{position:relative;height:75px;margin-bottom:6px;border-bottom:2px dashed #fff}.car-item-btns-container{display:flex;gap:8px;align-items:center;height:36px}.car-item-btn{cursor:pointer;width:26px;height:26px;border:none;border-radius:4px}.car-item-btn[disabled]{cursor:not-allowed;background-color:#efefef4d}.car-item-btn-start{background:url(../start.svg) center center/contain;background-color:#4f9268}.car-item-btn-return{background:url(../return.svg) center center/contain;background-color:#b70707}.car-item-btn-change{background:url(../change.svg) center center/contain;background-color:#4f9268}.car-item-btn-delete{background:url(../delete.svg) center center/contain;background-color:#b70707}.car-name{color:#fff}.car{position:absolute;bottom:0;left:0;overflow:hidden;width:90px;height:35px}.car svg{position:absolute;top:-24px;height:80px}.finish-img{position:absolute;right:100px;bottom:0;width:40px;height:40px;background:url(../finish-flag.svg) center center/contain}.table-cell{position:relative;height:30px;padding:5px 10px;color:#fff;text-align:center}.table-wins,.table-record{cursor:pointer;transition:.5s ease-out}.table-wins:hover,.table-record:hover{color:#f9e070}.table-car svg{position:absolute;top:-15px;right:0;bottom:0;left:0}.header{width:100%;height:40px;background:url(../header_bk.png) center center/cover}.logo{display:inline-block;margin:0;font-size:26px;color:#fff;text-shadow:2px 3px 2px #b70707;letter-spacing:.05rem}.btn-container{display:flex;gap:15px;align-items:center}.wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 25px}.main-wrapper{flex-direction:column}.main{width:100%;min-height:calc(100dvh - 80px);padding:30px 0}.footer{width:100%;height:40px;background:url(../header_bk.png) center center/cover}.footer-year{color:#fff}.footer-link{cursor:pointer;font-size:18px;font-weight:500;color:#fff;text-decoration:none;letter-spacing:.05rem;transition:.5s ease-out}.footer-link:hover{text-shadow:2px 3px 2px #b70707}