.ob-colcard{display:block;container-type:inline-size;color:var(--ob-white);text-decoration:none}.ob-colcard__media{position:relative;display:block;aspect-ratio:var(--colcard-ratio, 3 / 4);overflow:hidden;border-radius:var(--ob-radius-card-mobile);background:var(--ob-surface);isolation:isolate}.ob-colcard__zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ob-colcard__image{display:block;width:100%;height:100%;object-fit:cover}.ob-colcard__pill{position:absolute;top:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem);padding:.4rem 1rem;overflow:hidden;border-radius:var(--ob-radius-pill);background:color-mix(in srgb,var(--ob-bg) 90%,transparent);color:var(--ob-ink);font-size:calc(1.1rem * var(--ob-fs-text));letter-spacing:.04em;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.ob-colcard__scrim{position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(to top,rgba(var(--ob-shadow-rgb),.55),rgba(var(--ob-shadow-rgb),0));pointer-events:none}.ob-colcard__info{position:absolute;inset:auto 1.2rem 1.4rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.ob-colcard__name{min-width:0;color:var(--ob-white);font-family:var(--font-heading-family);font-size:calc(2.2rem * var(--ob-fs-heading));font-weight:var(--font-heading-weight-medium);line-height:1.05;overflow-wrap:anywhere}.ob-colcard__shop{display:none;flex:none;min-width:0}.ob-colcard:focus-visible{outline:none}.ob-colcard:focus-visible .ob-colcard__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@container (min-width: 24rem){.ob-colcard__pill{top:1.6rem;left:1.6rem;max-width:calc(100% - 3.2rem);padding:.6rem 1.4rem;font-size:calc(1.3rem * var(--ob-fs-text))}.ob-colcard__info{inset:auto 2rem 2rem}.ob-colcard__name{font-size:calc(2.8rem * var(--ob-fs-heading))}.ob-colcard__shop{display:inline-flex}}@container (min-width: 32rem){.ob-colcard__name{font-size:calc(3.4rem * var(--ob-fs-heading))}}@media screen and (min-width:750px){.ob-colcard__media{border-radius:var(--ob-radius-card)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-collection-card.css.map */