.ugc-card{display:flex;flex-direction:column;width:100%;height:100%;border:var(--cc-hairline-width) solid var(--cc-hairline-on-light);border-radius:var(--cc-radius-lg);background:var(--cc-surface-light-raised);overflow:clip}.ugc-card__media{position:relative;flex:0 0 auto;aspect-ratio:4 / 5;min-height:0;overflow:clip;background:var(--cc-surface-light-1)}.ugc-card__image,.ugc-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ugc-card__media--video{display:block}.ugc-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.ugc-card__poster:focus-visible{outline:var(--cc-focus-ring-width) solid var(--cc-focus-ring);outline-offset:calc(var(--cc-focus-ring-offset) * -1)}.ugc-card__media--video[loaded] .ugc-card__poster{display:none}.ugc-card__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.ugc-card__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:var(--cc-radius-full);background:rgb(var(--cc-white-rgb) / .82);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--cc-ink);transition:transform var(--cc-dur-fast) var(--cc-ease-ui),background-color var(--cc-dur-fast) var(--cc-ease-ui)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ugc-card__play{background:rgb(var(--cc-white-rgb) / .95)}}.ugc-card__play svg{width:2.2rem;height:2.2rem}@media(hover:hover){.ugc-card__poster:hover .ugc-card__play{transform:translate(-50%,-50%) scale(1.06);background:rgb(var(--cc-white-rgb) / .94)}}.ugc-card__tag{position:absolute;inset-inline:var(--cc-space-xs);inset-block-end:var(--cc-space-xs);z-index:2;display:flex;align-items:center;gap:var(--cc-space-xs);min-height:4.4rem;padding:var(--cc-space-2xs) var(--cc-space-xs);border-radius:var(--cc-radius-md);background:rgb(var(--cc-white-rgb) / .82);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--cc-ink);text-decoration:none;transition:background-color var(--cc-dur-fast) var(--cc-ease-ui)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ugc-card__tag{background:rgb(var(--cc-white-rgb) / .95)}}.ugc-card__tag:focus-visible{outline:var(--cc-focus-ring-width) solid var(--cc-focus-ring);outline-offset:var(--cc-focus-ring-offset)}.ugc-card__tag-thumb{flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:var(--cc-radius-sm);object-fit:cover}.ugc-card__tag-text{display:flex;flex-direction:column;min-width:0}.ugc-card__tag-name{overflow:hidden;font-family:var(--cc-font-body);font-size:var(--cc-text-sm);font-weight:var(--cc-weight-medium);line-height:var(--cc-leading-tight);text-overflow:ellipsis;white-space:nowrap}.ugc-card__tag-price{color:var(--cc-ink-quiet);font-family:var(--cc-font-mono);font-size:var(--cc-text-2xs);letter-spacing:var(--cc-tracking-mono)}.ugc-card__tag-go{flex:0 0 auto;margin-inline-start:auto;padding-inline-end:var(--cc-space-2xs);color:var(--cc-forge-ink);line-height:0;transition:transform var(--cc-dur-fast) var(--cc-ease-ui)}.ugc-card__tag-go svg{width:1.4rem;height:1.4rem}.ugc-card__media--video .ugc-card__tag{inset-block-start:var(--cc-space-xs);inset-block-end:auto}@media(hover:hover){.ugc-card__tag:hover{background:rgb(var(--cc-white-rgb) / .94)}.ugc-card__tag:hover .ugc-card__tag-go{transform:translate(2px)}}.ugc-card__body{padding:var(--cc-space-md)}.ugc-card__caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;min-height:calc(2em * var(--cc-leading-body));color:var(--cc-ink);font-family:var(--cc-font-body);font-size:var(--cc-text-base);line-height:var(--cc-leading-body)}.ugc-card__attribution{margin:var(--cc-space-xs) 0 0;color:var(--cc-ink-quiet);font-family:var(--cc-font-body);font-size:var(--cc-text-sm)}@media screen and (max-width:749px){.ugc-card__body{padding:var(--cc-space-sm)}}.ugc-card__stars{display:block;margin-block-end:var(--cc-space-2xs);font-size:14px;line-height:1;letter-spacing:.12em;background-image:linear-gradient(90deg,var(--elara-accent, var(--cc-forge)) var(--elara-star-fill, 100%),rgb(var(--cc-ink-rgb) / .18) var(--elara-star-fill, 100%));-webkit-background-clip:text;background-clip:text;color:transparent}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-ugc-card.css.map */