.t8-ugc{padding:4rem 0 0;box-sizing:content-box;height:calc(100svh - var(--t-press-h) + 4rem);min-height:56rem;display:flex;flex-direction:column}.t8-ugc>.t-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.t8-ugc__wrap{flex:1 1 auto;min-height:0;max-height:58.8rem;display:flex;flex-direction:column}.t8-ugc__rail{flex:1 1 auto;min-height:0;max-height:56.4rem}.t8-ugc__head{margin-bottom:2.4rem}.t8-ugc__sub{max-width:90rem}.t8-ugc__rail{gap:1.6rem;margin:0;padding:0;list-style:none}.t8-ugc__card{position:relative;flex:0 0 auto;height:100%;aspect-ratio:322 / 548;border-radius:var(--radius-card);overflow:hidden;background:#0003}.t8-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0}.t8-ugc__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#6660 70%,#000c);pointer-events:none}.t8-ugc__img,.t8-ugc__video{width:100%;height:100%;object-fit:cover;display:block}.t8-ugc__chip{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;width:auto;box-sizing:border-box;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.6rem .8rem .8rem;border-radius:var(--t-radius);background:#00000080;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.t8-ugc__thumb{flex:0 0 4.8rem;width:4.8rem;height:6rem;border-radius:.4rem;overflow:hidden}.t8-ugc__thumb img{width:100%;height:100%;object-fit:cover}.t8-ugc__ptitle{flex:1 1 auto;min-width:0;font-family:var(--t-font-display);font-weight:var(--t-w-regular);font-size:1.6rem;line-height:var(--t-lh-body);letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.t8-ugc__plus{flex:0 0 4rem;width:4rem;height:4rem;border-radius:4rem;background:#fff;color:var(--t-brand);display:grid;place-items:center;transition:transform .2s var(--t-ease),color .3s var(--t-ease)}.t8-ugc__plus{position:relative;overflow:hidden;isolation:isolate}.t8-ugc__plus:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--t-brand);border-radius:50%/0 0 100% 100%;transform:translateY(-105%);transition:transform .45s var(--t-ease),border-radius .45s var(--t-ease)}.t8-ugc__plus:hover{transform:scale(1.08);color:#fff}.t8-ugc__plus:hover:before{transform:translateY(0);border-radius:50%}.t8-ugc__plus.is-done:before{display:none}.t8-ugc__plus.is-done{color:var(--t-success-500)}.t8-ugc__plus svg{width:1.6rem;height:1.6rem}.t8-ugc__btn{color:var(--t-brand);top:50%}.t8-ugc__btn:disabled{opacity:.4;cursor:default}.t8-ugc__btn svg{width:1.6rem;height:1.6rem}.t8-ugc__dots{margin-top:1.6rem;gap:.8rem}.t8-ugc__dots>*{width:.8rem;height:.8rem;border-radius:.4rem;cursor:pointer}.t8-ugc__dots>.is-active{width:1.6rem}@media(max-height:640px){.t8-ugc{height:auto}.t8-ugc__card{height:40rem}}@media(max-width:1024px){.t8-ugc{height:auto;min-height:0;display:block;padding-bottom:4rem}.t8-ugc__card{flex-basis:calc(33.333% - 1.6rem);min-width:0;height:auto;aspect-ratio:322 / 548}}@media(max-width:640px){.t8-ugc{padding-bottom:0}.t8-ugc__btn{display:none}.t8-ugc__wrap,.t8-ugc__rail{max-height:none}.t8-ugc__rail{--v: calc(100vw - 3.2rem) ;gap:0;padding-inline:calc(var(--v) * .154375 - .8rem);align-items:center}.t8-ugc__card{flex:0 0 calc(var(--v) * .79);min-width:0;height:auto;aspect-ratio:300 / 550;margin-inline:calc(.8rem - var(--v) * .049375);scroll-snap-align:center;transform:scale(.75);transition:transform .35s var(--t-ease)}.t8-ugc__card.is-centre{transform:none;z-index:1}.t8-ugc__card:not(.is-centre) .t8-ugc__chip{opacity:0;pointer-events:none}.t8-ugc__chip{transition:opacity .25s}.t8-ugc__dots{margin-top:2.4rem}}.shopify-section-t8-ugc-rail:not(:has(+.shopify-section-t8-press)) .t8-ugc{padding:4rem 0;height:calc(100svh - 8rem)}@media(max-width:1024px){.shopify-section-t8-ugc-rail:not(:has(+.shopify-section-t8-press)) .t8-ugc{height:auto}}@media(min-width:1025px)and (min-height:641px){.shopify-section-t8-ugc-rail:has(+.shopify-section-t8-press .t8-press:not(.t8-press--compact)) .t8-ugc{height:calc(100svh - var(--t-press-h-display) + 4rem)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/t8-ugc-rail.css.map */