*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-display:swap;font-family:"Anton";font-style:normal;font-weight:400;src:url("/assets/fonts/anton-v25-latin-regular.woff2") format("woff2"),url("/assets/fonts/anton-v25-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:300;src:url("/assets/fonts/Manrope-Light.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url("/assets/fonts/Manrope-Regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url("/assets/fonts/Manrope-Medium.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url("/assets/fonts/Manrope-Bold.ttf") format("truetype")}h1,h2,h3,h4,h5,h6{font-weight:normal}body{font-family:"Manrope",sans-serif;position:relative;background-color:#ededed}.search-dropdowns{width:max-content;display:flex;gap:60px}@media only screen and (min-width: 769px)and (max-width: 1023px){.search-dropdowns{gap:20px}}@media only screen and (max-width: 768px){.search-dropdowns{flex-direction:column;gap:20px;width:100%}}.search-dropdown{width:195px;background-color:#fff;border-radius:11px;max-height:56px;overflow:hidden;transition:max-height .3s}@media only screen and (max-width: 768px){.search-dropdown{width:100%}}.search-dropdown.active{max-height:315px}.search-dropdown__button{width:100%;height:56px;padding:0 16px;border:0;background-color:inherit;border-radius:inherit;text-align:left;font-family:"Manrope",sans-serif;font-size:1em;font-weight:400;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.search-dropdown__button::after{content:"";background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=");width:1em;height:1em;display:block;background-size:cover;transition:all .3s}.active .search-dropdown__button::after{transform:rotate(180deg)}.search-dropdown__button:focus-visible{outline:none}.search-dropdown__input-container{display:none}.search-dropdown.active .search-dropdown__input-container{display:block}.search-dropdown__menu{padding:0 16px;position:relative}.search-dropdown__input{width:100%;border:1px solid #c6c6c6;padding:7px 50px 7px 7px;font-family:"Manrope",sans-serif;font-size:.875em;color:#7a7a7a;font-weight:400}.search-dropdown__input:focus-visible{outline:none}.search-dropdown__input-icon{color:#c6c6c6;height:1em;width:1em}.search-dropdown__search-button,.search-dropdown__reset-button{position:absolute;bottom:0;right:16px;border:none;background-color:inherit;cursor:pointer;padding:0;height:35px;width:35px}.search-dropdown__search-button:hover svg,.search-dropdown__reset-button:hover svg{color:#7a7a7a}.search-dropdown__reset-button{right:35px;display:none}.search-dropdown__list{max-height:200px;overflow-y:scroll;margin-top:10px;transition-delay:1s}.search-dropdown__list:focus-visible{outline:none}.search-dropdown__item{font-family:"Manrope",sans-serif;font-size:.875em;font-weight:300;padding:9px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.search-dropdown__item:hover{background-color:#ffd15b;cursor:pointer}.search-dropdown__item.active{background-color:#ffd15b;font-weight:700}.search-dropdown__item.active:hover::after{content:"";background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0yNTYgNTEyQTI1NiAyNTYgMCAxIDAgMjU2IDBhMjU2IDI1NiAwIDEgMCAwIDUxMnpNMTc1IDE3NWM5LjQtOS40IDI0LjYtOS40IDMzLjkgMGw0NyA0NyA0Ny00N2M5LjQtOS40IDI0LjYtOS40IDMzLjkgMHM5LjQgMjQuNiAwIDMzLjlsLTQ3IDQ3IDQ3IDQ3YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTQ3LTQ3LTQ3IDQ3Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDQ3LTQ3LTQ3LTQ3Yy05LjQtOS40LTkuNC0yNC42IDAtMzMuOXoiLz48L3N2Zz4=");width:1em;height:1em;display:block;background-size:cover}.search-dropdown__item:focus-visible{outline:none;background-color:#ffd15b;font-weight:700}.labelsearch{width:max-content;max-width:205px;height:53px;background-color:#ffd15b;border-radius:10px;padding:0 40px 0 16px;display:flex;align-items:center;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s ease}.labelsearch.remove{opacity:0;width:0;padding:0}.labelsearch__title{font-size:.875em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.labelsearch__close-button{position:absolute;bottom:0;right:0;border:none;background-color:initial;cursor:pointer;padding:0;height:51px;width:40px}.labelsearch__close-icon{height:1.3em;width:1.3em}.header{width:100%;height:667px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width: 768px){.header{padding:20px}}.header::after{content:"";background-image:url("/assets/images/header.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;filter:brightness(0.7);width:100%;height:667px;position:absolute;z-index:-10}.header__logo{position:absolute;top:50px;left:70px}@media only screen and (min-width: 769px)and (max-width: 1023px){.header__logo{top:40px;left:40px}}@media only screen and (max-width: 768px){.header__logo{top:20px;left:20px}}.header__title{font-family:"Anton",sans-serif;font-size:2.75em;color:#ffd15b;text-transform:uppercase;line-height:140%;text-align:center}.header__search{position:relative;width:954px;display:flex;margin-top:30px}@media only screen and (min-width: 769px)and (max-width: 1023px){.header__search{width:100%}}@media only screen and (max-width: 768px){.header__search{width:100%}}.header__search-input{width:100%;border:none;border-radius:11px;padding:22px 70px 22px 30px;font-family:"Manrope",sans-serif;font-weight:400;font-size:1em}.header__search-input:focus-visible{outline:none}.header__search-icon{height:50px;width:50px;padding:13px;color:#fff;transition:all 200ms}.header__search-icon:hover{color:#000}.header__search-button{position:absolute;top:9px;right:9px;border:none;background-color:#000;cursor:pointer;padding:0;height:50px;width:50px;border-radius:8px;transition:all 200ms}.header__search-button:hover{background-color:#ffd15b}.header__search__reset-button{position:absolute;top:9px;right:65px;border:none;background-color:#fff;cursor:pointer;padding:0;height:50px;width:50px;display:none}.header__search__reset-button .header__search__input-icon{height:25px;width:25px;color:#7a7a7a;transition:all 200ms}.header__search__reset-button:hover .header__search__input-icon{color:#ffd15b}.header__search-error{position:absolute;bottom:-30px;left:0;color:#fff;line-height:120%}@media only screen and (max-width: 768px){.header__search-error{bottom:-50px}}.main{max-width:1440px;padding:20px 100px;min-height:100px;margin:0 auto}@media only screen and (min-width: 769px)and (max-width: 1023px){.main{padding:20px 50px}}@media only screen and (max-width: 768px){.main{padding:20px}}.search-container{position:relative;z-index:100;height:56px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}@media only screen and (max-width: 768px){.search-container{flex-direction:column-reverse;align-items:flex-end;height:auto;gap:10px}}.search-container .search-results-count{font-family:"Anton",sans-serif;font-size:1.3125em;height:56px;display:flex;align-items:center}@media only screen and (max-width: 768px){.search-container .search-results-count{margin-bottom:15px;height:max-content}}.labelsearch-container{display:flex;gap:10px;flex-wrap:wrap;transition:all .3s}.recipes-list{display:flex;flex-flow:row wrap;gap:50px 5%;margin-top:50px}.recipes-list__no-recipe{padding:22px 18px;border-radius:11px;width:100%;background-color:rgba(255,255,255,.5);text-align:center;line-height:120%;box-shadow:0px 4px 24px 10px rgba(0,0,0,.1)}.recipe{width:30%;background-color:#fff;overflow:hidden;border-radius:21px;box-shadow:0px 4px 24px 10px rgba(0,0,0,.1)}@media only screen and (min-width: 769px)and (max-width: 1023px){.recipe{width:47%}}@media only screen and (max-width: 768px){.recipe{width:100%}}.recipe__image-container{position:relative}.recipe__picture{width:100%;height:253px;object-fit:cover}.recipe__time{position:absolute;top:20px;right:20px;font-size:.75em;font-weight:400;padding:8px 15px;background-color:#ffd15b;border-radius:20px}.recipe__time.hide{display:none}.recipe__content{padding:25px}.recipe__content--title{font-family:"Anton",sans-serif;font-size:1.125em}.recipe__content-section{margin:35px 0 0 0}.recipe__content--subtitle{font-family:"Manrope",sans-serif;font-size:.75em;font-weight:700;color:#7a7a7a;text-transform:uppercase;letter-spacing:.9px;margin-bottom:15px}.recipe__content--description,.recipe__ingredient--quantity,.recipe__ingredient--title{font-size:.875em;font-weight:400;line-height:140%}.recipe__ingredients-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:15px}.recipe__ingredient{width:45%}.recipe__ingredient--quantity{color:#7a7a7a}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0}