.recipeList__navbar{width:100%;min-height:78px;display:flex;flex-direction:row;align-items:end;justify-content:space-between}.recipeList__dashboard{display:flex;align-items:flex-start}.recipeList__subwrapper{display:flex;flex-direction:column;justify-content:center;width:100%;margin-bottom:24px}.recipe-card{max-width:300px;border-radius:4px;background-color:#f7f7f7;margin-top:12px;cursor:pointer}.recipe-card__superText{font-size:medium;color:#c93022;margin-left:10px;padding:4px 4px 0px 10px}.recipe-card__title{font-size:larger;margin-left:10px;font-weight:600;min-height:80px;padding:4px 4px 0px 10px}.recipe-card__title__subText{font-size:small;font-style:italic;font-weight:500;display:none}.recipe-card__image{border-top-left-radius:4px;border-top-right-radius:4px;width:300px;height:300px;-o-object-fit:cover;object-fit:cover}.recipe-card__details{margin-left:10px;display:flex;justify-content:space-between;padding:2px 10px 15px 10px;margin-right:10px}.recipe-card__prepTime{display:flex;flex-direction:column}.recipe-card__prepTime__title{text-decoration:underline}.recipe-card__prepTime__value{text-align:center}.recipe-card__cookTime{display:flex;flex-direction:column}.recipe-card__cookTime__title{text-decoration:underline}.recipe-card__cookTime__value{text-align:center}.recipe-card__difficulty{display:flex;flex-direction:column}.recipe-card__difficulty__title{text-decoration:underline}.recipe-card__difficulty__value{text-align:center}#clear-all{text-align:center;background-color:#f7f7f7;color:#242424;margin-left:12px;margin-bottom:8px;padding:4px 12px}#total-recipe-count{text-align:center;width:100%;margin-left:12px;margin-bottom:2px}.clear-all-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#recipeList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}#filter-form{display:flex;flex-direction:column;width:33%}#filter-form span.toggle{display:flex;flex-direction:row;align-items:baseline}#filter-form span.toggle svg{margin-right:4px}#filter-form .filter-count{padding-left:4px}#filter-form fieldset{display:flex;flex-direction:column;border:0px solid #000}#filter-form fieldset label.hidden{display:none}#filter-form-mobile{display:none}#filter-form-mobile fieldset{display:flex;flex-direction:column;border:0px solid #000}#filter-form-mobile fieldset legend{width:100%;padding:5px 6px;color:#242424;font-size:1.8rem;border-bottom:1px solid #242424}#filter-form-mobile fieldset label{padding:5px 6px}#filter-form-mobile fieldset label.hidden{display:none}#filter-form-mobile fieldset .filter-count{padding-left:4px}#toggle-filters{display:none}.clear-all{text-align:center;color:#242424;margin-left:12px;margin-bottom:8px;padding:4px 12px;background-color:#f7f7f7;width:50%}.filter-drawer{position:relative;height:100%;overflow:hidden}.filter-form-container{height:calc(100% - 64px);overflow-y:scroll}.filter-drawer-controls{flex-direction:row;justify-content:space-between;position:absolute;bottom:0;left:0;display:flex;width:100vw;padding:12px 28px 12px 12px;border-top:1px solid #3a3a3a;background-color:#fff}@media(max-width: 750px){#filter-form{display:none}#toggle-filters{display:flex;align-items:center;border-radius:14px;padding:2px 8px;background-color:#f7f7f7}#clear-all{display:none}#filter-form-mobile{display:block;width:100%;background-color:#f7f7f7;padding-bottom:42px}#filter-form-mobile span.toggle{display:flex;flex-direction:row;align-items:baseline}#filter-form-mobile span.toggle svg{margin-right:4px}#filter-form-mobile .clear-all{display:block}}#filter-options{position:fixed;top:0;right:-100%;z-index:100001;width:100%;height:100%;overflow-y:auto;transition:right .3s ease-in-out;background-color:#f7f7f7}#filter-options.visible{right:0;z-index:100000001}#close-filter-btn{color:#242424}#loadMore{text-align:center;background-color:#f7f7f7;color:#242424;margin:32px auto;padding:32px 64px;font-size:2.4rem}.preview-skeleton{animation:skeleton-loading 1s linear infinite alternate;width:300px;height:300px;border-radius:4px;background-color:#f7f7f7;margin-top:12px}.filter-skeleton{animation:skeleton-loading 1s linear infinite alternate;width:150px;height:525px}@keyframes skeleton-loading{0%{background-color:#c2cfd6}100%{background-color:#f0f3f5}}.filter-options__arrow{fill:#242424;transition:fill .2s cubic-bezier(0.46, 0.01, 0.32, 1),transform .3s ease}.filter-options__arrow.rotated{transform:rotate(180deg);fill:#c93022}