@font-face{font-family:Akzidenz;font-style:normal;font-weight:700;src:url(assets/fonts/5b7699356120e90f7556.otf) format("opentype")}@font-face{font-family:Akzidenz;font-style:normal;font-weight:500;src:url(assets/fonts/cc26999e30e2dc975f08.otf) format("opentype")}@font-face{font-family:Akzidenz;font-style:normal;font-weight:400;src:url(assets/fonts/b0f366292c60998c5d9a.otf) format("opentype")}:root{--white:#fffffa;--black:#4a4a48;--primary:#a8dadc;--secondary:#f4a261;--filterTitle:#f1faee;--background:#b3d4e0;--labelActive:var(--white);--labelBackground:#a8dadc;--labelBackgroundActive:#f4a261;--buttonBackground:#a8dadc;--buttonColor:var(--black);--buttonBackgroundHover:var(--black);--buttonColorHover:var(--white);--gray:#cbd4c2;--darkgray:#9aa5a1;--disabled:#ebebe4;--buttonDisabled:#d3d3d3;--buttonBackgroundDisabled:#a9a9a9}*{box-sizing:border-box;font-family:Akzidenz,sistem-ui,sans-serif;margin:0;padding:0}body,html{height:100%}button{border-radius:30px;padding:5px}.page-wrapper{display:flex;flex-direction:column;height:auto;min-height:100%}.header{background-color:var(--background);padding:30px;text-align:center}.header__nav{align-items:center;display:flex;justify-content:flex-start}.header a{background-color:var(--buttonBackground);border:2px solid var(--white);border-radius:30px;color:var(--white);font-size:1.5rem;font-weight:700;height:fit-content;margin-right:20px;padding:5px;text-decoration:none;width:150px}.header a:hover{background-color:var(--buttonBackgroundHover);border:2px solid var(--primary);color:var(--primary)}.header .nav-button--disabled{background-color:var(--buttonBackgroundDisabled);border:2px solid var(--buttonDisabled);color:var(--buttonDisabled);pointer-events:none}.main{flex:1 1 auto}.footer{background-color:var(--background);padding:30px;text-align:center}.footer__contacts,.footer__contacts-item{align-items:center;display:flex}.footer__contacts-item{justify-content:space-between;width:100%}.footer__contacts-item a{color:#322e37;font-size:1.1rem;font-weight:700;padding:10px;text-decoration:none}.footer__contacts-item a:hover{color:var(--white);cursor:pointer;text-decoration:underline}.footer__contacts-item a .school__logo{height:25px;width:80px}.footer__contacts-item a .logo:hover{mix-blend-mode:color-burn}.car{height:fit-content;padding-bottom:10px;width:100%}.car__conrollers{display:flex;flex-direction:row;gap:15px;width:100%}.car__container{background-color:var(--background);border-bottom:10px dashed var(--black);display:flex;height:100%;width:100%}.car__button-remove,.car__button-select{align-items:center;background-color:var(--white);border:1px solid var(--black);border-radius:2px;cursor:pointer;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:90px}.car__button-remove:hover,.car__button-select:hover{background-color:var(--black);color:var(--white)}.car__title{align-items:center;color:var(--black);display:flex;font-size:1.3rem;font-weight:700;height:100%;justify-content:flex-start;width:fit-content}.car__button-container{display:flex;flex-direction:column;width:80px}.car__button-start,.car__button-stop{align-items:center;background-color:var(--white);border:1px solid var(--black);color:var(--black);cursor:pointer;display:flex;height:100%;justify-content:center;width:60px}.car__button-start:hover,.car__button-stop:hover{background-color:var(--black);color:var(--white)}.car__wrapper{align-items:flex-end;display:flex;height:60px;width:100px}.car__model{align-items:center;display:flex;height:30px;width:80px}.car__model svg{height:50px;width:100px}.car__finish-line{height:60px;position:absolute;right:100px;width:50px}.garage{background-color:#94a3b8;height:fit-content;width:100%}.garage__page-title,.garage__title{align-items:center;color:var(--black);display:flex;font-size:1.3rem;font-weight:700;height:100%;justify-content:flex-start;width:fit-content}.garage__page-title{margin-top:10px}.car-generator{align-items:flex-start;background-color:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.car-generator__wrapper{display:flex;width:28rem}.car-generator__title{align-items:flex-start;background-color:#f5f5f5;display:flex;flex-direction:column;font-size:1.2rem;height:3rem;justify-content:center;width:100%}.car-generator__color{border:1px solid #000;cursor:pointer;height:3rem;width:5rem}.car-generator__input-button{align-items:flex-start;background-color:#f5f5f5;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;height:3rem;justify-content:center;padding:20px;text-transform:uppercase;width:180px}.car-generator__input-button:hover{background-color:#e5e5e5}.car-generator__input-button:disabled{opacity:.5;pointer-events:none}.car-generator__buttons{display:flex;gap:20px;margin-top:10px;width:28rem}.car-generator__button{align-items:flex-start;background-color:#f5f5f5;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;height:3rem;justify-content:center;padding:20px;text-transform:uppercase;width:fit-content}.car-generator__button:hover{background-color:#e5e5e5}.pagination{background-color:var(--white);border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);height:50px;margin:40px auto;max-width:1200px;padding:0}.pagination,.pagination__list{align-items:center;display:flex;justify-content:center;width:100%}.pagination__list{height:100%}.pagination__item{align-items:center;background-color:var(--white);border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;margin:0;padding:0;width:50px}.pagination__item:hover{transform:scale(1.1)}.pagination__item--active,.pagination__item:hover{background-color:var(--black);color:var(--white)}.pagination__item--disabled{background-color:var(--disabled);color:var(--black);pointer-events:none}.pagination__item--disabled .pagination__item{color:var(--black);opacity:.7;pointer-events:none}.modal{align-items:center;background:hsla(0,0%,100%,.9);border:2px solid var(--black);border-radius:5%;color:#0bb15e;display:flex;font-size:1.5rem;font-weight:600;height:100px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:50%;width:70%;z-index:9999}.winners__cars-container{background-color:var(--darkgray);height:fit-content;padding-bottom:50px;width:100%}.winners__page{margin-top:10px}.winners__navigation{background-color:var(--background);flex-direction:row;font-weight:500;height:30px;justify-content:space-between;width:100%}.winners__navigation,.winners__navigation-item{align-items:center;display:flex;text-decoration:none}.winners__navigation-item{color:var(--black);cursor:pointer;height:100%;justify-content:center;width:100px}.winners__navigation-item-toggle{cursor:pointer}.winners__navigation-item-toggle.asc .winners__navigation-item-down .winners__navigation-item-toggle.desc .winners__navigation-item-up,.winners__navigation-item-toggle.asc .winners__navigation-item-up,.winners__navigation-item-toggle.desc .winners__navigation-item-down,.winners__navigation-item:hover{color:var(--white)}.winners__navigation-item svg{height:40px;width:70px}.winners__car{background-color:var(--darkgray);border:1px solid var(--black);flex-direction:row;font-weight:500;height:50px;justify-content:space-between;margin:5px 0;width:100%}.winners__car,.winners__car-item{align-items:center;display:flex;text-decoration:none}.winners__car-item{color:var(--black);height:100%;justify-content:center;width:100px}.winners__car-item svg{height:40px;width:70px}