.lookbook-card{display:flex;flex-direction:column;position:relative}.lookbook-card__media{aspect-ratio:4 / 5;background:rgb(var(--secondary-background));overflow:hidden;position:relative}.lookbook-card__poster,.lookbook-card__video{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.lookbook-card__poster{pointer-events:none;transition:opacity .3s ease-in-out;z-index:1}.lookbook-card.is-playing .lookbook-card__poster{opacity:0}.lookbook-card__link{top:0;right:0;bottom:0;left:0;position:absolute;z-index:2}.lookbook-card__shop-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:4px;color:#fff;display:inline-flex;font-family:var(--text-font-family);font-size:12px;gap:8px;inset-block-end:30px;inset-inline-start:28px;letter-spacing:.02em;line-height:1;min-height:34px;padding:0 14px;position:absolute;transition:opacity .2s ease-in-out,visibility .2s ease-in-out,background-color .2s ease-in-out;white-space:nowrap;z-index:3}.lookbook-card__shop-button svg{flex-shrink:0;height:auto;width:12px}.lookbook-card__shop-button:focus-visible,.lookbook-card__shop-button:hover{background:#00000073}@media screen and (min-width:741px){.lookbook-card__shop-button{font-size:10px;gap:6px;inset-block-end:23px;inset-inline-start:18px;opacity:0;padding:0 12px;visibility:hidden}.lookbook-card__shop-button svg{width:11px}.lookbook-card__media:hover .lookbook-card__shop-button,.lookbook-card__shop-button:focus-visible,.lookbook-card__shop-button[aria-expanded=true]{opacity:1;visibility:visible}}.lookbook-card__info{display:grid;gap:6px;padding:18px 20px 0}.lookbook-card__title{color:rgb(var(--text-color));font-family:var(--text-font-family);font-size:16px;font-weight:var(--text-font-regular-weight);letter-spacing:.02em;line-height:1.4;margin:0}.lookbook-card__title a:hover{text-decoration:underline;text-underline-offset:3px}.lookbook-card__excerpt{color:rgb(var(--text-color));font-size:10px;letter-spacing:.02em;line-height:1.35;margin:0;max-width:240px}@media screen and (min-width:741px){.lookbook-card__info{padding:12px 10px 0}.lookbook-card__title{font-size:14px}.lookbook-card__excerpt{max-width:280px}}@media(prefers-reduced-motion:reduce){.lookbook-card__poster,.lookbook-card__shop-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/956/assets/component-lookbook-card.bundle.css.map */