.recipe-browse{margin-inline:auto}.recipe-browse__toolbar{margin-bottom:var(--gutter-regular, 1rem)}.recipe-browse__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.recipe-browse__controls:empty{display:none}@media screen and (max-width:749.98px){.recipe-browse__controls{display:grid;grid-template-columns:minmax(0,1fr)}.recipe-browse__controls:has(>.recipe-browse__saved-link):has(>.recipe-filters__toggle){grid-template-columns:repeat(2,calc((100% - .5rem)/2))}}.recipe-browse__controls>.recipe-browse__saved-link{height:44px;min-height:44px;padding-block:0}.recipe-browse__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:var(--gutter-regular, 1rem)}.recipe-browse__meta>.recipe-browse__count{flex:1 1 auto;min-width:0}.recipe-browse__meta>.recipe-sort{flex:0 0 auto;margin-inline-start:auto}.recipe-sort{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem}.recipe-sort__label{font-size:1rem;white-space:nowrap;color:var(--color-text-main, #2e1a47)}.recipe-sort__select{min-height:44px;min-width:0;padding:.25rem 2rem .25rem .75rem;border:1px solid var(--color-borders-forms-primary, #d4d1ca);border-radius:6px;background:var(--color-background-main, #fcfaf1);color:var(--color-text-main, #2e1a47);font-size:1rem;background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 7px}.recipe-sort__submit{min-height:44px;padding:.25rem 1.25rem;border-radius:30px;font-size:1rem}.recipe-browse__count{align-self:center;margin:0;color:#2e1a47a3;font-size:1rem;line-height:1.4;font-weight:400;white-space:nowrap}@media screen and (max-width:749.98px){.recipe-sort{flex:0 1 auto}.recipe-sort__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.recipe-sort__select{flex:0 1 auto}}.recipe-browse__spinner{flex:0 0 auto;align-self:center;width:1.25rem;height:1.25rem;margin-left:-.25rem;border:2px solid color-mix(in srgb,var(--color-text-main, #2e1a47) 25%,transparent);border-top-color:var(--color-text-main, #2e1a47);border-radius:50%;visibility:hidden;animation:recipe-browse-spin .7s linear infinite}.recipe-browse--updating .recipe-browse__spinner{visibility:visible}.recipe-browse--updating .recipe-grid{opacity:.55}@keyframes recipe-browse-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.recipe-browse__spinner{animation-duration:2.4s}.recipe-grid{transition:none}}.recipe-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;transition:opacity .15s linear}@media screen and (min-width:750px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}}@media screen and (min-width:1100px){.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.25rem}}.recipe-grid__empty{grid-column:1 / -1}.recipe-card{position:relative;isolation:isolate;height:100%}.recipe-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.recipe-card__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--color-background-cards, #eef1f2)}.recipe-card__image{display:block;width:100%;height:100%;object-fit:cover}.recipe-card__body{padding:.625rem .25rem 0;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.recipe-card__spirits,.recipe-card__syrups{display:flex;min-width:0}.recipe-card__line{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recipe-card__line-more{flex:0 0 auto}.recipe-card__ingredients{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recipe-card__spirits{margin:0 0 4px;font-size:.6875rem;font-weight:400;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:#2e1a47b3}.recipe-card__title{margin:0;font-family:var(--font-stack-headings-primary, serif);font-size:1.125rem;font-weight:600;line-height:1.25;color:var(--color-text-main, #2e1a47)}.recipe-card__meta{margin-top:6px;display:flex;flex-direction:column;gap:4px;min-width:0}.recipe-card__syrups{font-size:.8125rem;line-height:1.25;color:var(--color-text-main, #2e1a47)}.recipe-card__ingredients{font-size:.6875rem;line-height:1.25;color:#2e1a47a3}recipe-quick-view{display:contents}.recipe-card__quick-view{position:absolute;z-index:2;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:none;color:var(--color-text-main, #2e1a47);line-height:1;cursor:pointer}.recipe-card__quick-view:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border:1px solid currentColor;border-radius:50%;background:#fcfaf1e6;box-shadow:0 1px 4px #2e1a474d}.recipe-card__quick-view>svg{position:relative;z-index:1}.no-touchevents .recipe-card__quick-view:hover{color:var(--color-foreground-main, #fcfaf1)}.no-touchevents .recipe-card__quick-view:hover:before{background:var(--color-text-main, #2e1a47)}.recipe-card__quick-view:focus-visible{outline:none}.recipe-card__quick-view:focus-visible:before{box-shadow:0 0 0 2px var(--color-background-main, #fcfaf1),0 0 0 4px var(--color-text-main, #2e1a47),0 1px 4px #2e1a474d}.recipe-pagination{padding-top:var(--gutter-large, 2rem)}.recipe-pagination__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.recipe-pagination__link{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .5rem;border:1px solid var(--color-borders-forms-primary, #d4d1ca);border-radius:30px;color:var(--color-text-main, #2e1a47);text-decoration:none;font-size:1rem}.no-touchevents .recipe-pagination a:hover,.recipe-pagination .no-touchevents a:hover{border-color:var(--color-text-main, #2e1a47)}.recipe-pagination__link--current{border-color:var(--color-text-main, #2e1a47);background:var(--color-text-main, #2e1a47);color:var(--color-foreground-main, #fcfaf1)}.recipe-pagination__link--disabled{opacity:.35;cursor:default}.recipe-pagination__gap{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-text-main, #2e1a47)}
/*# sourceMappingURL=/cdn/shop/t/93/assets/component-recipe-grid.css.map */