*{margin:0;padding:0;box-sizing:border-box}button{white-space:nowrap}.fav-container{display:flex;flex-direction:column;align-items:center}.fav-header{width:100%;overflow-x:hidden}.fav-hero{width:100%;border-radius:15px}.fav-categories-list{width:100%;display:flex;overflow-x:scroll}.fav-category-btn{box-sizing:content-box;padding:13px 15px;border-radius:15px;border:1px solid rgba(5,5,5,.2);background-color:transparent;color:#0505054d;font-family:Inter;font-weight:500;line-height:1.25;transition:var(--transition-dur-timing-func)}.fav-category.active .fav-category-btn{background-color:var(--green-color);color:var(--background-color);border:1px solid var(--green-color)}.empty-section-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-section-text{color:var(--primary-color);text-align:center;font-family:Inter;font-weight:400;line-height:1.5}.fav-recipes-list{width:100%;display:flex;flex-wrap:wrap;align-items:center}.fav-recipes-list.hide,.hide{display:none;overflow:hidden}@media only screen and (max-width: 767px){.fav-container{width:100%;padding-left:20px;padding-right:20px}.fav-hero{height:516px;background:url(/project-MasterchefRecipes/assets/fav-hero-7035364e.png),lightgray 0px -682.376px / 100% 380.258% no-repeat;background-size:cover;background-position:50% 50%}.fav-categories-list{margin-top:40px;gap:12px}.fav-category{margin-bottom:24px}.fav-category-btn{font-size:14px}.empty-section-wrapper{padding:300px 0;gap:24px}.empty-section-icon{width:68px;height:58px}.empty-section-text{width:335px;font-size:14px}.fav-recipes-list{flex-direction:column;gap:24px}.card-item{margin-bottom:0;max-width:335px;height:335px}.see-recipe{padding:8px 14px}}@media only screen and (min-width: 768px){.fav-container{width:100%;min-height:820px;padding-left:32px;padding-right:32px}.fav-hero{height:356px;background:url(/project-MasterchefRecipes/assets/fav-hero-7035364e.png),lightgray 0px -682.376px / 100% 380.258% no-repeat;background-size:cover}.fav-categories-list{margin-top:64px;gap:15px}.fav-category{margin-bottom:32px}.fav-category-btn{font-size:16px}.empty-section-wrapper{padding:64px 0;gap:32px}.empty-section-wrapper.hide{display:none;visibility:hidden}.empty-section-icon{width:97px;height:83px}.empty-section-text{width:481px;font-size:16px}.fav-recipes-list{flex-direction:row;gap:16px}.card-item{width:224px;height:244px}.icon-star{width:13px;height:13px}}@media only screen and (min-width: 1280px){.fav-container{width:100%;padding-left:100px;padding-right:100px}.fav-hero{background:url(/project-MasterchefRecipes/assets/fav-hero-7035364e.png),lightgray 0px -682.376px / 100% 380.258% no-repeat;background-size:cover;background-position:0px -90px}.card-item{margin-bottom:16px;width:258px;height:287px}.fav-category{margin-bottom:46px}}@media (hover: hover){.fav-category-btn:hover{background-color:var(--green-color);color:var(--background-color);border:1px solid var(--green-color)}}@media not (hover: hover){.fav-category-btn:active{background-color:var(--green-color);color:var(--background-color);border:1px solid var(--green-color)}}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/project-MasterchefRecipes/assets/inter-v12-latin-regular-0364d368.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/project-MasterchefRecipes/assets/inter-v12-latin-500-d5333670.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/project-MasterchefRecipes/assets/inter-v12-latin-600-048d136d.woff2) format("woff2")}.section-hero{width:100%;padding-left:20px}@media only screen and (min-width: 375px){.section-hero{width:375px;margin:0 auto}}@media only screen and (min-width: 768px){.section-hero{width:768px;padding-left:32px}}@media only screen and (min-width: 1280px){.section-hero{width:1280px;padding-left:100px}}.hero{display:flex;flex-direction:column;gap:48px;padding-bottom:80px;padding-left:}.hero-description{width:100%}.hero-text{font-size:26px;font-weight:600;line-height:1.2;text-transform:uppercase;margin-bottom:14px}.hero-span{color:var(--green-color);font-size:26px;font-style:italic;font-weight:400;line-height:1.2;text-transform:uppercase}.hero-second-text{line-height:1.28;margin-bottom:28px}@media only screen and (max-width: 375px){.hero-text{max-width:280px;font-size:22px}.hero-span{font-size:22px}.hero-second-text{max-width:280px}}.hero-btn{display:inline-flex;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:12px;border:1px solid #9bb537;font-weight:500;line-height:normal;background-color:transparent;transition:var(--transition-dur-timing-func)}.hero-btn:hover{background-color:var(--green-color);color:var(--white-color);transition:var(--transition-dur-timing-func)}@media only screen and (min-width: 375px){.hero-description{width:335px}}@media only screen and (min-width: 768px){.hero-description{width:446px;margin:auto 0}.hero-text{font-size:36px;margin-bottom:16px}.hero-span{font-size:36px}.hero-second-text{line-height:1.5;font-size:16px;margin-bottom:32px}.hero-btn{padding:14px 28px;border-radius:15px}}@media only screen and (min-width: 1280px){.hero{flex-direction:row;gap:32px;padding-bottom:100px}.hero-description{margin:0}}.event-description{width:497px}.event-item{display:flex;gap:8px}.chef{width:80px}.chef-photo{width:80px;height:280px;object-fit:cover;border-radius:15px;border:1px solid rgba(155,181,55,.3);background:var(--primary-color)}.event-detail{display:flex;flex-direction:column;justify-content:space-between;width:200px;height:280px;padding:56px 14px 14px;border-radius:15px;border:1px solid rgba(155,181,55,.3);background:radial-gradient(circle,rgb(24,30,1) 0%,rgba(5,5,5,1) 95%)}.event-photo{width:150px;height:150px;margin:0 auto auto;object-fit:cover}.event-text{display:flex;flex-direction:column;align-items:center;gap:8px}.event-name{color:#f8f8f899;text-align:center;font-size:10px;font-weight:500;line-height:1.4;text-transform:uppercase}.event-area{color:#f8f8f833;text-align:center;font-size:8px;line-height:1.5}.event-big-photo{width:200px;height:280px;border-radius:15px;border:1px solid rgba(155,181,55,.3);background:radial-gradient(circle,rgb(24,30,1) 0%,rgba(5,5,5,1) 95%)}.big-photo{width:200px;height:280px;border-radius:15px;object-fit:cover}@media only screen and (min-width: 768px){.event-description{width:871px}.event-item{gap:16px}.chef{width:137px}.chef-photo{width:137px;height:442px}.event-detail{width:351px;height:442px;padding:64px 14px 32px}.event-photo{width:300px;height:300px}.event-name{font-size:14px;line-height:1.28}.event-area{font-size:12px;line-height:1.16}.event-big-photo,.big-photo{width:351px;height:442px}}@media only screen and (min-width: 1280px){.hero-description .hero-text{width:446px}.hero-description{justify-content:center;align-items:center;margin:auto 0}}.swiper{width:100%;height:302px;overflow:hidden}@media only screen and (min-width: 768px){.swiper{height:468px}}.swiper-horizontal .swiper-slide{width:497px;height:302px}@media only screen and (min-width: 768px){.swiper-horizontal .swiper-slide{width:871px;height:468px}}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, -4px)}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px) );height:var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px) );display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var( --swiper-pagination-bullet-inactive-color, var(--primary-color) );opacity:var(--swiper-pagination-bullet-inactive-opacity, 1)}.swiper-horizontal>.swiper-pagination-bullet-active,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--green-color))}.search-form{display:flex;flex-wrap:wrap;gap:14px}@media only screen and (min-width: 768px){.search-form{gap:16px}}.search-container{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;font-weight:500;line-height:1.17;gap:8px}.dark-theme .search-container{color:#ffffff80}.input-form{font-size:14px;font-weight:500;color:var(--primary-color);background-color:var(--background-color);outline:transparent;border-radius:15px;border:1px solid rgba(5,5,5,.2)}@media only screen and (min-width: 768px){.search-container{font-size:14px;line-height:1.3}.input-form{font-size:16px}}.dark-theme .input-form{color:#fff;background-color:#161616;border-color:#fff3}.search-overlay{position:relative}.icon-search{position:absolute;left:18px;top:14px;transition:fill var(--transition-dur-timing-func)}.dark-theme .icon-search{fill:#fff3}.input-search{width:100%;height:46px;padding:14px 122px 14px 48px}@media only screen and (min-width: 375px){.input-search{width:335px;height:46px;padding:14px 122px 14px 48px}}@media only screen and (min-width: 768px){.input-search{width:278px;height:48px}}.input-search:not(:placeholder-shown)+.icon-search{fill:var(--green-color)}.dark-theme .input-search:not(:placeholder-shown)+.icon-search{fill:var(--green-color)}.label-form:hover .icon-search,.label-form:focus .icon-search{fill:var(--green-color)}.btn-close-search{width:18px;height:18px;display:none;position:absolute;top:14px;right:18px;align-items:center;padding:0;border:none;background-color:var(--background-color)}.dark-theme .btn-close-search{background-color:#161616}.icon-close-search{stroke:#050505cc}.input-time{width:160px;height:46px;padding:14px 18px}@media only screen and (min-width: 768px){.input-time{width:125px;height:48px}}.btn-chevron-down{width:18px;height:18px;position:absolute;top:14px;right:18px;display:flex;align-items:center;padding:0;border:none;background-color:var(--background-color)}.dark-theme .btn-chevron-down{background-color:#161616}.icon-chevron-down{stroke:var(--secondary-color)}.dark-theme .icon-chevron-down,.dark-theme .icon-close-search{stroke:#ffffff80}.form-select{position:absolute;margin:0;padding:14px 0 0 18px;flex-direction:column;align-items:flex-start;gap:8px;outline:transparent;border:none;border-radius:14px;color:var(--secondary-color);background-color:#fff;box-shadow:0 4px 36px #00000005;overflow-y:scroll;z-index:100}.dark-theme .form-select{color:#ffffff80;background-color:var(--primary-color)}.form-select::-webkit-scrollbar{width:6px}.form-select::-webkit-scrollbar-track{background:transparent;padding:4px}.form-select::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(5,5,5,.1);padding:10px}.dark-theme .form-select::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.select-time{width:160px;height:124px;display:none}@media only screen and (min-width: 768px){.select-time{width:125px;height:128px}}.input-area{width:161px;height:46px;padding:14px 18px}@media only screen and (min-width: 768px){.input-area{width:141px;height:48px}}.select-area{width:161px;height:176px;display:none}@media only screen and (min-width: 768px){.select-area{width:141px;height:188px}}.input-ingredients{width:188px;height:46px;padding:14px 18px}@media only screen and (min-width: 768px){.input-ingredients{width:188px;height:48px}}.select-ingredients{width:188px;height:176px;display:none}@media only screen and (min-width: 768px){.select-ingredients{height:188px}}.active{color:var(--primary-color)}.dark-theme .active{color:#fff}.option-form:active{color:var(--primary-color)}.reset-block{margin:14px 0 20px;display:flex;flex-direction:row-reverse;gap:4px}@media only screen and (min-width: 768px){.reset-block{margin-bottom:14px}}.btn-reset-filter{width:16px;height:16px;display:flex;align-items:center;padding:0;border:none;background-color:var(--background-color)}.dark-theme .btn-reset-filter{background-color:transparent}.icon-reset-search{stroke:var(--green-color)}.reset-text{font-size:12px;font-weight:500;color:var(--secondary-color)}.dark-theme .reset-text{color:#ffffff80}.button-container{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;width:fit-content}@media only screen and (min-width: 768px){.button-container{gap:30px}}.categories-btn{padding:14px 28px;width:fit-content;border-radius:15px;border:1px solid rgba(5,5,5,.2);background-color:transparent;color:var(--secondary-color);font-size:18px;font-weight:500;line-height:1.15;transition:all .4s cubic-bezier(.075,.82,.165,1)}.categories-btn.active{background-color:var(--green-color);border-color:var(--green-color);color:var(--white-color)}.categories-wrapper{overflow-y:scroll}.categories-wrapper::-webkit-scrollbar{width:8px}.categories-wrapper::-webkit-scrollbar-track{background:transparent}.categories-wrapper::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(5,5,5,.18)}.category-item{color:#0505054d;font-size:16px;font-weight:500;line-height:1.25;transition:all .4s cubic-bezier(.075,.82,.165,1)}.category-link.active{color:var(--green-color)}@media (hover: hover){.categories-btn:hover,.categories-btn:focus{background-color:var(--green-color);border-color:var(--green-color);color:var(--white-color)}.category-item:hover,.category-item:focus{color:var(--green-color)}}@media not (hover: hover){.categories-btn:active{background-color:var(--green-color);border-color:var(--green-color);color:var(--white-color)}.category-item:active{color:var(--green-color)}}.categories-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:calc(100vw - 40px);height:198px}@media screen and (max-width: 767px){.categories-wrapper{gap:18px;width:326px}.categories-wrapper::-webkit-scrollbar{width:8px}}@media screen and (min-width: 768px){.categories-wrapper{gap:24px;width:176px;height:416px}.button-container{padding-top:26px}}@media screen and (min-width: 1280px){.button-container{gap:42px}.categories-wrapper{width:235px}}.popular-recipes{display:flex;flex-direction:column;gap:20px}.popular-title{font-family:Inter;color:var(--primary-color);font-size:18px;font-weight:600;line-height:1.33;text-transform:uppercase}@media only screen and (min-width: 768px){.popular-recipes{gap:32px}}@media only screen and (min-width: 1280px){.popular-title{font-size:24px;line-height:1.66}}.popular-list{display:inline-flex;flex-direction:column;align-items:flex-start;gap:24px}.list-item{display:flex;gap:16px}@media only screen and (min-width: 768px){.popular-list{width:176px;gap:16px}.list-item{width:176px;gap:8px}}@media only screen and (min-width: 1280px){.popular-list{gap:32px}.list-item{width:235px;gap:16px}}.item-img{width:64px;height:64px;border-radius:20%;object-fit:cover;cursor:pointer}.item-title{font-family:Inter;color:var(--primary-color);font-size:14px;font-weight:600;line-height:1.28;text-transform:uppercase;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition-dur-timing-func)}.item-title:hover,.item-title:focus{color:var(--green-color)}@media only screen and (min-width: 768px) and (max-width: 1200px){.item-img{width:48px;height:48px}}.item-text{color:var(--secondary-color);font-size:12px;line-height:1.33;width:120px;height:41px;overflow:hidden;color:#050505cc;text-overflow:ellipsis;white-space:nowrap;transition:var(--transition-dur-timing-func)}.item-text:hover,.item-text:focus{color:var(--green-color)}@media only screen and (min-width: 1280px){.item-text{width:252px}}@media only screen and (min-width: 1280px){.item-text{font-size:10px;line-height:1.4;width:155px;white-space:normal}}.text-wrap{width:252px;display:flex;flex-direction:column;gap:8px;cursor:pointer}@media only screen and (min-width: 768px){.text-wrap{width:120px}}body.dark-theme{background-color:var(--dark-theme-background);color:var(--white-color)}.dark-theme .logo{color:var(--white-color)}.dark-theme .mobile-menu{background-color:var(--primary-color)}.dark-theme .header-chart-icon,.dark-theme .mobile-menu-open-icon,.dark-theme .registration-btn-icon{stroke:var(--white-color)}.dark-theme .categories-btn{color:#ffffff80;border:1px solid var(--btn-light-color)}.dark-theme .categories-btn.active{color:var(--white-color)}.dark-theme .categories-btn:hover,.dark-theme .categories-btn:focus{color:var(--white-color)}.dark-theme .category-item{color:var(--btn-light-color)}.dark-theme .category-item:hover,.dark-theme .category-item:focus{color:var(--green-color)}.dark-theme .categories-wrapper::-webkit-scrollbar-thumb{background:rgba(214,214,214,.18)}.dark-theme .popular-title,.dark-theme .item-title{color:#fff}.dark-theme .item-text{color:#fffc}.dark-theme .item-text:hover,.dark-theme .item-text:focus{color:var(--green-color)}.dark-theme .item-title:hover,.dark-theme .item-title:focus{color:var(--green-color)}.dark-theme .ord-title{color:#fff}.dark-theme .send-button{color:var(--white-color)}.dark-theme .ord-close-icon{stroke:var(--white-color)}.dark-theme .input{background:var(--primary-color);border:1px solid rgba(255,255,255,.2)}.dark-theme .comment{color:var(--white-color);background:var(--primary-color);border:1px solid rgba(255,255,255,.2)}.dark-theme .modal-rating-form{background-color:var(--primary-color)}.dark-theme .modal-rating-head,.dark-theme .modal-rating-counter{color:var(--white-color)}.dark-theme .modal-rating-close-btn{stroke:var(--white-color)}.dark-theme .modal-rating-email-in-input{color:#ffffff80}.dark-theme .modal-rating-btn{background-color:var(--primary-color);color:#fff}.dark-theme .modal-rating-btn:hover{color:var(--white-color)}.dark-theme .modal-frame{background:#050505}.dark-theme .modal-close-icon{stroke:#fff}.dark-theme .tag{border:1px solid rgba(255,255,255,.2)}.dark-theme .dish-title{color:var(--white-color)}.dark-theme .ingredient-measure,.dark-theme .recipe-box-text{color:#ffffff80}.dark-theme .btn-modal-secont{color:var(--white-color);background:#050505}.dark-theme .ingredients-container-box:after{background-color:#ffffff1a}.dark-theme .modal{background:var(--primary-color)}.dark-theme .reg-title{color:#fff}.dark-theme .label{color:#ffffff80}.dark-theme .sign-name,.dark-theme .sign-password{background:var(--primary-color);border:1px solid rgba(255,255,255,.2)}.dark-theme .show-password{color:var(--btn-light-color)}.dark-theme .reg-close-icon{stroke:var(--white-color)}.dark-theme .icon-rating.unchecked.modal-icon{fill:#fff6}.dark-theme .input{color:var(--white-color)}.dark-theme .social-icon{stroke:var(--white-color)}.dark-theme .hero-btn{color:#fff}.dark-theme .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color, white)}.dark-theme .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--swiper-pagination-color, var(--green-color))}.dark-theme .fav-body{background-color:var(--dark-theme-background)}.dark-theme .empty-section-text{color:var(--white-color)}.dark-theme .fav-category-btn{border:1px solid var(--btn-light-color);color:var(--btn-light-color)}.dark-theme .footer-container{border-top:none}.dark-theme .tui-page-btn{color:var(--white-color)!important;border-color:var(--btn-light-color)!important}.dark-theme .tui-page-btn:hover{color:var(--primary-color)!important}.dark-theme .tui-page-btn.tui-first.tui-is-disabled,.dark-theme .tui-page-btn.tui-prev.tui-is-disabled,.dark-theme .tui-page-btn.tui-last.tui-is-disabled,.dark-theme .tui-page-btn.tui-next.tui-is-disabled{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.dark-theme .tui-page-btn.tui-first,.dark-theme .tui-page-btn.tui-prev,.dark-theme .tui-page-btn.tui-last,.dark-theme .tui-page-btn.tui-next{background-color:var(--green-color)!important;border-color:var(--green-color)!important}.develop-container{width:100%}@media only screen and (min-width: 375px){.develop-container{width:335px}}.develop-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.develop-img{border-radius:50%;margin-bottom:4px}.develop-text{color:#f0f8ff;font-size:10px;text-align:center}.footer-container{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:40px;border-top:1px solid #e7e9fc;box-shadow:0 2px 1px #2e2f4214,0 1px 1px #2e2f4229,0 1px 6px #2e2f4214}.social-icon{stroke:var(--primary-color);fill:transparent}.social-list-item:hover .social-icon:hover,.social-list-item:focus .social-icon:focus{outline:none;stroke:var(--green-color);fill:transparent}.social-list{display:flex;gap:30px}.footer-container{padding:30px}.footer-title{text-align:center;margin-bottom:20px;cursor:pointer}.float-title{transition:.3s ease-out;transform:translateY(0);animation:float 2s linear infinite}.footer-modal{width:410px;height:300px}.jumping-element1{animation:jump1 1s infinite alternate}@keyframes jump1{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.jumping-element2{animation:jump2 1s infinite alternate}@keyframes jump2{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.jumping-element3{animation:jump3 1s infinite alternate}@keyframes jump3{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@media only screen and (max-width: 374px){.dev-list{width:320px;padding-left:25px}}.logo{font-family:inherit;font-weight:600;font-size:16px;line-height:1.125}.logo-text{color:var(--green-color)}.logo:hover,.logo:focus{outline:none}.page-header-container{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.page-header{padding-top:20.5px;padding-bottom:84.5px}.menu-item{position:relative}.menu-link{outline:none;transition:color var(--transition-dur-timing-func)}.menu-link:hover,.menu-link:focus{color:var(--green-color)}.header-chart-and-switcher-container{display:flex;align-items:center;gap:14px;outline:none;transition:color var(--transition-dur-timing-func)}.header-chart-icon{stroke:var(--primary-color);fill:transparent}.registration-btn{padding:0;background-color:transparent;outline:none;border:none}.registration-btn-icon{stroke:var(--primary-color);fill:transparent;background-color:transparent;outline:none;border:none}.header-chart-link{padding:0;background-color:transparent;outline:none;border:none}.header-chart-link:hover .header-chart-icon:hover,.header-chart-link:focus .header-chart-icon:focus{outline:none;stroke:var(--green-color);fill:transparent}.registration-btn:hover .registration-btn-icon:hover,.registration-btn:focus .registration-btn-icon:focus{outline:none;stroke:var(--green-color);fill:transparent}.modal-close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:20.5px;right:20px;padding:0;color:var(--white-color);background-color:transparent;outline:none;border:none;transition:color var(--transition-dur-timing-func)}.modal-close-btn:hover,.modal-close-btn:focus{color:var(--white-color)}.mobile-menu-close-icon{stroke:currentColor}.switch{display:inline-block;position:relative;width:46px;height:20px}.switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px;box-shadow:8px 6px 15px #00000069}.theme-slider:before{position:absolute;content:"";height:18.5px;width:18.5px;left:.7px;bottom:.7px;background-color:var(--white-color);-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.theme-slider{background-color:var(--green-color)}input:focus+.theme-slider{box-shadow:0 0 1px var(--green-color)}input:checked+.theme-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}@media screen and (max-width: 767px){.menu,.desktop-switch{display:none}.mobile-switch{display:inline-block;position:absolute;bottom:20px;left:20px;z-index:10}.mobile-menu{position:fixed;height:100%;width:0;top:0;right:0;z-index:9;background-color:var(--green-color);pointer-events:none;transform:translate(100%);transition:transform var(--transition-dur-timing-func),width var(--transition-dur-timing-func)}.mobile-menu.is-open{width:200px;pointer-events:auto;transform:translate(0)}.mobile-menu-container{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:200px 74px 20px 73px}.mobile-menu-open{display:flex;justify-content:center;align-items:center;padding:0;border:none;background-color:transparent}.mobile-menu-open-icon{stroke:var(--primary-color)}.mobile-menu-close-icon{width:28px;height:28px}.mobile-header-switcher-link{position:absolute;bottom:20px;left:20px}.header-chart-and-switcher-link:hover,.header-chart-and-switcher-link:focus{color:var(--green-color)}.mobile-menu-list{display:flex;flex-direction:column;font-weight:500;font-size:12px;line-height:1.21;color:var(--white-color);gap:16px}.mobile-menu-list-item{position:relative}.header-chart-and-switcher-link{color:var(--white-color);transition:color var(--transition-dur-timing-func)}}@media screen and (min-width: 768px){.logo{font-size:18px;line-height:1.11}.mobile-menu{display:none}.switch{position:relative}.mobile-menu-open{display:none}.page-nav{display:flex;align-items:center;gap:203px}.menu{display:flex;align-items:center;gap:16px}.menu-item{font-weight:400;font-size:12px;line-height:1.21}.header-chart-and-switcher-list{display:flex;gap:18px}.header-chart-and-switcher-link{color:var(--primary-color);transition:color var(--transition-dur-timing-func)}}@media screen and (min-width: 1280px){.page-nav{gap:391px}.menu-item{font-weight:500}.header-chart-and-switcher-list{gap:24px}}.gallery-recipes{width:100%;display:flex;flex-wrap:wrap;gap:24px}@media only screen and (min-width: 375px){.gallery-recipes{width:335px}}@media only screen and (min-width: 768px){.gallery-recipes{gap:16px;width:496px}}@media only screen and (min-width: 1280px){.gallery-recipes{gap:16px;width:782px}}.card-item{width:100%;height:335px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:16px;border-radius:8px}@media only screen and (min-width: 375px){.card-item{width:335px;height:335px}}@media only screen and (min-width: 768px){.card-item{width:240px;height:264px;margin-bottom:0}}@media only screen and (min-width: 1280px){.card-item{width:250px;height:287px;margin-bottom:16px}}button.heart{padding:0;line-height:1;border:none;background-color:transparent}.card-item .icon-heart{fill:none;stroke:var(--background-color);stroke-width:2;opacity:.5;transition:opacity .4s cubic-bezier(.165,.84,.44,1)}.card-item.active .icon-heart{fill:var(--background-color);opacity:1}.card-descr{display:flex;flex-direction:column;align-items:flex-start;width:100%}.recipe-title{margin-bottom:8px;color:var(--background-color);text-align:left;font-size:14px;font-weight:600;line-height:1.28;text-transform:uppercase}.recipe-descr{margin-bottom:16px;color:var(--background-color);font-size:12px;font-weight:400;line-height:1.33;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.secondary-desc{display:flex;justify-content:space-between;align-items:center;width:100%}.recipe-rating{color:var(--background-color);font-size:14px;font-weight:500;line-height:1.28}.see-recipe{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--green-color);border:none;color:var(--background-color);font-size:12px;font-weight:500;line-height:normal;transition:color .4s cubic-bezier(.165,.84,.44,1)}@media only screen and (min-width: 375px){.see-recipe{padding:8px 10px}}@media only screen and (min-width: 768px){.icon-star{width:13px;height:13px}}@media only screen and (min-width: 1280px){.see-recipe{padding:8px 16px}}@media (hover: hover){.see-recipe:hover,.see-recipe:focus{color:var(--primary-color)}}@media not (hover: hover){.see-recipe:active{color:var(--primary-color)}}.rating-container{display:flex;align-items:flex-start;gap:4px}.icon-list{display:flex;gap:2px}.icon-rating{height:15px}.icon-rating.checked{fill:#eea10c}.icon-rating.unchecked{fill:var(--background-color);opacity:.2}.modal-frame{max-width:335px;max-height:95vh;border-radius:15px;border:1px solid #000;background:#fff;padding:40px 20px;overflow:auto;position:relative}.modal-frame::-webkit-scrollbar{width:8px}.modal-frame::-webkit-scrollbar-track{background:transparent}.modal-frame::-webkit-scrollbar-thumb{border-radius:12px;background:rgba(5,5,5,.18);padding:20px 0}@media only screen and (min-width: 768px){.modal-frame{padding:32px;max-width:531px}}.on-close{fill:#000}.icon-list-modal{display:flex;margin-right:16px;align-items:center}@media only screen and (min-width: 768px){.icon-list-modal{margin-right:8px}}.icon-rating-modal{display:flex;justify-content:center;align-items:center}.dish-title{margin-top:20px;color:var(--primary-color);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:24px;text-transform:uppercase}@media only screen and (min-width: 768px){.dish-title{margin-top:0;justify-content:left}}.rait-container{display:flex;margin-top:14px;align-items:center}@media only screen and (min-width: 768px){.rait-container{margin-top:0}}.recipe-rating{margin-right:6px}.recipe-box-text{color:var(--secondary-color);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.ingredients-container{margin-top:33px}.ingredients-container-box{display:flex;justify-content:space-between;position:relative}.ingredients-container-box:after{content:"";position:absolute;bottom:-8px;left:0;display:block;width:100%;height:1px;background-color:#0505051a}.ingredients-container-box:not(:first-child){margin-top:20px}.modal-close-button{display:flex;justify-content:center;align-items:center;position:absolute;top:14px;right:14px;padding:0;color:var(--white-color);background-color:transparent;outline:none;border:none;transition:color var(--transition-dur-timing-func)}@media only screen and (min-width: 768px){.modal-close-button{top:16px;right:16px}}.modal-close-icon{stroke:var(--primary-color)}.tag-container{margin-top:48px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{padding:8px 16px;border-radius:35px;border:1px solid rgba(5,5,5,.2);font-size:12px}@media only screen and (min-width: 768px){.tag-container{min-width:265px;margin-top:0;gap:4px}}.dish-instructions{margin-top:24px}@media only screen and (min-width: 768px){.dish-instructions{margin-top:40px}}.btn-container{display:flex;gap:14px;margin-top:40px}@media only screen and (min-width: 768px){.btn-container{gap:16px}}.btn-modal-general{padding:12px 24px;font-family:Inter;font-size:13px;font-weight:500;border-radius:15px;border:1px solid var(--green-color)}@media only screen and (min-width: 768px){.btn-modal-general{padding:14px 28px}}.btn-modal-first{background:var(--green-color);color:var(--white-color);transition:color var(--transition-dur-timing-func)}.btn-modal-first:hover{color:var(--primary-color)}.btn-modal-first.active{color:var(--white-color)}.btn-modal-first.active:hover{color:var(--primary-color)}.btn-modal-secont{background-color:var(--white-color);transition:color var(--transition-dur-timing-func),background var(--transition-dur-timing-func)}@media (hover: hover){.btn-modal-secont:hover,.btn-modal-secont:focus{background:var(--green-color);color:var(--white-color)}}@media not (hover: hover){.btn-modal-secont:active{background:var(--green-color);color:var(--white-color)}}@media only screen and (min-width: 768px){.swap-container{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:32px}.swap-container>div{flex:1;text-align:center}.swap-container>div:last-child{order:-1}}@media only screen and (min-width: 768px){.swap-container-top{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:32px}.swap-container-top>div{flex:1}.swap-container-top>div:last-child{order:-1}}.iframeContainer{max-width:295px;max-height:295px;border-radius:8px;background:linear-gradient(0deg,rgba(5,5,5,.4) 0%,rgba(5,5,5,.4) 100%)}@media screen and (max-width: 320px){.iframeContainer{max-width:100%;max-height:100%}}@media only screen and (min-width: 768px){.iframeContainer{max-width:467px;max-height:250px;margin-top:16px}}.icon-rating{height:18px}.icon-rating.checked.modal-icon{fill:#eea10c}.icon-rating.unchecked.modal-icon{fill:#05050566;opacity:.2}.modal-rating-input{position:absolute;opacity:0;width:24px;height:24px}.modal-rating-star{fill:#d9d9d9;cursor:pointer}.star-active{fill:#eea10c}.modal-rating-form{padding:20px;border-radius:15px;background:#fff;position:relative;height:216px}@media only screen and (min-width: 375px){.modal-rating-form{width:335px}}@media only screen and (min-width: 768px){.modal-rating-form{width:424px;height:254px;padding:32px}}.modal-rating-head{color:var(--primary-color);font-size:14px;font-style:normal;font-weight:600;margin-bottom:4px}.modal-rating-container{height:24px;display:flex;margin-bottom:24px;align-items:center}@media only screen and (min-width: 768px){.modal-rating-container{margin-bottom:32px}}.modal-rating-email-container{display:flex;flex-direction:column;gap:14px}@media only screen and (min-width: 768px){.modal-rating-email-container{gap:16px}}.modal-rating-btn{display:flex;padding:15px 0;justify-content:center;border-radius:15px;background-color:var(--white-color);color:var(--primary-color);font-weight:500;border:1px solid var(--green-color)}* .modal-rating-star{transition:none}.modal-rating-btn:hover{background-color:var(--green-color);color:var(--white-color)}@media only screen and (min-width: 768px){.modal-rating-btn{padding:14px 0}}.modal-rating-email-in-input{padding:14px 18px;border-radius:15px;border:1px solid rgba(5,5,5,.2);width:100%;outline:transparent;color:#05050580;font-weight:500}@media only screen and (min-width: 768px){.modal-rating-email-in-input{font-size:16px;line-height:1.25}}.modal-rating-email-in-input:focus{border:1px solid var(--green-color);transition:.25s cubic-bezier(.4,0,.2,1)}.modal-rating-email-in-input:hover{border-color:var(--green-color)}.modal-rating-counter{margin-right:8px;width:25px;color:#050505;font-family:Inter;font-size:16px;font-style:normal;font-weight:500}.modal-rating-close-btn{position:absolute;stroke:#050505;top:14px;right:14px;cursor:pointer}@media only screen and (min-width: 768px){.modal-rating-close-btn{top:16px;right:16px}}.modal-rating-stars-container{height:100%}.reg-title{color:var(--primary-color);font-family:Inter;font-size:18px;font-weight:600;line-height:1.22;text-transform:uppercase;margin-bottom:28px}@media only screen and (min-width: 768px){.reg-title{margin-bottom:40px}}.registration-form,.login-form{display:flex;flex-direction:column;gap:20px}.label{display:flex;flex-direction:column;gap:10px}.show-password{display:flex;width:200px;padding:5px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border:none;background-color:transparent}.sign-button{color:var(--white-color);font-family:Inter;font-weight:500;display:flex;width:100%;padding:14px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:15px;background:var(--green-color);margin-top:40px;margin-bottom:20px;border:1px solid rgba(5,5,5,.2);transition:var(--transition-dur-timing-func)}@media only screen and (min-width: 768px){.sign-button{width:360px}}.sign-button:hover,.sign-button:focus{color:var(--primary-color);background-color:var(--green-color)}.log-account{color:var(--white-color);font-family:Inter;font-weight:500;display:flex;width:100%;height:48px;padding:14px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:15px;border:1px solid rgba(5,5,5,.2);background-color:var(--green-color)}@media only screen and (min-width: 768px){.log-account{width:360px}}.input{display:flex;width:295px;height:46px;padding:14px 18px;align-items:flex-start;gap:32px;border-radius:15px;border:1px solid rgba(5,5,5,.2)}@media only screen and (min-width: 768px){.input{width:360px;height:48px}}.login-button{color:var(--white-color);font-family:Inter;font-weight:500;display:flex;width:100%;padding:14px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:15px;background:var(--green-color);margin-top:40px;margin-bottom:20px;border:1px solid rgba(5,5,5,.2);transition:var(--transition-dur-timing-func)}@media only screen and (min-width: 768px){.login-button{width:360px}}.login-button:hover,.login-button:focus{color:var(--primary-color);background-color:var(--green-color)}.login-form{display:flex;flex-direction:column;gap:20px}.reg-title{text-align:center;margin-bottom:20px}.sign-account{color:var(--white-color);font-family:Inter;font-weight:500;display:flex;width:100%;padding:14px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:15px;border:1px solid rgba(5,5,5,.2);background-color:var(--green-color)}@media only screen and (min-width: 768px){.sign-account{width:360px}}.reg-close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:20.5px;right:20px;padding:0;color:var(--white-color);background-color:transparent;outline:none;border:none;transition:color var(--transition-dur-timing-func)}.reg-close-icon{width:24px;height:24px;stroke:var(--primary-color)}.registr-wrapper{display:flex;justify-content:center;margin-bottom:8px}.registr-icon{width:100px;height:100px}.reg-close-icon2{width:24px;height:24px;stroke:var(--primary-color)}.active-account{color:var(--green-color)}.alert{border-color:red}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}.modal{width:100%;height:582px;border-radius:15px;background:#fff;padding:28px 20px}@media only screen and (min-width: 768px){.modal{padding:40px;width:440px;height:632px}}.ord-title{color:var(--primary-color);font-family:Inter;font-size:18px;font-weight:600;line-height:1.22;text-transform:uppercase;margin-bottom:28px}@media only screen and (min-width: 768px){.ord-title{margin-bottom:40px}}.order-form{display:inline-flex;flex-direction:column;align-items:flex-start;width:100%;gap:16px}@media only screen and (min-width: 768px){.order-form{gap:18px}}.label{color:var(--secondary-color);font-family:Inter;font-weight:500}.input{display:flex;padding:14px 18px;align-items:flex-start;gap:32px;border-radius:15px;outline:transparent;border:1px solid rgba(5,5,5,.2)}.input:focus{border:2px solid var(--green-color);transition:.25s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 768px){.input{width:360px}}.comment{display:flex;width:295px;height:100px;padding:14px 18px;align-items:flex-start;gap:32px;border-radius:15px;outline:transparent;border:1px solid rgba(5,5,5,.2);resize:none}.comment:hover,.comment:focus{border:2px solid var(--green-color);transition:.25s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 768px){.comment{width:360px;height:100px}}.send-button{color:var(--white-color);font-weight:500;display:flex;width:100%;padding:15px 0;justify-content:center;align-items:center;gap:10px;border-radius:15px;border:1px solid var(--green-color);background-color:var(--green-color);transition:var(--transition-dur-timing-func)}.send-button:hover,.send-button:focus{color:var(--primary-color);background-color:var(--green-color)}@media only screen and (min-width: 768px){.send-button{padding:14px 0}}.ord-close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:20.5px;right:20px;padding:0;color:var(--white-color);background-color:transparent;outline:none;border:none;transition:color var(--transition-dur-timing-func)}.ord-close-icon{width:24px;height:24px;stroke:var(--primary-color)}:root{--primary-color: #050505;--secondary-color: rgba(5, 5, 5, .5);--background-color: #f8f8f8;--green-color: #9bb537;--white-color: #f8f8f8;--dark-theme-background: #161616;--transition-dur-timing-func: .3s ease-out;--btn-light-color: rgba(255, 255, 255, .3)}*{transition:all .2s}html{scroll-behavior:smooth}body{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.28;font-weight:400;color:var(--primary-color);background:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{width:100%;padding-left:20px;padding-right:20px}@media only screen and (min-width: 375px){.container{width:375px;margin:0 auto}}@media only screen and (min-width: 768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media only screen and (min-width: 1280px){.container{width:1280px;padding-left:100px;padding-right:100px}}.section-wrapper{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.left-container{width:100%;display:flex;flex-direction:column;gap:40px}.right-container{width:100%;display:flex;flex-direction:column}@media only screen and (min-width: 375px){.left-container{width:332px}}@media only screen and (min-width: 768px){.left-container{width:176px;gap:64px}.section-wrapper{flex-direction:row;gap:32px}}@media only screen and (min-width: 1280px){.left-container{width:234px}.section-wrapper{gap:64px}}.scroll-button{fill:var(--green-color);display:none;position:fixed;bottom:50px;right:50px;z-index:999;border-radius:50%;width:50px;height:50px;border:1px solid var(--green-color);background-color:transparent;transition:.3s ease-out;transform:translateY(0);animation:float 2s linear infinite}@keyframes float{0%{transform:translatey(0)}25%{transform:translatey(-3px)}50%{transform:translatey(0)}75%{transform:translatey(3px)}to{transform:translatey(0)}}.scroll-button:hover,.scroll-button:focus{fill:var(--white-color);background-color:var(--green-color);border:none}.scroll-icon{width:20px;height:20px}div .tui-pagination{display:flex;justify-content:center;align-items:center}.tui-page-btn{color:var(--primary-color)!important;font-family:Inter;font-weight:600!important;line-height:1.22!important;border-radius:50%;border:1px solid var(--secondary-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.tui-pagination .tui-next{margin-left:0!important}.tui-is-selected{background-color:var(--green-color)!important;border:1px solid var(--green-color)!important}.tui-is-disabled{background-color:var(--primary-color)!important;border:1px solid var(--primary-color)!important}@media only screen and (max-width: 470px){.tui-page-btn{width:40px!important;height:40px!important;padding:8px 0 6px!important;margin-right:4px!important;font-size:12px!important}.tui-ico-ellip{height:18px!important}}@media only screen and (min-width: 471px){.tui-page-btn{width:44px!important;height:44px!important;padding:8px 0 6px!important;margin-right:15px!important;font-size:18px!important}.tui-ico-ellip{height:18px!important}}