:root{--site-width:77.5rem;--ff-title:"DM Sans",sans-serif;--ff-text-alt:"Lato",sans-serif;--ff-text:"Roboto",sans-serif;--cl-white:#fff;--cl-black:#000;--cl-grey-300:#e7e7e7;--cl-logo:#d04f4f;--cl-ingredient:#3282f7;--cl-appliance:#68d9a4;--cl-ustensil:#ed6454}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:var(--cl-black);font-family:var(--ff-text);font-size:16px;font-weight:400;margin:0;padding-left:1rem;padding-right:1rem}.container{margin:0 auto;max-width:var(--site-width)}.fluid-grid{--min:380px;--gap:50px;grid-gap:var(--gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr))}.display-none{display:none}.form-control{border:0;border-radius:5px;font-family:var(--ff-text-alt);font-size:1.125rem;line-height:1.375rem}.site-heading{color:var(--cl-logo);font-family:var(--ff-title);font-size:2.25rem;font-weight:700;margin-bottom:1.0625rem;margin-top:2.625rem;text-align:center}.site-heading svg{fill:var(--cl-logo);display:block;height:2.9375rem;margin:0 auto;width:3.25rem}.nav-primary{margin-bottom:1.25rem}.form-control-primary{background-color:var(--cl-grey-300);background-image:url(../images/magnifier.svg);background-position:center right 17px;background-repeat:no-repeat;background-size:33px 33px;color:var(--cl-black);font-weight:400;padding:1.4375rem 4.5rem 1.5rem 1.375rem;width:100%}.form-control-primary::-webkit-input-placeholder{color:inherit;opacity:25%}.form-control-primary::-moz-placeholder{color:inherit;opacity:25%}.form-control-primary:-ms-input-placeholder{color:inherit;opacity:25%}.form-control-primary::-ms-input-placeholder{color:inherit;opacity:25%}.form-control-primary::placeholder{color:inherit;opacity:25%}.filter-list{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;justify-content:flex-start;list-style:none;margin-bottom:.9375rem;padding:0}.filter-list__item{background-color:transparent;background-image:url(../images/cross.svg);background-position:center right 22px;background-repeat:no-repeat;background-size:20px 20px;border-radius:5px;color:var(--cl-white);cursor:pointer;font-family:var(--ff-text-alt);font-size:.875rem;font-weight:700;line-height:1.05rem;padding:.625rem 3.4375rem .625rem 1.25rem}.filter-list__item-ingredients{background-color:var(--cl-ingredient)}.filter-list__item-appliances{background-color:var(--cl-appliance)}.filter-list__item-ustensils{background-color:var(--cl-ustensil)}.nav-secondary{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.25rem;margin-bottom:1.5625rem}.dropdown{-ms-flex-preferred-size:20rem;border-radius:5px;flex-basis:20rem;position:relative;-webkit-transition:-webkit-flex-basis .15s ease-in-out;transition:-webkit-flex-basis .15s ease-in-out;-o-transition:flex-basis .15s ease-in-out;transition:flex-basis .15s ease-in-out;transition:flex-basis .15s ease-in-out,-webkit-flex-basis .15s ease-in-out,-ms-flex-preferred-size .15s ease-in-out}.dropdown .form-control{background-color:transparent;background-image:url(../images/arrow-down.svg);background-position:center right 18px;background-repeat:no-repeat;background-size:16px 11px;border:0;color:var(--cl-white);font-weight:700;padding:1.4375rem 4.0625rem 1.5rem .9375rem;width:100%}.dropdown .form-control::-webkit-input-placeholder{color:var(--cl-white);opacity:100%}.dropdown .form-control::-moz-placeholder{color:var(--cl-white);opacity:100%}.dropdown .form-control:-ms-input-placeholder{color:var(--cl-white);opacity:100%}.dropdown .form-control::-ms-input-placeholder{color:var(--cl-white);opacity:100%}.dropdown .form-control::placeholder{color:var(--cl-white);opacity:100%}.dropdown.active{-ms-flex-preferred-size:100%;flex-basis:100%}.dropdown.active .form-control::-webkit-input-placeholder{opacity:50%}.dropdown.active .form-control::-moz-placeholder{opacity:50%}.dropdown.active .form-control:-ms-input-placeholder{opacity:50%}.dropdown.active .form-control::-ms-input-placeholder{opacity:50%}.dropdown.active .form-control::placeholder{opacity:50%}.dropdown-ingredients,.dropdown-ingredients .dropdown-menu{background-color:var(--cl-ingredient)}.dropdown-appliances,.dropdown-appliances .dropdown-menu{background-color:var(--cl-appliance)}.dropdown-ustensils,.dropdown-ustensils .dropdown-menu{background-color:var(--cl-ustensil)}.dropdown-menu{--min:15rem;--gap:0.625rem;grid-gap:var(--gap);border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min)),1fr));list-style:none;margin:0;padding:0 .9375rem .9375rem;pointer-events:none;position:absolute;top:calc(100% - 5px);-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .15s ease-in-out;transition:-webkit-transform .15s ease-in-out;-o-transition:transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;width:100%}.dropdown-menu__item{color:var(--cl-white);cursor:pointer;font-family:var(--ff-text-alt);font-size:1.125rem;font-weight:400;opacity:0;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dropdown.active>.form-control{background-image:url(../images/arrow-up.svg)}.dropdown.active>.form-control+.dropdown-menu{pointer-events:auto;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.dropdown.active>.form-control+.dropdown-menu .dropdown-menu__item{opacity:1}.card{background-color:var(--cl-grey-300);padding:1.25rem}.card__header{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--ff-text-alt);font-weight:400;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.card__header span{-ms-flex-negative:0;background-image:url(/assets/images/clock.svg);background-position:0;background-repeat:no-repeat;background-size:20px 20px;flex-shrink:0;font-weight:700;padding-left:1.6875rem}.card__header span,.card__heading{font-size:1.125rem;line-height:1.375rem}.card__heading{margin:0;text-transform:lowercase}.card__heading:first-letter{text-transform:uppercase}.card__content{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.card__list{font-family:var(--ff-text-alt);font-size:.75rem;font-weight:700;line-height:.875rem;list-style:none;margin:0;padding:0}.card__description{font-family:var(--ff-text);font-size:.75rem;font-weight:400;line-height:.75rem}
/*# sourceMappingURL=main.css.map */