.ps-ugc-section{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}.ps-ugc-section>.ps-ugc,.ps-ugc-section .ps-ugc{grid-column:1 / -1!important;width:100%!important;max-width:none!important;margin-inline:0!important;justify-self:stretch!important}.ps-ugc{display:block;position:relative;width:100%}.ps-ugc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-inline:var(--ps-ugc-edge, 20px)}.ps-ugc__head--center{justify-content:center;text-align:center}.ps-ugc__kicker{margin:0 0 6px;font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;opacity:.55}.ps-ugc__title{margin:0;line-height:1.15;font-weight:400}.ps-ugc__title--small{font-size:1.25rem}.ps-ugc__title--medium{font-size:1.6rem}.ps-ugc__title--large{font-size:2rem}.ps-ugc__nav{display:flex;gap:8px;flex:0 0 auto}.ps-ugc__arrow{-webkit-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in oklab,currentColor 25%,transparent);background:transparent;color:inherit;transition:background .2s ease,opacity .2s ease}.ps-ugc__arrow:hover:not([disabled]){background:color-mix(in oklab,currentColor 10%,transparent)}.ps-ugc__arrow[disabled]{opacity:.25;cursor:default}.ps-ugc__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ps-ugc__viewport{position:relative;overflow:hidden;margin-inline:var(--ps-ugc-edge, 20px)}.ps-ugc__rail{display:flex;gap:var(--ps-ugc-gap, 12px);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ps-ugc__rail::-webkit-scrollbar{display:none}.ps-ugc--auto .ps-ugc__viewport{cursor:grab}.ps-ugc--auto.is-dragging .ps-ugc__viewport{cursor:grabbing}.ps-ugc--auto .ps-ugc__rail{overflow:visible;scroll-snap-type:none;width:max-content;gap:0;will-change:transform;user-select:none;-webkit-user-select:none}.ps-ugc--auto .ps-ugc__set{display:flex;flex:0 0 auto;gap:var(--ps-ugc-gap, 12px);padding-inline-end:var(--ps-ugc-gap, 12px)}.ps-ugc__card{position:relative;flex:0 0 auto;width:var(--ps-ugc-w, 220px);scroll-snap-align:start;border-radius:var(--ps-ugc-radius, 8px);overflow:hidden;background:color-mix(in oklab,currentColor 7%,transparent);cursor:pointer;isolation:isolate;transition:transform .35s cubic-bezier(.4,0,.2,1)}.ps-ugc__card video,.ps-ugc__card img,.ps-ugc__card svg.ps-ugc__ph{display:block;width:100%;height:100%;aspect-ratio:var(--ps-ugc-ratio, 9 / 16);object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ps-ugc__card.is-playing{transform:scale(1.015)}.ps-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;transition:opacity .3s ease}.ps-ugc__play span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .2s ease}.ps-ugc__play svg{width:15px;height:15px;fill:#fff;margin-inline-start:3px}.ps-ugc__card:hover .ps-ugc__play span{transform:scale(1.1);background:#00000094}.ps-ugc__card.is-playing .ps-ugc__play{opacity:0}.ps-ugc__card.is-loading .ps-ugc__play{opacity:1}.ps-ugc__card.is-loading .ps-ugc__play svg{display:none}.ps-ugc__card.is-loading .ps-ugc__play span:after{content:"";width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:psUgcSpin .7s linear infinite}@keyframes psUgcSpin{to{transform:rotate(360deg)}}.ps-ugc__mute{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:4;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;transition:opacity .25s ease,background .2s ease}.ps-ugc__card.is-playing .ps-ugc__mute,.ps-ugc__card:hover .ps-ugc__mute{opacity:1}.ps-ugc__card.is-loud .ps-ugc__mute{background:#fffffff2;color:#111;opacity:1}.ps-ugc__mute:hover{background:#000000b8}.ps-ugc__card.is-loud .ps-ugc__mute:hover{background:#fff}.ps-ugc__mute svg{width:13px;height:13px;fill:currentColor}.ps-ugc__mute .ps-ugc__on{display:none}.ps-ugc__card.is-loud .ps-ugc__mute .ps-ugc__on{display:block}.ps-ugc__card.is-loud .ps-ugc__mute .ps-ugc__off{display:none}.ps-ugc__meta{position:absolute;inset-inline:0;inset-block-end:0;z-index:3;padding:34px 10px 10px;background:linear-gradient(to top,#000000c7 12%,#00000059 55%,#0000);color:#fff;pointer-events:none}.ps-ugc__name{display:block;font-size:.75rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-ugc__note{display:block;margin-top:1px;font-size:.6875rem;line-height:1.35;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-ugc__shop{position:relative;z-index:4;display:block;margin-top:9px;padding:7px 8px;border-radius:999px;background:#fffffff2;color:#111;font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-align:center;text-decoration:none;pointer-events:auto;transition:background .2s ease}.ps-ugc__shop:hover{background:#fff}.ps-ugc__empty{padding:36px 20px;text-align:center;font-size:.875rem;opacity:.55}@media screen and (max-width:749px){.ps-ugc__card{width:var(--ps-ugc-w-mobile, 150px)}.ps-ugc__rail,.ps-ugc--auto .ps-ugc__set{gap:var(--ps-ugc-gap-mobile, 8px)}.ps-ugc--auto .ps-ugc__set{padding-inline-end:var(--ps-ugc-gap-mobile, 8px)}.ps-ugc--auto .ps-ugc__rail{gap:0}.ps-ugc__title--large{font-size:1.5rem}.ps-ugc__title--medium{font-size:1.25rem}.ps-ugc__meta{padding:28px 8px 9px}.ps-ugc__name{font-size:.6875rem}.ps-ugc__note{font-size:.625rem}.ps-ugc__shop{margin-top:7px;padding:6px;font-size:.5625rem}.ps-ugc__play span{width:38px;height:38px}.ps-ugc__play svg{width:13px;height:13px}.ps-ugc__card.is-loading .ps-ugc__play span:after{width:15px;height:15px}.ps-ugc__mute{width:26px;height:26px;opacity:1}.ps-ugc__mute svg{width:12px;height:12px}.ps-ugc__card.is-playing{transform:none}.ps-ugc__arrow{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.ps-ugc__rail{scroll-behavior:auto}.ps-ugc__card,.ps-ugc__play,.ps-ugc__play span,.ps-ugc__mute{transition:none}.ps-ugc__card.is-playing{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ps-ugc.css.map */