body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App_main__g-ZH2{background-color:#131316;display:grid;grid-template-columns:auto 1240px auto;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;height:calc(100vh - 80px)}.App_container__cu9yO{grid-gap:40px;display:grid;gap:40px;grid-column-start:2;grid-template-columns:1fr 1fr;height:100%;max-height:100% - 80px;overflow:hidden}.button{border:none;border-radius:var(--common-border-radius);cursor:pointer;outline:none;transition:var(--common-transition)}.button_type_primary{background:linear-gradient(63.18deg,#801ab3,#4c4cff);color:var(--text-primary-color)}.button_type_primary:hover{box-shadow:0 0 16px 8px rgba(51,51,255,.25),0 0 8px 8px rgba(51,51,255,.25);-webkit-filter:drop-shadow(0 4px 32px rgba(51,51,255,.5));filter:drop-shadow(0 4px 32px rgba(51,51,255,.5))}.button_type_primary:active{opacity:.9}.button_type_secondary{background:transparent;color:var(--colors-interface-accent)}.button_type_secondary:hover{opacity:.9}.button_type_secondary:active,.button_type_secondary:hover{color:var(--text-primary-color)}.button_size_large{padding:20px 40px}.button_size_large,.button_size_medium{font-family:Jet Brains Mono;font-size:16px;font-weight:400;line-height:1.5}.button_size_medium{padding:16px 40px}.button_size_small{font-family:JetBrains Mono;font-size:14px;font-weight:400;line-height:1.43;padding:10px 32px}.button_type_primary[disabled]{background:var(--colors-button-inactive)}.button_type_primary[disabled],.button_type_secondary[disabled]{color:var(--text-inactive-color);pointer-events:none}.constructor-element{background:var(--background-element);border-radius:var(--common-border-radius-s);box-sizing:border-box;color:#f2f2f3;display:inline-block;flex-grow:1;font-family:Jet Brains Mono;font-size:16px;line-height:24px;max-width:536px;min-height:80px;padding:16px 24px;width:100%}.constructor-element_pos_top{border-radius:var(--top-constructor-item-border-radius)}.constructor-element_pos_bottom{border-radius:var(--bottom-constructor-item-border-radius)}.constructor-element__row{align-items:center;display:flex}.constructor-element__image{height:40px;margin-right:20px;width:80px}.constructor-element__text{flex-grow:1;margin-right:20px;text-align:left}.constructor-element__price,.constructor-element__text{align-items:center;display:inline-flex;line-height:24px}.constructor-element__price{font-family:Iceland;font-size:28px;font-style:normal;font-weight:400;justify-content:flex-end;text-align:right}.constructor-element__price svg{margin-left:9px}.constructor-element__action{align-items:center;cursor:pointer;display:inline-flex;margin-left:20px}.tab{background-color:var(--background-alt);box-shadow:inset 0 -1px 0 #2f2f37;box-sizing:border-box;color:var(--text-inactive-color);cursor:pointer;min-width:200px;text-align:center;transition:var(--common-transition)}.tab:hover,.tab_type_current{color:var(--text-primary-color)}.tab_type_current{box-shadow:inset 0 -2px 0 #4c4cff;pointer-events:none}.input{align-items:center;background-color:var(--background-element);border:2px solid var(--background-element);border-radius:var(--common-border-radius-s);box-sizing:border-box;cursor:text;display:flex;justify-content:space-between;position:relative;transition:.3s}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--background-element) inset!important}.input_status_active{border:2px solid var(--colors-interface-accent)}.input_status_error{border:2px solid var(--colors-interface-error)}.input_status_disabled,.input_type_disabled{cursor:not-allowed}.input__icon{cursor:text;line-height:0}.input__icon-action{cursor:pointer}.input__icon-disabled{cursor:not-allowed}.input__placeholder{color:var(--text-inactive-color);cursor:text;display:block;position:absolute;text-align:left;top:18px;transition:.3s}.input__placeholder-filled,.input__placeholder-focused{top:8px}.input__textfield{background-color:initial;border:none;color:var(--text-primary-color);cursor:text;display:block;margin-top:16px!important;width:100%}.input__textfield:-webkit-autofill{-webkit-text-fill-color:var(--text-primary-color)!important}.input__textfield:focus{outline:none}.input__container{text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.visually-hidden{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.input__placeholder-disabled{cursor:not-allowed}.input__textfield-disabled{color:var(--text-inactive-color);cursor:not-allowed}.input__textfield-disabled:-webkit-autofill{-webkit-text-fill-color:var(--text-inactive-color)!important}.input__error{color:var(--colors-interface-error);margin-left:24px;margin-top:2px}.input__error:-webkit-autofill{-webkit-text-fill-color:var(--colors-interface-error)!important}.input_size_default{min-height:64px;width:480px}.input_size_small{min-height:48px;padding-left:calc(var(--offset-base-variable)*10);padding-right:calc(var(--offset-base-variable)*10);width:480px}.counter{background:#4c4cff;border-radius:16px;color:#f2f2f3;display:flex;font-family:Iceland;font-style:normal;font-weight:400;line-height:24px;position:absolute;right:0;text-align:center;top:0}.default{font-size:28px;height:32px;min-width:16px;padding:0 8px}.small{font-size:22px;height:24px;min-width:16px;padding:0 4px}.counter__num{margin:auto}@font-face{font-display:swap;font-family:Jet Brains Mono;font-weight:400;src:url(../../static/media/JetBrainsMono-Regular.b60380891bcf2eb241ca.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-weight:400;src:url(../../static/media/JetBrainsMono-Regular.f52bee61d00ce995b89f.woff) format("woff")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-weight:700;src:url(../../static/media/JetBrainsMono-Bold.c232d532ea5a5189a278.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jet Brains Mono;font-weight:700;src:url(../../static/media/JetBrainsMono-Bold.3914674f1cb2335acf26.woff) format("woff")}@font-face{font-display:swap;font-family:Iceland;font-weight:400;src:url(../../static/media/iceland.4ae67a017a5ff82bbbb7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Iceland;font-weight:400;src:url(../../static/media/iceland.77ad7fc2baffd9305538.woff) format("woff")}:root{--background:#1c1c21;--background-alt:#131316;--background-element:#2f2f37;--offset-base-variable:2px;--offset-base-size:4px;--top-constructor-item-border-radius:88px 88px 40px 40px;--bottom-constructor-item-border-radius:40px 40px 88px 88px;--common-border-radius:64px;--common-border-radius-s:40px;--text-primary-color:#fff;--text-inactive-color:#8585ad;--colors-interface-accent:#4c4cff;--colors-interface-error:#e52b1a;--colors-interface-success:#0cc;--colors-button-inactive:#3a3a55;--common-transition:all .3s ease-in;scrollbar-color:#2f2f37 #8585ad;scrollbar-width:thin}@-moz-document url-prefix(){:root{scrollbar-color:#8585ad #2f2f37}}.custom-scroll::-webkit-scrollbar{width:12px}.custom-scroll::-webkit-scrollbar-track{background:#2f2f37}.custom-scroll::-webkit-scrollbar-thumb{background:#8585ad;border:3px solid #2f2f37;border-radius:6px}.body::-webkit-scrollbar{width:12px}.body::-webkit-scrollbar-track{background:#2f2f37}.body::-webkit-scrollbar-thumb{background:#8585ad;border:3px solid #2f2f37;border-radius:6px}body{background:#131316;background:var(--background-alt);color:#fff;color:var(--text-primary-color)}.text,body{margin:0;padding:0}.text_type_main-default{font-family:Jet Brains Mono;font-size:16px;font-weight:400;line-height:1.5}.text_type_main-large{font-family:Jet Brains Mono;font-size:36px;font-weight:700;line-height:1.1}.text_type_main-medium{font-family:Jet Brains Mono;font-size:24px;font-weight:700;line-height:1.25}.text_type_main-small{font-family:Jet Brains Mono;font-size:14px;font-weight:400;line-height:1.43}.text_type_digits-default{font-family:Iceland;font-size:28px;font-weight:400;line-height:.86}.text_type_digits-medium{font-family:Iceland;font-size:48px;font-weight:400;line-height:.75}.text_type_digits-large{font-family:Iceland;font-size:144px;font-weight:400;line-height:.83}.text_color_primary{color:#fff;color:var(--text-primary-color)}.text_color_inactive{color:#8585ad;color:var(--text-inactive-color)}.text_color_accent{color:#4c4cff;color:var(--colors-interface-accent)}.text_color_error{color:#e52b1a;color:var(--colors-interface-error)}.text_color_success{color:#0cc;color:var(--colors-interface-success)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.p-1{padding:var(--offset-base-size)}.p-2{padding:calc(var(--offset-base-size)*2)}.p-3{padding:calc(var(--offset-base-size)*3)}.p-4{padding:calc(var(--offset-base-size)*4)}.p-5{padding:calc(var(--offset-base-size)*5)}.p-6{padding:calc(var(--offset-base-size)*6)}.p-7{padding:calc(var(--offset-base-size)*7)}.p-8{padding:calc(var(--offset-base-size)*8)}.p-9{padding:calc(var(--offset-base-size)*9)}.p-10{padding:calc(var(--offset-base-size)*10)}.p-15{padding:calc(var(--offset-base-size)*15)}.p-20{padding:calc(var(--offset-base-size)*20)}.p-25{padding:calc(var(--offset-base-size)*25)}.p-30{padding:calc(var(--offset-base-size)*30)}.pl-1{padding-left:var(--offset-base-size)}.pl-2{padding-left:calc(var(--offset-base-size)*2)}.pl-3{padding-left:calc(var(--offset-base-size)*3)}.pl-4{padding-left:calc(var(--offset-base-size)*4)}.pl-5{padding-left:calc(var(--offset-base-size)*5)}.pl-6{padding-left:calc(var(--offset-base-size)*6)}.pl-7{padding-left:calc(var(--offset-base-size)*7)}.pl-8{padding-left:calc(var(--offset-base-size)*8)}.pl-9{padding-left:calc(var(--offset-base-size)*9)}.pl-10{padding-left:calc(var(--offset-base-size)*10)}.pl-15{padding-left:calc(var(--offset-base-size)*15)}.pl-20{padding-left:calc(var(--offset-base-size)*20)}.pl-25{padding-left:calc(var(--offset-base-size)*25)}.pl-30{padding-left:calc(var(--offset-base-size)*30)}.pr-1{padding-right:var(--offset-base-size)}.pr-2{padding-right:calc(var(--offset-base-size)*2)}.pr-3{padding-right:calc(var(--offset-base-size)*3)}.pr-4{padding-right:calc(var(--offset-base-size)*4)}.pr-5{padding-right:calc(var(--offset-base-size)*5)}.pr-6{padding-right:calc(var(--offset-base-size)*6)}.pr-7{padding-right:calc(var(--offset-base-size)*7)}.pr-8{padding-right:calc(var(--offset-base-size)*8)}.pr-9{padding-right:calc(var(--offset-base-size)*9)}.pr-10{padding-right:calc(var(--offset-base-size)*10)}.pr-15{padding-right:calc(var(--offset-base-size)*15)}.pr-20{padding-right:calc(var(--offset-base-size)*20)}.pr-25{padding-right:calc(var(--offset-base-size)*25)}.pr-30{padding-right:calc(var(--offset-base-size)*30)}.pt-1{padding-top:var(--offset-base-size)}.pt-2{padding-top:calc(var(--offset-base-size)*2)}.pt-3{padding-top:calc(var(--offset-base-size)*3)}.pt-4{padding-top:calc(var(--offset-base-size)*4)}.pt-5{padding-top:calc(var(--offset-base-size)*5)}.pt-6{padding-top:calc(var(--offset-base-size)*6)}.pt-7{padding-top:calc(var(--offset-base-size)*7)}.pt-8{padding-top:calc(var(--offset-base-size)*8)}.pt-9{padding-top:calc(var(--offset-base-size)*9)}.pt-10{padding-top:calc(var(--offset-base-size)*10)}.pt-15{padding-top:calc(var(--offset-base-size)*15)}.pt-20{padding-top:calc(var(--offset-base-size)*20)}.pt-25{padding-top:calc(var(--offset-base-size)*25)}.pt-30{padding-top:calc(var(--offset-base-size)*30)}.pb-1{padding-bottom:var(--offset-base-size)}.pb-2{padding-bottom:calc(var(--offset-base-size)*2)}.pb-3{padding-bottom:calc(var(--offset-base-size)*3)}.pb-4{padding-bottom:calc(var(--offset-base-size)*4)}.pb-5{padding-bottom:calc(var(--offset-base-size)*5)}.pb-6{padding-bottom:calc(var(--offset-base-size)*6)}.pb-7{padding-bottom:calc(var(--offset-base-size)*7)}.pb-8{padding-bottom:calc(var(--offset-base-size)*8)}.pb-9{padding-bottom:calc(var(--offset-base-size)*9)}.pb-10{padding-bottom:calc(var(--offset-base-size)*10)}.pb-15{padding-bottom:calc(var(--offset-base-size)*15)}.pb-20{padding-bottom:calc(var(--offset-base-size)*20)}.pb-25{padding-bottom:calc(var(--offset-base-size)*25)}.pb-30{padding-bottom:calc(var(--offset-base-size)*30)}.m-1{margin:var(--offset-base-size)}.m-2{margin:calc(var(--offset-base-size)*2)}.m-3{margin:calc(var(--offset-base-size)*3)}.m-4{margin:calc(var(--offset-base-size)*4)}.m-5{margin:calc(var(--offset-base-size)*5)}.m-6{margin:calc(var(--offset-base-size)*6)}.m-7{margin:calc(var(--offset-base-size)*7)}.m-8{margin:calc(var(--offset-base-size)*8)}.m-9{margin:calc(var(--offset-base-size)*9)}.m-10{margin:calc(var(--offset-base-size)*10)}.m-15{margin:calc(var(--offset-base-size)*15)}.m-20{margin:calc(var(--offset-base-size)*20)}.m-25{margin:calc(var(--offset-base-size)*25)}.m-30{margin:calc(var(--offset-base-size)*30)}.ml-1{margin-left:var(--offset-base-size)}.ml-2{margin-left:calc(var(--offset-base-size)*2)}.ml-3{margin-left:calc(var(--offset-base-size)*3)}.ml-4{margin-left:calc(var(--offset-base-size)*4)}.ml-5{margin-left:calc(var(--offset-base-size)*5)}.ml-6{margin-left:calc(var(--offset-base-size)*6)}.ml-7{margin-left:calc(var(--offset-base-size)*7)}.ml-8{margin-left:calc(var(--offset-base-size)*8)}.ml-9{margin-left:calc(var(--offset-base-size)*9)}.ml-10{margin-left:calc(var(--offset-base-size)*10)}.ml-15{margin-left:calc(var(--offset-base-size)*15)}.ml-20{margin-left:calc(var(--offset-base-size)*20)}.ml-25{margin-left:calc(var(--offset-base-size)*25)}.ml-30{margin-left:calc(var(--offset-base-size)*30)}.mr-1{margin-right:var(--offset-base-size)}.mr-2{margin-right:calc(var(--offset-base-size)*2)}.mr-3{margin-right:calc(var(--offset-base-size)*3)}.mr-4{margin-right:calc(var(--offset-base-size)*4)}.mr-5{margin-right:calc(var(--offset-base-size)*5)}.mr-6{margin-right:calc(var(--offset-base-size)*6)}.mr-7{margin-right:calc(var(--offset-base-size)*7)}.mr-8{margin-right:calc(var(--offset-base-size)*8)}.mr-9{margin-right:calc(var(--offset-base-size)*9)}.mr-10{margin-right:calc(var(--offset-base-size)*10)}.mr-15{margin-right:calc(var(--offset-base-size)*15)}.mr-20{margin-right:calc(var(--offset-base-size)*20)}.mr-25{margin-right:calc(var(--offset-base-size)*25)}.mr-30{margin-right:calc(var(--offset-base-size)*30)}.mt-1{margin-top:var(--offset-base-size)}.mt-2{margin-top:calc(var(--offset-base-size)*2)}.mt-3{margin-top:calc(var(--offset-base-size)*3)}.mt-4{margin-top:calc(var(--offset-base-size)*4)}.mt-5{margin-top:calc(var(--offset-base-size)*5)}.mt-6{margin-top:calc(var(--offset-base-size)*6)}.mt-7{margin-top:calc(var(--offset-base-size)*7)}.mt-8{margin-top:calc(var(--offset-base-size)*8)}.mt-9{margin-top:calc(var(--offset-base-size)*9)}.mt-10{margin-top:calc(var(--offset-base-size)*10)}.mt-15{margin-top:calc(var(--offset-base-size)*15)}.mt-20{margin-top:calc(var(--offset-base-size)*20)}.mt-25{margin-top:calc(var(--offset-base-size)*25)}.mt-30{margin-top:calc(var(--offset-base-size)*30)}.mb-1{margin-bottom:var(--offset-base-size)}.mb-2{margin-bottom:calc(var(--offset-base-size)*2)}.mb-3{margin-bottom:calc(var(--offset-base-size)*3)}.mb-4{margin-bottom:calc(var(--offset-base-size)*4)}.mb-5{margin-bottom:calc(var(--offset-base-size)*5)}.mb-6{margin-bottom:calc(var(--offset-base-size)*6)}.mb-7{margin-bottom:calc(var(--offset-base-size)*7)}.mb-8{margin-bottom:calc(var(--offset-base-size)*8)}.mb-9{margin-bottom:calc(var(--offset-base-size)*9)}.mb-10{margin-bottom:calc(var(--offset-base-size)*10)}.mb-15{margin-bottom:calc(var(--offset-base-size)*15)}.mb-20{margin-bottom:calc(var(--offset-base-size)*20)}.mb-25{margin-bottom:calc(var(--offset-base-size)*25)}.mb-30{margin-bottom:calc(var(--offset-base-size)*30)}.AppHeader_header__nHHDe{background-color:#1c1c21;grid-column:span 3;width:100%}.AppHeader_container__XmhI3{align-items:center;display:grid;grid-template-columns:1fr -webkit-min-content 1fr;grid-template-columns:1fr min-content 1fr;margin:0 auto;max-width:1280px}.AppHeader_logo__gSfYP{height:40px;width:290px}.AppHeader_menu__c4Tc8{display:flex;margin:0;padding:0}.AppHeader_item__vVDQy{list-style:none;padding-right:8px}.AppHeader_item__vVDQy:last-of-type{padding-right:0}.AppHeader_link__mUEz4{align-items:center;display:flex;gap:8px;text-decoration:none}.AppHeader_link__mUEz4:hover,.AppHeader_link__mUEz4:hover svg{fill:var(--text-primary-color);color:var(--text-primary-color);transition:var(--common-transition)}.AppHeader_link__mUEz4.AppHeader_active__0jRd0{color:var(--text-primary-color)}.AppHeader_account__5VmSk{justify-self:end}.BurgerIngredients_section__g7jA7{box-sizing:border-box;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;height:100%;max-height:100%;min-width:600px;overflow:hidden}.BurgerIngredients_tabs__kELso{display:flex}.BurgerIngredients_categories__les5e{overflow-y:scroll;scroll-behavior:smooth;scrollbar-color:#8585ad #2f2f37;scrollbar-width:thin}.BurgerIngredients_categories__les5e::-webkit-scrollbar{width:8px}.BurgerIngredients_categories__les5e::-webkit-scrollbar-track{background:#2f2f37}.BurgerIngredients_categories__les5e::-webkit-scrollbar-thumb{background-color:#8585ad}.IngredientCategory_title__mGoOG{margin:0}.IngredientCategory_container__JDdip{grid-gap:32px 24px;display:grid;gap:32px 24px;grid-template-columns:1fr 1fr}.IngredientCard_card__jbn\+z{cursor:pointer;min-height:208px;min-width:272px;position:relative}.IngredientCard_image__rwLqq{display:block;margin:0 auto}.IngredientCard_price__M5BIp{display:flex;gap:8px;justify-content:center;margin:0}.IngredientCard_title__aH5Sj{text-align:center}.BurgerConstructor_section__dTVPy{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;justify-items:end;min-width:600px;overflow:hidden}.BurgerConstructor_burger__NNYWJ{grid-gap:16px;display:grid;gap:16px;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;justify-items:end;overflow:hidden;width:100%}.BurgerConstructor_bun__HCHus{box-shadow:none;box-sizing:border-box;width:100%}.BurgerConstructor_list__kWLPi{box-shadow:none;margin:0;overflow-y:scroll;padding:0;scroll-behavior:smooth;scrollbar-color:#8585ad #2f2f37;scrollbar-width:thin;width:100%}.BurgerConstructor_list__kWLPi::-webkit-scrollbar{width:8px}.BurgerConstructor_list__kWLPi::-webkit-scrollbar-track{background:#2f2f37}.BurgerConstructor_list__kWLPi::-webkit-scrollbar-thumb{background-color:#8585ad}.BurgerConstructor_info__jadjy{justify-self:start;margin:0}.BurgerConstructor_total__1JFNC{align-self:flex-start;display:flex}.BurgerConstructor_onHover__Edehn{box-shadow:0 0 8px 0 rgba(51,51,255,.25),0 0 12px 2px rgba(51,51,255,.25)}.TotalPrice_info__GFpSR{align-items:center;display:flex;gap:8px}.Ingredient_item__cGDOp{align-items:center;cursor:grab;display:flex;gap:12px;list-style:none}.ModalOverlay_overlay__Zevly{background-color:rgba(0,0,0,.6);height:100vh;position:fixed;top:0;width:100vw;z-index:1}.Modal_container__Ha\+Ky{display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.Modal_modal__DJDMv{align-self:center;background-color:#1c1c21;min-height:200px;min-width:720px;position:relative;z-index:2}.Modal_close__V34Fj{cursor:pointer;position:absolute;right:40px;top:60px}.OrderDetails_container__iJZOV{align-items:center;display:flex;flex-direction:column}.OrderDetails_title__OITpF{padding-bottom:32px;text-shadow:0 0 16px rgba(51,51,255,.25),0 0 8px rgba(51,51,255,.25),0 4px 32px rgba(51,51,255,.5)}.IngredientDetails_container__pn2rO{align-items:center;display:flex;flex-direction:column}.IngredientDetails_details__gi0\+U{grid-gap:8px 20px;display:grid;gap:8px 20px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}
/*# sourceMappingURL=main.7907042f.css.map*/