.ugc-item{position:relative;display:block;min-width:0;margin:0}.ugc-item__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--ugc-ratio, 1);border:var(--media-container-border, none);border-radius:var(--media-container-radius, 0);box-shadow:var(--media-container-shadow, none);background:rgba(var(--color-foreground),.06)}.ugc-item__media img,.ugc-item__media .placeholder-svg,.ugc-item__video,.ugc-item__video video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ugc-item__video{opacity:0;transition:opacity .5s ease}.ugc-item__video[data-playing]{opacity:1}.ugc-item__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,transparent 60%,rgba(0,0,0,.45));pointer-events:none}.ugc-item__author{position:absolute;z-index:1;top:1.2rem;right:4.8rem;left:1.2rem;overflow:hidden;color:#fff;font-size:1.3rem;font-weight:var(--font-body-weight-bold);line-height:1.3;text-overflow:ellipsis;text-shadow:0 .1rem .3rem rgba(0,0,0,.35);white-space:nowrap;pointer-events:none}.ugc-item__badge{position:absolute;z-index:1;top:1rem;right:1rem;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#0006;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ugc-item__badge svg{width:1.3rem;height:1.3rem;fill:currentColor}.ugc-item__product{position:absolute;z-index:2;right:.8rem;bottom:.8rem;left:.8rem;display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem .6rem .6rem;border-radius:calc(var(--media-container-radius, 0px) * .6 + .4rem);background:rgba(var(--color-background),.92);box-shadow:0 .4rem 1.6rem #0000001f;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.25;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease}.ugc-item__product img{width:3.6rem;height:3.6rem;flex-shrink:0;border-radius:.4rem;object-fit:cover}.ugc-item__product-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ugc-item__product-title{overflow:hidden;font-weight:var(--font-body-weight-bold);text-overflow:ellipsis;white-space:nowrap}.ugc-item__product-price{opacity:.75}@media(hover:hover){.ugc-item__product:hover{transform:translateY(-.2rem)}}.ugc-slide{display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(100%,108rem);max-height:100%;overflow:hidden;border-radius:var(--content-container-radius, 1.2rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.ugc-slide{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.3fr) minmax(30rem,1fr);max-height:min(100%,82rem)}}.ugc-slide__media{display:grid;place-items:center;min-height:0;background:#000}@media screen and (max-width:749px){.ugc-slide__media{grid-template-rows:minmax(0,100%)}}.ugc-slide__media img,.ugc-slide__media video{display:block;width:100%;height:auto;max-height:calc(55dvh - 4rem);object-fit:contain;border-radius:0}.ugc-slide .ugc-slide__media img,.ugc-slide .ugc-slide__media video{border-radius:0}@media screen and (min-width:750px){.ugc-slide__media img,.ugc-slide__media video{max-height:min(82rem,calc(100dvh - 10rem))}}.ugc-slide__details{display:flex;flex-direction:column;gap:1.4rem;max-height:45dvh;padding:2rem;overflow-y:auto;text-align:start}@media screen and (min-width:750px){.ugc-slide__details{max-height:none;padding:3.2rem}}.ugc-slide__author{margin:0;font-weight:var(--font-body-weight-bold)}.ugc-slide__caption{color:rgba(var(--color-foreground-secondary));line-height:1.55}.ugc-slide__caption>*{margin:0}.ugc-slide__product{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.6rem 1.4rem;align-items:center;margin-top:auto;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.ugc-slide .ugc-slide__product img{grid-row:span 2;width:7.2rem;max-width:none;height:7.2rem;max-height:none;border-radius:var(--media-container-radius, .4rem);object-fit:cover}.ugc-slide__product-title{margin:0;font-weight:var(--font-body-weight-bold)}.ugc-slide__product-price{margin:0;opacity:.8}.ugc-slide__product .button{grid-column:1 / -1;margin-top:.6rem}.ugc-slide__link{color:inherit;font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-ugc.css.map */