body.recipe-quick-view-lock{overflow:hidden}dialog.recipe-quick-view{position:fixed;inset:auto 0 0 0;display:none;flex-direction:column;isolation:isolate;z-index:60;width:100%;max-width:none;max-height:85vh;max-height:85dvh;margin:0;padding:0;border:0;border-radius:16px 16px 0 0;background:var(--color-background-main, #fcfaf1);color:var(--color-text-main, #2e1a47);overflow:hidden;transition:transform .25s ease,opacity .2s ease}dialog.recipe-quick-view::backdrop{background:#2e1a478c}@starting-style{dialog.recipe-quick-view[open]{transform:translateY(100%);opacity:.6}}dialog.recipe-quick-view[open]{display:flex}dialog.recipe-quick-view:not([open]){display:none}dialog.recipe-quick-view[aria-busy=true] .recipe-quick-view__content:after{content:"";display:block;width:28px;height:28px;margin:3rem auto;border:2px solid var(--color-borders-forms-primary, #d4d1ca);border-top-color:var(--color-text-main, #2e1a47);border-radius:50%;animation:recipe-quick-view-spin .8s linear infinite}@keyframes recipe-quick-view-spin{to{transform:rotate(360deg)}}.recipe-quick-view__close{position:absolute;z-index:2;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:30px;background:#fcfaf1e6;color:var(--color-text-main, #2e1a47);cursor:pointer}.recipe-quick-view__scroller{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.recipe-qv{display:flex;flex-direction:column;min-height:100%}.recipe-qv__media{flex:0 0 auto;background:var(--color-background-cards, #eef1f2)}.recipe-qv__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.recipe-qv__body{flex:1 1 auto;padding:1.25rem}.recipe-qv__title{margin:0;padding-right:2.75rem;font-family:var(--font-stack-headings-primary, serif);font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--color-text-main, #2e1a47)}.recipe-qv__description{margin:.5rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:1rem;line-height:1.5;color:var(--color-text-main, #2e1a47)}.recipe-qv__more{color:var(--color-text-main, #2e1a47);text-decoration:underline;text-underline-offset:2px}.recipe-qv__ingredients{margin-top:1.25rem}.recipe-qv__ingredients-heading{margin:0 0 .5rem;font-family:var(--font-stack-headings-primary, serif);font-size:1.125rem;font-weight:600;color:var(--color-text-main, #2e1a47)}.recipe-qv__ingredients ul{margin:0;padding-left:1.25rem;font-size:1rem;line-height:1.6}.recipe-qv__ingredients li{margin-bottom:.25rem}.recipe-qv__ingredients a{color:inherit;font-weight:600;text-decoration:none}.recipe-qv__ingredients a:hover,.recipe-qv__ingredients a:focus-visible{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:2px}.recipe-qv__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.recipe-qv__actions .button{min-height:44px;margin:0;padding-block:0}.recipe-qv__save[disabled]{cursor:default;opacity:.6}.recipe-qv__save[aria-pressed=true],.no-touchevents .recipe-qv__save[aria-pressed=true]:hover{background-color:var(--color-text-main, #2e1a47);border-color:var(--color-text-main, #2e1a47);color:var(--color-background-main, #fcfaf1);box-shadow:inset 0 0 0 2px var(--color-background-main, #fcfaf1)}.recipe-qv .recipe-save__message{margin-top:.75rem}.recipe-quick-view__close:hover,.recipe-qv__more:hover{opacity:.75}.recipe-quick-view__close:focus-visible,.recipe-qv__more:focus-visible,.recipe-qv__actions .button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (min-width:750px){dialog.recipe-quick-view{top:0;right:0;bottom:0;left:0;margin:auto;width:min(720px,calc(100vw - 4rem));height:fit-content;max-height:min(85vh,720px);max-height:min(85dvh,720px);border:0;padding:1px;background-clip:content-box;border-radius:8px}@starting-style{dialog.recipe-quick-view[open]{transform:translateY(12px);opacity:0}}.recipe-qv{flex-direction:row}.recipe-qv__media{flex:0 0 42%;position:relative;min-height:280px}.recipe-qv__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.recipe-qv__body{padding:2rem}.recipe-qv__title{padding-right:3rem;font-size:1.75rem}}@media(prefers-reduced-motion:reduce){dialog.recipe-quick-view{transition:none;transform:none}@starting-style{dialog.recipe-quick-view[open]{transform:none;opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/component-recipe-quick-view.css.map */