.pdpd.home-ugc-videos{background:var(--pdpd-accent);overflow:hidden}.pdpd .home-ugc-videos__heading,.pdpd .home-ugc-videos__heading span{color:var(--pdpd-white)}.pdpd .home-ugc-videos__body{display:block;margin-top:30px}.pdpd .home-ugc-videos__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:77%;gap:15px;margin-inline:calc(var(--pdpd-gutter) * -1);padding-inline:var(--pdpd-gutter);scroll-padding-inline:var(--pdpd-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pdpd .home-ugc-videos__track::-webkit-scrollbar{display:none}.pdpd .home-ugc-videos__card{scroll-snap-align:start;display:flex;flex-direction:column;row-gap:7px}.pdpd .home-ugc-videos__media{position:relative;overflow:hidden;background:var(--pdpd-black)}.pdpd .home-ugc-videos__poster{width:100%;height:auto;aspect-ratio:277 / 448;object-fit:cover}.pdpd .home-ugc-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:none;color:var(--pdpd-white);cursor:pointer}.pdpd .home-ugc-videos__body.can-play .home-ugc-videos__play{display:flex}.pdpd .home-ugc-videos__play svg{display:block;width:26.2%;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.pdpd .home-ugc-videos__play:focus-visible{outline-offset:-6px}.pdpd .home-ugc-videos__content{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;row-gap:7px;padding:10px 15px 20px;background:var(--pdpd-white)}.pdpd .home-ugc-videos__product{display:flex;align-items:center;column-gap:7px;padding:0 5px;text-align:left;font-size:14px;line-height:17px;font-weight:700;color:var(--pdpd-black)}.pdpd .home-ugc-videos__thumb{flex-shrink:0;width:40px}.pdpd a.home-ugc-videos__shop{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding-top:1px;border-radius:40px;background:var(--pdpd-cta-green);box-shadow:0 4px 0 0 var(--pdpd-black);color:var(--pdpd-white);font-family:var(--pdpd-display);font-size:25px;font-weight:400;text-transform:uppercase}.pdpd .home-ugc-videos__nav{display:none}.pdpd .home-ugc-videos__body.is-ready .home-ugc-videos__nav{display:flex;justify-content:center;gap:12px;margin-top:20px}.pdpd .home-ugc-videos__arrow{display:flex;align-items:center;justify-content:center;width:var(--pdpd-tap);height:var(--pdpd-tap);padding:0;border:1px solid var(--pdpd-white);border-radius:50%;background:var(--pdpd-white);color:var(--pdpd-ink);cursor:pointer}.pdpd .home-ugc-videos__arrow:disabled{opacity:.4;cursor:default}.pdpd .home-ugc-videos__dialog{width:360px;max-width:calc(100vw - 30px);max-height:calc(100vh - 30px);padding:0;border:0;border-radius:10px;overflow:visible;background:transparent}.pdpd .home-ugc-videos__dialog::backdrop{background-color:#ffffff6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pdpd .home-ugc-videos__frame{aspect-ratio:9 / 14;width:100%;max-height:calc(100vh - 30px);overflow:hidden;border-radius:10px;background:var(--pdpd-black)}.pdpd .home-ugc-videos__player{display:block;width:100%;height:100%;object-fit:contain}.pdpd .home-ugc-videos__close{position:absolute;top:15px;right:15px;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--pdpd-tap);height:var(--pdpd-tap);padding:0;border:0;border-radius:50%;background:var(--pdpd-white);color:var(--pdpd-ink);cursor:pointer}@media(min-width:768px){.pdpd .home-ugc-videos__body{margin-top:40px}.pdpd .home-ugc-videos__track{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-inline:0;padding-inline:0;overflow:visible}.pdpd .home-ugc-videos__content{padding:10px}.pdpd .home-ugc-videos__product{font-size:11px;line-height:14px}.pdpd .home-ugc-videos__thumb{width:35px}.pdpd .home-ugc-videos__body.is-ready .home-ugc-videos__nav{display:none}}@media(min-width:1022px){.pdpd .home-ugc-videos__track{gap:16px}.pdpd .home-ugc-videos__product{font-size:13px;line-height:16px}}@media(min-width:1201px){.pdpd .home-ugc-videos__track{gap:20px}.pdpd .home-ugc-videos__content{padding:10px 15px 15px}.pdpd .home-ugc-videos__product{font-size:15px;line-height:20px}.pdpd .home-ugc-videos__thumb{width:51px}}@media(prefers-reduced-motion:reduce){.pdpd .home-ugc-videos__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/section-home-ugc-videos.css.map */