.recipe-filters{display:flex;gap:3rem;margin-bottom:6rem;flex-wrap:wrap;justify-content:center}.filter-dropdown{position:relative}.filter-button{display:flex;align-items:center;gap:2rem;padding:1.5rem 1.5rem 1.5rem 3rem;border-radius:5px;border:2px solid var(--TP-Red, #E4002B);background:var(--Off-White, #FFFCFD);color:var(--TP-Red, #E4002B);font-size:2rem;font-style:normal;font-weight:700;text-transform:uppercase;line-height:1;cursor:pointer;transition:all .2s ease;min-width:26.7rem;justify-content:space-between;height:4.5rem}.filter-button .icon-arrow-down path{fill:var(--TP-Red, #E4002B)}.filter-button[aria-expanded=true] .icon-arrow-down{transform:rotate(180deg)}.filter-button .icon-arrow-down{transition:transform .2s ease;flex-shrink:0}.filter-list{position:absolute;top:calc(100% + .5rem);left:0;z-index:100;min-width:200px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;overflow:hidden}.filter-list-header{padding:1.5rem 0}.filter-list-title{font-size:1.6rem;font-weight:500;color:rgb(var(--color-foreground));text-transform:uppercase}.filter-options{list-style:none;margin:0;padding:.5rem 0;max-height:300px;overflow-y:auto}.filter-option{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:rgb(var(--color-foreground));font-family:var(--font-body-family);text-decoration:none;font-size:1.4rem;line-height:1.2;text-align:left;cursor:pointer;transition:background-color .2s ease}.filter-option:hover{background:rgba(var(--color-foreground),.05)}.filter-option--active{background:rgba(var(--color-foreground),.1);font-weight:500}.recipe-card{display:block;text-decoration:none;color:inherit;border:2px solid #000;border-radius:10px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;width:100%}.recipe-card .card__content,.recipe-card .card__information{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}@media screen and (min-width: 990px){.grid--4-col-desktop .recipe-card{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}}.recipe-card.hidden{display:none}.recipe-card .image-holder{position:relative;padding-bottom:75%;aspect-ratio:267 / 346;overflow:hidden}.recipe-card img{width:100%;height:100%;object-fit:cover;position:absolute;transition:transform .4s ease}.recipe-card:hover img{transform:scale(1.05)}.recipe-card h3{line-height:3rem}.recipe-card .card__content{background-color:#fff;padding:0}.recipe-card .card__information{padding:1.5rem 1.9rem}.recipe-card .card__information p{color:var(--Dk-Grey, #4B5358);font-size:1.6rem;font-weight:500;line-height:22px;text-decoration-line:underline;text-transform:uppercase;margin-bottom:5px}.recipe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-foreground),.2);border-top:3px solid rgb(var(--color-foreground));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#load-more-container{display:none;text-align:center;margin-top:20px}.pagination-wrapper{margin-top:2rem;display:flex;justify-content:center}.pagination{display:flex;list-style:none;margin:0;padding:0;gap:.5rem;align-items:center}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;cursor:pointer;transition:all .2s ease}.pagination__item:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.pagination__item--current{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.pagination__item--prev,.pagination__item--next{gap:.5rem}@media (max-width: 768px){.recipe-filters{flex-direction:column;gap:.5rem}.filter-dropdown{width:100%}.filter-button{width:100%;justify-content:space-between}.filter-list{width:100%}.recipe-card .image-holder{aspect-ratio:369 / 300}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/WF-recipe-filter.css.map */