html{box-sizing:border-box}*,*:after,*:before{box-sizing:inherit}*{margin:0;padding:0;font:inherit}a,a:active,a:visited{text-decoration:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--main-font: "Jost", sans-serif;--fw-regular: 400;--fw-bold: 700;--fs-small: u.rem(16);--fs-medium: u.rem(20);--color-black: #151515;--color-black-dim: #2f2e2d;--color-gray: #d0d0d0;--color-accent: #fed148;--color-white: #ffffff;--color-background: #f2f2f2}.recipe-modal{-ms-overflow-style:none;scrollbar-width:none}.recipe-modal::-webkit-scrollbar{display:none}.recipe-modal{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:1.25rem;position:fixed;z-index:5;overflow:auto;padding-block:2.5rem;height:100%;transform:scale(0);transition:transform .25s ease-in-out}.recipe-modal.show{transform:scale(1)}.recipe-modal__information-container{display:flex;flex-direction:column;width:clamp(17.5rem,13.9583333333rem + 17.7083333333vw,28.125rem);background-color:var(--color-white);overflow:hidden;position:relative;border-radius:5px;box-shadow:#09090933 0 8px 24px}.recipe-modal__close-btn{background-color:var(--color-accent);position:absolute;display:flex;justify-content:center;place-items:center;width:1.5rem;aspect-ratio:1/1;border-radius:50%;top:.625rem;left:.625rem;z-index:6;transition-property:transform,color,background-color;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:pointer}.recipe-modal__close-btn:hover{transform:scale(1.1);background-color:var(--color-black);color:var(--color-accent)}.recipe-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:.625rem}.recipe-modal__name{font-size:1.875rem;font-weight:var(--fw-bold)}.recipe-modal__play-video{display:flex;justify-content:center;gap:.625rem;background-color:var(--color-accent);color:var(--color-black);border-radius:5px;place-items:center;height:2.5rem;width:8.125rem;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out;font-size:1.125rem;margin-block-end:.625rem}.recipe-modal__play-video:hover{box-shadow:#64646f33 0 4px 20px;transform:translateY(-.125rem)}.recipe-modal__play-video--none{color:red;font-size:1.125rem;margin-block-end:.625rem}.recipe-modal__ingridient{font-size:1rem;font-weight:var(--fw-bold)}.recipe-modal__ingridient-list>li{margin-inline-start:1.25rem;margin-block-end:.625rem;line-height:1.5;font-size:1rem}.recipe-modal__instruction-container{width:clamp(17.5rem,14.375rem + 15.625vw,26.875rem)}.recipe-modal__instruction-list{list-style:none;counter-reset:instruction}.recipe-modal__instruction-list>li{line-height:1.5;counter-increment:instruction;background-color:var(--color-white);padding:.625rem;margin-block-end:1.25rem;padding-inline-start:2.5rem;border-radius:5px;position:relative;box-shadow:#03030333 0 8px 24px}.recipe-modal__instruction-list>li:before{content:counter(instruction);position:absolute;left:.4375rem;top:.625rem;background-color:var(--color-accent);color:var(--color-black);height:1.4rem;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;place-items:center}@media (prefers-color-scheme: dark){.recipe-modal__information-container{background-color:var(--color-black-dim)}.recipe-modal__ingridient-list li{color:var(--clr-gray)}.recipe-modal__instruction-list li{background-color:var(--color-black-dim)}}.recipe-card{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;width:15.625rem;box-shadow:#0b0b0b1a 0 10px 40px;cursor:pointer;transition:transform .25s ease-in-out}.recipe-card:hover{transform:translateY(-5%)}.recipe-card:hover .recipe-card__body{background-color:var(--color-accent)}.recipe-card__body{display:flex;justify-content:center;place-items:center;height:5rem;padding:.625rem;background-color:var(--color-white);transition:background-color .25s ease-in-out}.recipe-card__img{height:15.625rem;object-fit:cover}.recipe-card__name{text-align:center;font-size:1rem;font-weight:var(--fw-bold)}@media (prefers-color-scheme: dark){.recipe-card__body{background-color:var(--color-black-dim)}}.search-bar{padding-block-start:6.25rem;display:flex;justify-content:center;gap:.3125rem}.search-bar__input{height:2.5rem;padding:.625rem;width:clamp(12.5rem,4.1666666667rem + 41.6666666667vw,37.5rem);border:none;border-radius:5px;font-size:1rem;font-family:inherit;position:relative}.search-bar__submit-btn{box-shadow:#959da533 0 8px 24px;background-color:var(--color-accent);border:none;border-radius:5px;height:2.5rem;aspect-ratio:1/1;padding-inline:.625rem;cursor:pointer}.not-found{font-size:1.875rem;color:var(--color-accent);text-align:center;line-height:1.5}@media (prefers-color-scheme: dark){.search-bar__input{background-color:var(--color-black-dim);color:var(--color-white)}}body{display:flex;flex-flow:column nowrap;align-items:center;background-color:var(--color-background);font-family:var(--main-font)}@media (prefers-color-scheme: dark){body{background-color:var(--color-black);color:var(--color-white);color-scheme:dark}}.overlay{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;background-color:#14141480;opacity:0;pointer-events:none}.overlay.show{opacity:1;pointer-events:auto}.recipe-layout{display:flex;flex-flow:row wrap;justify-content:center;width:min(80rem,100% - 2.5rem);margin-inline:auto;margin-block:2.5rem;gap:1.875rem}