@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Manrope,sans-serif;margin:0;padding:0}a{text-decoration:none}li{list-style-type:none}.App{background:hsla(52,73%,88%,.4);display:flex;justify-content:center}.content{display:flex;flex-direction:column;margin-inline:15px;min-height:100vh;width:1140px}.main{flex:1 1 auto}.header-wrapper{display:flex;justify-content:flex-start;padding:15px 15px 0}.logo-wrapper{height:40px;width:120px}.logo{height:100%;width:100%}.search-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.national-list{gap:15px}.national-item,.national-list{display:flex;justify-content:center}.national-item{align-items:center;background-color:rgba(167,50,5,.8);border-radius:10px;flex-direction:column;gap:2px;height:50px;transition:all .3s ease;width:55px}.national-item-img{height:30px;width:30px}.national-item-name{color:#fff;font-size:10px}.national-item:hover{background:#d53c92;-webkit-transform:scale(1.05);transform:scale(1.05)}.national-item.active{background:#d53c92}.search-button,.search-form,.search-input{border:none;height:35px}.search-button:focus,.search-form:focus,.search-input:focus{outline:none}.search-form{align-items:center;border-radius:12px;display:flex;justify-content:center;min-width:270px;overflow:hidden;width:35%}.search-input{background-color:rgba(167,50,5,.8);border-radius:10px 0 0 10px;color:#fff;font-size:16px;padding:5px 10px;width:85%}.search-input::-webkit-input-placeholder{color:#fff;font-size:12px}.search-input::placeholder{color:#fff;font-size:12px}.search-button{align-items:center;background-color:#d53c92;border-radius:0 10px 10px 0;cursor:pointer;display:flex;justify-content:center;transition:all .4s ease;width:15%}.search-button:hover{background-color:#dd08f5}.search-icon{height:20px;width:20px}.suggestions-wrapper{position:relative}.fast-wrapper,.popular-wrapper,.vegetarian-wrapper{padding:15px}.fast-section,.popular-section,.vegetarian-section{align-items:center;display:flex;gap:10px;margin-bottom:10px}.fast-title,.popular-title,.vegetarian-title{color:rgba(167,50,5,.8);font-size:24px;font-weight:700;padding:0 0 5px 20px}.fast-img,.popular-img,.vegetarian-img{height:30px;width:30px}.fast-item,.popular-item,.vegetarian-item{border-radius:15px;height:160px;overflow:hidden;position:relative;width:300px}.fast-item-title,.popular-item-title,.vegetarian-item-title{bottom:8%;color:#fff;font-size:10px;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%;z-index:5}.fast-item-img,.popular-item-img,.vegetarian-item-img{height:100%;width:100%}.popular-item,.vegetarian-item{width:300px}.fast-item{width:210px}.background{background:linear-gradient(transparent,rgba(0,0,0,.5));height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.cuisine-wrapper,.query-wrapper{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;padding:25px 10px 15px;position:relative}.cuisine-item,.query-item{display:flex;flex-direction:column;gap:8px;height:200px;overflow:hidden;width:250px}.cuisine-item-img,.query-item-img{border-radius:15px;height:75%;width:100%}.cuisine-item-title,.query-item-title{color:#a73205;font-size:14px;text-align:center}.no-result{align-items:center;display:flex;flex-direction:column;gap:30px;padding-top:30px}.no-result-text{color:#a73205;font-size:18px;text-align:center}.recipe-wrapper{display:flex;gap:10%;padding:40px 20px 15px}.recipe-info{color:#a73205;display:flex;flex-direction:column;gap:10px;width:45%}.recipe-name{font-size:16px;text-align:center}.recipe-img{border-radius:15px;height:200px;margin:0 auto;width:400px}.recipe-description{font-size:12px;text-align:justify}.recipe-servings,.recipe-time{display:none}.recipe-servings-img,.recipe-time-img{height:24px;width:24px}.recipe-servings-text,.recipe-time-text{color:#a73205;font-size:14px}.recipe-guide{display:flex;flex-direction:column;font-weight:700;gap:20px;padding-top:15px;width:45%}.recipe-btns{display:flex;gap:30px;justify-content:center}.recipe-btn{background-color:transparent;border:3px solid rgba(167,50,5,.8);border-radius:10px;color:rgba(167,50,5,.8);cursor:pointer;font-weight:700;height:40px;transition:all .3s ease;width:100px}.recipe-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.recipe-btn.active,.recipe-btn:hover{background:#d53c92;border:none;color:#fff}.recipe-text{color:#a73205;padding-top:20px;text-align:justify}.error-wrapper{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:50px 20px}.error-message{color:#a73205;font-size:18px;text-align:center}.error-btn,.no-result-btn{background-color:#d53c92;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;height:50px;transition:all .4s ease;width:150px}.error-btn:hover,.no-result-btn:hover{background-color:#dd08f5}.loading-wrapper{margin-top:100px;position:relative}.loading-circle{-webkit-animation:loading .45s linear infinite;animation:loading .45s linear infinite;border:3px solid #a73205;border-radius:100%;border-top-color:transparent;height:40px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40px}@-webkit-keyframes loading{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}@keyframes loading{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}to{-webkit-transform:translateY(-50%) rotate(1turn);transform:translateY(-50%) rotate(1turn)}}.footer{border-top:2px dashed rgba(213,60,146,.8);color:#a73205;font-size:12px;margin-block:10px;padding-top:10px;text-align:center}@media(max-width:1199.8px){.content{width:940px}}@media(max-width:991.8px){.content{width:740px}.recipe-img{border-radius:15px;height:140px;margin:0 auto;width:100%}}@media(max-width:767.8px){.content{width:400px}.national-list{gap:10px}.national-item{height:40px;width:45px}.national-item-img{height:20px;width:20px}.national-item-name{font-size:9px}.search-wrapper{padding-top:20px}.logo-wrapper{margin:0 auto}.suggestions-wrapper{padding-top:20px}.fast-wrapper,.popular-wrapper,.vegetarian-wrapper{padding:5px}.fast-section,.popular-section,.vegetarian-section{gap:5px;justify-content:center;margin-block:10px}.fast-title,.popular-title,.vegetarian-title{font-size:20px;padding:0 0 5px 5px}.fast-img,.popular-img,.vegetarian-img{height:30px;width:30px}.fast-item{width:180px}.cuisine-wrapper,.query-wrapper{gap:20px}.cuisine-item,.query-item{gap:5px}.cuisine-item-title,.query-item-title{font-size:12px}.recipe-wrapper{flex-direction:column;gap:25px}.recipe-info{width:100%}.recipe-img{height:180px}.recipe-description{display:none}.recipe-servings,.recipe-time{align-items:center;display:flex;gap:10px}.recipe-guide{width:100%}}@media(max-width:424.8px){.content{width:300px}.national-list{gap:5px}.fast-item{height:140px;width:140px}.recipe-name{font-size:14px}.recipe-img{height:130px}.recipe-guide{width:100%}.recipe-text{font-size:14px}.loading-wrapper{margin-top:80px}}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*# sourceMappingURL=main.91c2c0fc.css.map*/