.elemital-ugc-videos{padding:4rem 0}.eugc-container{max-width:140rem;margin:0 auto;padding:0 5%;width:100%}@media screen and (min-width:1400px){.eugc-container{max-width:90vw!important}}.eugc-header{text-align:center;margin-bottom:5rem}.eugc-heading{font-size:4.8rem;font-weight:400!important;margin:0;line-height:1.2}.eugc-heading .mask-container{display:block;overflow:hidden;padding-bottom:.2em;margin-bottom:-.2em}.eugc-heading .mask-text{display:block;transform:translateY(110%);transition:transform 1.5s cubic-bezier(.2,.8,.2,1);will-change:transform}.elemital-ugc-videos .reveal-mask.is-visible .mask-text{transform:translateY(0)}.eugc-slider{position:relative}.eugc-track{--eugc-gap: 2rem;display:flex;gap:var(--eugc-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.eugc-track::-webkit-scrollbar{display:none}.eugc-card{flex:0 0 calc((100% - 2 * var(--eugc-gap)) / 3);min-width:0;scroll-snap-align:start;border-radius:.6rem;overflow:hidden}.elemital-ugc-videos .reveal-item{opacity:0;transform:translateY(2.5rem);transition:opacity .7s ease,transform .7s ease}.elemital-ugc-videos .reveal-item:nth-child(1){transition-delay:.05s}.elemital-ugc-videos .reveal-item:nth-child(2){transition-delay:.2s}.elemital-ugc-videos .reveal-item:nth-child(3){transition-delay:.35s}.elemital-ugc-videos .reveal-item.is-visible{opacity:1;transform:translateY(0)}.eugc-media{position:relative;width:100%;aspect-ratio:9 / 16;background:#1a1a1a}.eugc-media video,.eugc-media .eugc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.eugc-placeholder{background:#d0d0d0}.eugc-placeholder-svg{width:100%;height:100%}.eugc-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;overflow:hidden;z-index:1}.eugc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.eugc-card:hover .eugc-cover img{transform:scale(1.04)}.eugc-play{position:absolute;top:50%;left:50%;width:6.4rem;height:6.4rem;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe6;color:var(--eugc-accent);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease}.eugc-play svg{width:2.6rem;height:2.6rem;margin-left:.3rem}.eugc-cover:hover .eugc-play,.eugc-cover:focus-visible .eugc-play{transform:translate(-50%,-50%) scale(1.08);background:#fff}.eugc-card.is-playing .eugc-cover{display:none}.eugc-arrow{position:absolute;top:50%;z-index:2;width:4.8rem;height:4.8rem;padding:0;border:1px solid var(--eugc-accent);border-radius:50%;background:#fff;color:var(--eugc-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);transition:background-color .3s ease,color .3s ease,opacity .3s ease}.eugc-arrow svg{width:2rem;height:2rem}.eugc-arrow--prev{left:-6.4rem}.eugc-arrow--next{right:-6.4rem}.eugc-arrow:hover:not(:disabled){background:var(--eugc-accent);color:#fff}.eugc-arrow:disabled{opacity:.3;cursor:default}.eugc-dots{display:none}@media screen and (max-width:1200px){.eugc-arrow--prev{left:-2.4rem}.eugc-arrow--next{right:-2.4rem}}@media screen and (max-width:1024px){.eugc-heading{font-size:4rem}}@media screen and (max-width:768px){.elemital-ugc-videos{padding:6rem 0}.eugc-heading{font-size:3.2rem}.eugc-container{padding:0}.eugc-header{margin-bottom:4rem;padding:0 5%}.eugc-arrow{display:none}.eugc-track{--eugc-gap: 1.6rem;padding:0 5% 2rem;scroll-padding-left:5%;scroll-padding-right:5%}.eugc-card{flex:0 0 70vw;max-width:70vw;scroll-snap-align:center}.eugc-card:first-child{scroll-snap-align:start}.eugc-card:last-child{scroll-snap-align:end}.eugc-play{width:5.6rem;height:5.6rem}.eugc-dots{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:2rem}.eugc-dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background-color:#d9d9d9;cursor:pointer;transition:all .3s ease}.eugc-dot.is-active{width:2rem;border-radius:1rem;background-color:var(--eugc-accent)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/elemital-ugc-videos.css.map */