body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Proxima Nova;font-style:normal;font-weight:900;src:url(/React-pizza/static/media/ProximaNova-Black.9a114cea74aac9cc06cc.eot);src:local("../../public/fonts/Proxima Nova Black"),local("ProximaNova-Black"),url(/React-pizza/static/media/ProximaNova-Black.9a114cea74aac9cc06cc.eot?#iefix) format("embedded-opentype"),url(/React-pizza/static/media/ProximaNova-Black.131eab64b8a971a4fc73.woff) format("woff"),url(/React-pizza/static/media/ProximaNova-Black.5335144c30bdc79a2d6d.ttf) format("truetype")}@font-face{font-family:Proxima Nova;font-style:normal;font-weight:700;src:url(/React-pizza/static/media/ProximaNova-Bold.787088b281e017f8c449.eot);src:local("../../public/fonts/Proxima Nova Bold"),local("ProximaNova-Bold"),url(/React-pizza/static/media/ProximaNova-Bold.787088b281e017f8c449.eot?#iefix) format("embedded-opentype"),url(/React-pizza/static/media/ProximaNova-Bold.1f267da183b3d4fe3d5b.woff) format("woff"),url(/React-pizza/static/media/ProximaNova-Bold.7722451a8c88b6100185.ttf) format("truetype")}@font-face{font-family:Proxima Nova;font-style:normal;font-weight:400;src:url(/React-pizza/static/media/ProximaNova-Regular.d97f8f32c098b28c3ab0.eot);src:local("../../public/fonts/Proxima Nova Regular"),local("ProximaNova-Regular"),url(/React-pizza/static/media/ProximaNova-Regular.d97f8f32c098b28c3ab0.eot?#iefix) format("embedded-opentype"),url(/React-pizza/static/media/ProximaNova-Regular.99528640efded3e12591.woff) format("woff"),url(/React-pizza/static/media/ProximaNova-Regular.b078618b41b9b6629ea0.ttf) format("truetype")}@font-face{font-family:Proxima Nova;font-style:normal;font-weight:800;src:url(/React-pizza/static/media/ProximaNova-Extrabld.b9fcd9fbe4d0b5e73cbd.eot);src:local("../../public/fonts/Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url(/React-pizza/static/media/ProximaNova-Extrabld.b9fcd9fbe4d0b5e73cbd.eot?#iefix) format("embedded-opentype"),url(/React-pizza/static/media/ProximaNova-Extrabld.64f095e95e4018946cb1.woff) format("woff"),url(/React-pizza/static/media/ProximaNova-Extrabld.026a945d32b05c6c8710.ttf) format("truetype")}*{box-sizing:border-box;font-family:Proxima Nova,Roboto,system-ui,Tahoma,sans-serif;list-style:none;margin:0;outline:none;padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}a,b,body,h1,h2,h3,h4,h5,p,span{color:#232323}h1{font-size:48px}h2{font-size:28px;font-weight:600;line-height:30px}a{text-decoration:none}.header{border-bottom:1px solid #f6f6f6;padding:40px 0}.header .container{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex}.header__logo img{margin-right:15px}.header__logo h1{color:#181818;font-size:24px;font-weight:800;letter-spacing:1%;text-transform:uppercase}.header__logo p{color:#7b7b7b}@media(max-width:1100px){.header{padding:20px 0}.header__logo h1{font-size:20px}}@media(max-width:768px){.header{padding:10px 0}.header__logo h1{font-size:18px}.header__logo p{font-size:12px}}@media(max-width:430px){.header__logo div{display:flex;flex-direction:column;justify-content:center;width:min-content}.header__logo h1{text-wrap:nowrap;font-size:14px}.header__logo p{text-wrap:wrap;font-size:10px}}.button{-webkit-touch-callout:none;background-color:#fe5f1e;border:1px solid #0000;border-radius:30px;cursor:pointer;display:inline-block;min-width:100px;padding:10px 20px;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}.button,.button span{color:#fff}.button i,.button path,.button span,.button svg{transition:all .15s ease-in-out}.button:hover{background-color:#f24701}.button:active{background-color:#de4101;transform:translateY(1px)}.button--circle{align-items:center;border-width:2px;display:flex;height:32px;justify-content:center;min-width:32px;padding:0;width:32px}.button--black{background-color:#232323}.button--black:active,.button--black:hover{background-color:#3d3d3d}.button--outline,.button-delete{background-color:#fff;border-color:#fe5f1e}.button--outline,.button--outline span,.button-delete,.button-delete span{color:#fe5f1e}.button--outline svg path,.button-delete svg path{fill:#fe5f1e}.button--outline:hover,.button-delete:hover{background-color:#fe5f1e}.button--outline:hover,.button--outline:hover span,.button-delete:hover,.button-delete:hover span{color:#fff}.button--outline:hover svg path,.button-delete:hover svg path{fill:#fff}.button--outline:active,.button-delete:active{background-color:#f24701}.button__delimiter{background-color:#ffffff40;height:25px;margin-left:14px;margin-right:14px;width:1px}.button--add svg{margin-right:2px}.button--add span{font-size:16px;font-weight:600}.button--add:hover i{background-color:#fff;color:#fe5f1e}.button--add i{background-color:#fe5f1e;border-radius:30px;color:#fff;display:inline-block;font-size:13px;font-style:normal;font-weight:600;height:22px;left:3px;line-height:22px;position:relative;top:-1px;width:22px}.button--cart{align-items:center;display:flex;line-height:23px;padding:12px 25px}.button--cart svg{margin-bottom:1px;margin-right:8px}.button--cart span{font-size:16px;font-weight:600}@media(max-width:768px){.cart__item-remove .button:active,.cart__item-remove .button:hover{background-color:#fff;border-color:#ddd}.button--add:hover i{background-color:#fe5f1e;color:#fff}.button--outline:hover{background-color:#fff}.button--outline:hover,.button--outline:hover span{color:#fe5f1e}.button--outline:hover svg path{fill:#fe5f1e}.button-delete:hover svg path{fill:#ddd}.button{transition:all 0s}.button--black:active,.button--black:hover{background-color:#232323}.button--add span{font-size:14px}.button{padding:5px 10px}.button__delimiter{margin-left:10px;margin-right:10px}.button--cart span{font-size:12px}}.categories ul{display:flex;flex-wrap:wrap;gap:10px}.categories ul li{-webkit-touch-callout:none;background-color:#f9f9f9;border-radius:30px;cursor:pointer;font-weight:700;outline:none;padding:13px 30px;transition:background-color .1s ease-in-out;-webkit-user-select:none;user-select:none}.categories ul li:hover{background-color:#f4f4f4}.categories ul li:active{background-color:#ececec}.categories ul li.active{background-color:#282828;color:#fff}@media(max-width:1100px){.categories ul li{font-size:14px;padding:5px 15px}}@media(max-width:768px){.categories ul li{transition:all 0s}.categories ul li :hover{background-color:#f9f9f9}}@media(max-width:510px){.categories ul{display:flex;flex-wrap:wrap;justify-content:center}.categories ul li{font-size:12px}}.sort{position:relative}.sort__label{align-items:center;display:flex}.sort__label b,.sort__label svg{margin-right:8px}.sort__label span{border-bottom:1px dashed #fe5f1e;color:#fe5f1e;cursor:pointer}.sort__popup{background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000017;margin-top:15px;overflow:hidden;padding:10px 0;position:absolute;right:0;width:160px}.sort__popup ul{overflow:hidden;position:relative}.sort__popup ul li{cursor:pointer;padding:12px 20px;z-index:500}.sort__popup ul li.active,.sort__popup ul li:hover{background:#fe5f1e0d}.sort__popup ul li.active{color:#fe5f1e;font-weight:700}@media(max-width:1100px){.sort__label,.sort__popup{font-size:14px}.sort__popup{border-radius:10px;margin-top:15px;padding:10px 0;position:absolute;right:0;width:140px}}@media(max-width:768px){.sort__popup{font-size:12px}.sort__popup ul li:hover{background:#fff}}@media(max-width:510px){.sort__popup{border-radius:10px;margin-top:15px;padding:5px 0;position:absolute;right:0;width:120px}.sort__label{font-size:12px}}.pizza-block{align-items:center;display:flex;flex-direction:column;height:172px;justify-content:space-between;text-align:center;width:280px}.pizza-block__image{width:260px}.pizza-block__title{font-size:20px;font-weight:900;letter-spacing:1%;margin-bottom:20px}.pizza-block__selector{background-color:#f3f3f3;border-radius:10px;display:flex;flex-direction:column;padding:6px;width:100%}.pizza-block__selector ul{display:flex;flex:1 1}.pizza-block__selector ul:first-of-type{margin-bottom:6px}.pizza-block__selector ul li{-webkit-touch-callout:none;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px;-webkit-user-select:none;user-select:none}.pizza-block__selector ul li.active{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000a;cursor:auto}.pizza-block__bottom{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:100%}.pizza-block__price{font-size:22px;font-weight:700;letter-spacing:.015em;line-height:27px}.skeleton_title{height:30px;width:280px}.skeleton__main{height:70px;width:280px}.skeleton_price{height:35px;width:100px}.skeleton_add{height:35px;width:140px}@media(max-width:768px){.skeleton_title{y:0;height:20px;width:210px}.skeleton__main{y:40;height:70px;width:210px}.skeleton_price{y:135;height:35px;width:70px}.skeleton_add{x:110;y:135;height:35px;width:100px}.pizza-block{width:210px}.pizza-block__image{width:260px}.pizza-block__title{font-size:16px;margin-bottom:10px}.pizza-block__selector{padding:4px}.pizza-block__selector ul li{font-size:14px;padding:8px}.pizza-block__bottom{margin-top:10px}.pizza-block__price{font-size:16px;line-height:20px}}body{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#ffdf8c}.wrapper{background-color:#fff;border-radius:10px;height:100%;margin:50px auto;max-width:1400px;width:calc(100vw - 100px)}.content{padding:0 0 40px}.content__top{margin:20px 0}.content__box_item{align-items:center;display:flex;gap:20px;justify-content:center}.content__box_item input{border:2px solid #919191;border-radius:10px;font-size:20px;padding:10px 15px}.content__items{flex-wrap:wrap;gap:30px;justify-content:center}.content__items,.content__top{align-items:center;display:flex}.content__top{justify-content:space-between}.container{margin:0 auto;width:90%}.container--cart{margin:90px auto;max-width:820px}.container--cart .content__title{margin:0}.pagination{align-items:center;display:flex;gap:30px;justify-content:center;margin:40px 10vw 0;-webkit-user-select:none;user-select:none}.pagination>li{border:2px solid #ff7b00;border-radius:15px;cursor:pointer;font-size:20px}.pagination>li,.pagination>li>a{padding:20px;transition:all 1s}.pagination>li:hover{background-color:orange}.pagination>li:hover>a{color:#fff}.selected{background-color:orange}.cart__top{align-items:center;display:flex;justify-content:space-between}.cart .content__title{align-items:center;display:flex;font-size:32px}.cart .content__title svg{height:30px;margin-right:10px;position:relative;top:-2px;width:30px}.cart .content__title svg path{stroke:#232323;stroke-width:1.9}.cart__clear{-webkit-touch-callout:none;align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.cart__clear span{color:#b6b6b6;display:inline-block;font-size:18px;margin-left:7px}.cart__clear path,.cart__clear span,.cart__clear svg{transition:all .15s ease-in-out}.cart__clear:hover svg path{stroke:#373737}.cart__clear:hover span{color:#373737}.cart__item{border-top:1px solid #f6f6f6;display:flex;justify-content:space-between;padding-top:30px;width:100%}.cart__item-img img{height:80px;width:80px}.cart__item-info{display:flex;flex-direction:column;justify-content:center}.cart__item-info h3{font-size:22px;font-weight:700;letter-spacing:.01em;line-height:27px}.cart__item-info p{color:#8d8d8d;font-size:18px}.cart__item-count{align-items:center;display:flex;justify-content:space-between}.cart__item-count b{padding:15px}.cart__item-count-minus svg path:first-of-type{display:none}.cart__item-count b{font-size:22px}.cart__item-price{align-items:center;display:flex;justify-content:center}.cart__item-price b{font-size:22px;font-weight:700;letter-spacing:.01em;padding:15px}.cart__item-remove{align-items:center;display:flex;justify-content:flex-end}.cart__item-remove .button{border-color:#ddd}.cart__item-remove svg{transform:rotate(45deg)}.cart__item-remove svg path{fill:#d0d0d0}.cart__item-remove .button svg{height:11.5px;position:relative;width:11.5px}.cart__item-remove .button:active,.cart__item-remove .button:hover{background-color:#2a2a2a;border-color:#2a2a2a}.cart__bottom{margin:50px 0}.cart__bottom-details{align-items:center;display:flex;justify-content:space-between}.cart__bottom-details span{font-size:22px}.cart__bottom-details span:last-of-type b{color:#fe5f1e}.cart__bottom-buttons{display:flex;justify-content:space-between;margin-top:40px}.cart__bottom-buttons .go-back-btn{align-items:center;border-color:#ddd;display:flex;justify-content:center}.cart__bottom-buttons .go-back-btn span{color:#c3c3c3;font-weight:500;font-weight:600}.cart__bottom-buttons .go-back-btn:hover{background-color:#111;border-color:#111}.cart__bottom-buttons .go-back-btn:hover span{color:#f6f6f6}.cart__bottom-buttons .go-back-btn svg{margin-right:12px}.cart__bottom-buttons .go-back-btn svg path{fill:#0000;stroke-width:2}.cart__bottom-buttons .pay-btn{font-size:16px;font-weight:600;padding:16px}.cart--empty{margin:0 auto;text-align:center}.cart--empty h2{font-size:32px;margin-bottom:10px}.cart--empty p{color:#777;font-size:18px;letter-spacing:.01em;line-height:145.4%}.cart--empty icon{position:relative;top:2px}.cart--empty img{display:block;margin:45px auto 60px;width:300px}.cart--empty .button--black{font-size:18px;font-weight:600;margin:0 auto;padding:12px 20px 14px}.cart__item_top{align-items:center;display:flex;gap:30px;justify-content:center}.cart__item_top_btm{align-items:center;display:flex;justify-content:space-evenly}@media(max-width:1440px){.container--cart{margin:60px auto}.pagination{gap:28px;margin:30px 4vw 0}.pagination>li{font-size:16px;padding:15px}.pagination>li>a{padding:16px}}@media(max-width:1024px){.cart__item-count>b,.cart__item-price>b{font-size:18px}.cart__item-count>div{height:25px;width:25px}.cart__item-count>div>svg{height:15px;width:15px}.cart__item-info>h3{font-size:18px}.cart__item-info>p{font-size:16px}.cart__bottom-buttons .go-back-btn{font-size:16px;padding:16px}.cart__bottom{margin:40px 0}.cart__bottom-details span{font-size:16px}.cart__bottom-buttons{margin-top:30px}.cart__bottom-buttons .go-back-btn:hover{background-color:#111;border-color:#111}.cart__bottom-buttons .pay-btn{font-size:16px;padding:16px}.container--cart{margin:40px auto}.cart .content__title{font-size:26px}.cart .content__title svg{height:20px;margin-right:10px;width:20px}.cart__clear span{font-size:16px}.cart--empty h2{font-size:28px}.cart--empty p{font-size:16px}.cart--empty .button--black{font-size:16px;margin-top:10px;padding:12px 20px 14px}.wrapper{margin:40px auto;width:calc(100vw - 80px)}.content{padding:25px 0}.content__title{font-size:22px}.content__box_item{gap:15px}.content__box_item input{font-size:18px;max-width:50vw;padding:5px 15px}}@media(max-width:768px){.pagination>li:hover{background-color:#fff}.pagination>li:hover>a{color:#fff}.cart__item-remove .button:active,.cart__item-remove .button:hover{background-color:#fff;border-color:#ddd}.cart__item-count>b,.cart__item-price>b{font-size:18px}.cart__item-info>h3{font-size:16px}.cart__item-info>p{font-size:14px}.cart__item{flex-direction:column}}@media(max-width:678px){.cart__item-count>b,.cart__item-price>b{font-size:16px}.cart__bottom-buttons .go-back-btn{font-size:14px;padding:10px}.cart__bottom{margin:20px 0 0}.cart__bottom-details span{font-size:14px}.cart__bottom-buttons{margin-top:20px}.cart__bottom-buttons .go-back-btn:hover{background-color:#111;border-color:#111}.cart__bottom-buttons .pay-btn{font-size:14px;padding:10px}.cart .content__title{font-size:20px}.cart .content__title svg{height:15px;width:15px}.cart__clear span{font-size:14px}.container--cart{margin:30px auto}.cart--empty h2{font-size:24px}.cart--empty p{font-size:14px}.cart--empty .button--black{font-size:14px;padding:12px 10px 14px}.wrapper{margin:30px auto;width:calc(100vw - 40px)}.content{padding:15px 0}.content__title{font-size:20px}.pagination{gap:24px;margin:25px 4vw 0}.pagination>li{font-size:15px;padding:12px}.pagination>li>a{padding:14px}}@media(max-width:510px){.cart .content__title{font-size:16px}.cart .content__title svg,.cart__clear svg{height:10px;width:10px}.cart__clear span{font-size:12px}.container--cart{margin:15px auto}.pagination{gap:10px;margin:20px 3vw 0}.pagination>li{font-size:14px;padding:10px}.pagination>li>a{padding:10px}.content{padding:10px 0}.content__top{flex-direction:column;gap:15px}.content__title{font-size:18px}}@media(max-width:380px){.cart__bottom-details{flex-direction:column;gap:10px}.cart__bottom-buttons{flex-direction:column;flex-grow:0;gap:20px}}
/*# sourceMappingURL=main.a619b1d2.css.map*/