body{margin:0;padding:0;font-family:"Roboto",sans-serif;background-color:#353557;color:#fff}
.header{height:50px;display:flex;justify-content:center;align-items:center;gap:20px}.header__buttons{display:flex;justify-content:flex-start;gap:10px}
.create-input-wrapper,.update-input-wrapper{display:flex;justify-content:center;align-items:stretch}.update-input-wrapper{margin-top:10px}.input__text{height:100%;height:21px}.input__color{height:100%;height:27px;margin-left:10px}.button_create,.button_update{margin-left:10px;width:80px;background-color:#e4deff;border-radius:5px;cursor:pointer}.buttons-group{max-width:330px;margin:0 auto;display:flex;justify-content:space-between;align-items:stretch;margin-top:10px}.button_race,.button_reset,.button_generate-cars{min-width:33%;padding:5px 5px;border-radius:5px;border:1px solid #000;font-weight:bold;color:#302563;cursor:pointer;transition:background-color .3s ease-in-out}.button_race{background-color:#81ff87}.button_race:hover{background-color:#42e047}.button_race:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:default}.button_reset{background-color:#ff8181}.button_reset:hover{background-color:#e04242}.button_generate-cars{background-color:#fffb81}.button_generate-cars:hover{background-color:#e0d842}.garage-title{margin-top:10px;font-size:30px;font-weight:bold;text-align:center;color:#f2efff}
.winner-wrapper{position:absolute;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background-color:rgba(0,0,0,.3);z-index:1;top:250px;bottom:0}.winner-text{position:absolute;font-size:50px;color:#fff;font-weight:bold;text-shadow:0 0 10px #fff;z-index:2}.pagination-buttons-wrapper{display:flex;justify-content:center;align-items:center;margin-top:15px}.button_prev,.button_next{margin-right:10px;padding:5px 20px;border:1px solid #505050;border-radius:5px;font-weight:bold;cursor:pointer;transition:all .3s ease-in-out}.button_prev:hover,.button_next:hover{background-color:#505050;color:#fff}.page-number-title{font-size:20px;font-weight:bold;margin:0 auto;text-align:center}.disabled{pointer-events:none;opacity:.5}
.header-car-wrapper{display:flex;align-items:center}.race-car-wrapper{width:100%;border-bottom:1px dashed #fff;margin-top:30px}.button_action{width:80px;height:25px;margin:0 3px;border-radius:5px;border:1px solid #6c7392;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;transition:background-color .3s ease-in-out}.button_select{background-color:#b89fff}.button_select:hover{background-color:#2b1bb3}.button_remove{background-color:#f88}.button_remove:hover{background-color:red}.car-image-wrapper{width:60px;height:30px}.race-wrapper{align-self:flex-end;width:100%;position:relative}.finish-flag-wrapper{position:absolute;width:30px;height:30px;right:90px;bottom:0}.body-car-wrapper{display:flex;height:50px;margin-top:5px}.button_start-engine,.button_stop-engine{width:20px;height:20px;margin:0 3px;border-radius:5px;border:1px solid #e6e0e0;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:inherit;color:#fff}.car-name-wrapper{margin-left:30px;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;font-weight:600;color:#e0c9a5}
.winners{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}
.table-wrapper{border:1px solid #ebebeb;background-color:#444694}.table-header__cell{padding:5px 20px;text-align:center;border:1px solid #d4d4d4}.table-header__cell_wins,.table-header__cell_time{cursor:pointer}.sort_asc::after{content:"▼";margin-left:10px}.sort_desc::after{content:"▲";margin-left:10px}
.winners__row{width:100%;height:30px;border:1px solid #4d4d4d}.table-cell{padding:5px 20px;text-align:center}
.button_link{display:flex;align-items:center;justify-content:center;width:80px;height:30px;border:none;border-radius:8px;background-color:#b89fff;cursor:pointer;outline:none;transition:all .3s ease-in-out;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:20px;padding:5px 30px}.button_link:hover{background-color:#2b1bb3}.button__selected{background-color:#2b1bb3}
.main{height:calc(100vh - 35px);margin-top:5px}
