.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.recipe{display:flex;flex-direction:column;gap:14px}.kw-rec__frame{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:9 / 16;background:#000;box-shadow:var(--e-3);border:1px solid color-mix(in oklab,var(--charcoal) 12%,transparent)}.kw-rec__frame video,.kw-rec__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kw-rec__poster{z-index:1;cursor:pointer;border:0;padding:0;background:transparent}.kw-rec__poster img{width:100%;height:100%;object-fit:cover}.kw-rec__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(54,50,47,.55),rgba(54,50,47,.12) 45%,transparent);pointer-events:none}.kw-rec__cover-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:var(--charcoal-50);background:var(--merino-deep);pointer-events:none;font-family:var(--font-mono);font-size:10.5px}.kw-rec__poster[disabled]{cursor:default}.kw-rec__tag{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:color-mix(in oklab,var(--charcoal) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in oklab,var(--merino) 22%,transparent);color:var(--merino);border-radius:var(--r-pill);padding:7px 14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.kw-rec__tag--blue{background:color-mix(in oklab,var(--weldon-blue-d) 82%,transparent);border-color:color-mix(in oklab,var(--white) 22%,transparent)}.kw-rec__tag--peach{background:color-mix(in oklab,var(--tumbleweed-d) 82%,transparent);border-color:color-mix(in oklab,var(--merino) 22%,transparent)}.kw-rec__play{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:999px;border:0;cursor:pointer;background:var(--tumbleweed);color:var(--charcoal);display:flex;align-items:center;justify-content:center;box-shadow:var(--e-3);transition:transform var(--d-base) var(--ease-out)}.kw-rec__play:hover{transform:scale(1.06)}.kw-rec__play svg{width:26px;height:26px;margin-left:3px}.kw-rec__frame.is-playing .kw-rec__poster,.kw-rec__frame.is-playing .kw-rec__play,.kw-rec__frame.is-playing .kw-rec__cover-placeholder{opacity:0;pointer-events:none;transition:opacity var(--d-base) var(--ease-out)}.recipe__body{display:flex;flex-direction:column;gap:3px}.recipe__stage{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--weldon-blue-d)}.recipe h4{font-family:var(--font-display);font-weight:500;font-size:18px;margin:0;line-height:1.15}@media(max-width:1024px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.recipe-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:14px}.recipe-grid .recipe{flex:0 0 72%;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.kw-rec__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kwiplee-recipes.css.map */