.custom-ugc{--custom-ugc-text: #1a1817;--custom-ugc-muted: #6f6a66;--custom-ugc-surface: #f3f2ee;--custom-ugc-line: #d6d1cb;--custom-ugc-gap: 4px;--custom-ugc-per-view: 3;background:var(--custom-ugc-bg, #fff);color:var(--custom-ugc-text);padding:var(--custom-ugc-pt, 48px) 0 var(--custom-ugc-pb, 48px)}.custom-ugc__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;max-width:1300px;margin:0 auto;padding:0 40px}.custom-ugc__media{min-width:0}.custom-ugc__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--custom-ugc-per-view) - 1) * var(--custom-ugc-gap)) / var(--custom-ugc-per-view));column-gap:var(--custom-ugc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.custom-ugc__wrap[data-scrollable] .custom-ugc__track{cursor:grab}.custom-ugc__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.custom-ugc__track.is-dragging .custom-ugc__tile{cursor:grabbing}.custom-ugc__track::-webkit-scrollbar{display:none}.custom-ugc__item{min-width:0;margin:0;scroll-snap-align:start}.custom-ugc__tile{position:relative;display:block;width:100%;aspect-ratio:9 / 16;margin:0;padding:0;border:0;border-radius:0;background:var(--custom-ugc-surface);color:#fff;font:inherit;text-align:left;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.custom-ugc__tile:focus-visible{outline:1px solid #fff;outline-offset:-6px}.custom-ugc__poster,.custom-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.custom-ugc__video{opacity:0;transition:opacity .3s ease}.custom-ugc__tile.is-playing .custom-ugc__video{opacity:1}.custom-ugc__shade{position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(to bottom,#1a181747,#1a181700);pointer-events:none}.custom-ugc__creator{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none}.custom-ugc__avatar{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}.custom-ugc__handle{min-width:0;overflow-wrap:anywhere}.custom-ugc__platform{flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.custom-ugc__play{position:absolute;top:50%;left:50%;display:flex;transform:translate(-50%,-50%);color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:0;transition:opacity .2s ease;pointer-events:none}.custom-ugc__tile.is-paused .custom-ugc__play{opacity:1}@media(hover:hover){.custom-ugc__tile:hover .custom-ugc__play{opacity:1}.custom-ugc__tile.is-playing:hover .custom-ugc__play{opacity:0}}.custom-ugc__bag{position:absolute;right:10px;bottom:10px;display:flex;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.custom-ugc__nav{display:none;align-items:center;gap:24px;margin-top:16px}.custom-ugc__wrap[data-scrollable] .custom-ugc__nav{display:flex}.custom-ugc__progress{position:relative;flex:1;height:1px;background:var(--custom-ugc-line)}.custom-ugc__progress-thumb{position:absolute;top:-.5px;left:0;width:33%;height:2px;background:var(--custom-ugc-text);transition:transform .12s linear,width .12s linear;will-change:transform}.custom-ugc__arrows{display:flex;gap:8px}.custom-ugc__arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--custom-ugc-text);cursor:pointer;transition:opacity .2s ease}.custom-ugc__arrow svg{width:14px;height:14px}.custom-ugc__arrow:disabled{opacity:.25;cursor:default}.custom-ugc__arrow:focus-visible{outline:1px solid var(--custom-ugc-text);outline-offset:-4px}.custom-ugc__text{min-width:0}.custom-ugc__eyebrow{margin:0 0 10px;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--custom-ugc-muted)}.custom-ugc__heading{margin:0 0 12px;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:inherit}.custom-ugc__body{margin:0;font-size:14px;font-weight:400;line-height:1.6;color:var(--custom-ugc-muted)}@media screen and (min-width:990px){.custom-ugc__wrap{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:56px;align-items:center}.custom-ugc--text-left .custom-ugc__text{order:-1}.custom-ugc__text{max-width:380px}.custom-ugc__media{align-self:start}}@media screen and (max-width:749px){.custom-ugc__wrap{gap:20px;padding:0}.custom-ugc__track{grid-auto-columns:calc((100% - 2 * var(--custom-ugc-gap)) / 2.5)}.custom-ugc__nav{margin:14px 20px 0}.custom-ugc__arrows{display:none}.custom-ugc__text{padding:0 20px}.custom-ugc--mobile-text-above .custom-ugc__text{order:-1}.custom-ugc__heading{font-size:22px}}html.custom-ugc-lock{overflow:hidden}html.custom-ugc-lock body{overflow:clip}.custom-ugc-modal{--custom-ugc-text: #1a1817;--custom-ugc-muted: #6f6a66;--custom-ugc-surface: #f3f2ee;--custom-ugc-line: #d6d1cb;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;overscroll-behavior:contain;opacity:0;transition:opacity .25s ease}.custom-ugc-modal[open]{display:flex;align-items:center;justify-content:center;gap:16px}.custom-ugc-modal[open]{opacity:1}@starting-style{.custom-ugc-modal[open]{opacity:0}}.custom-ugc-modal::backdrop{background:#1a1817e0}.custom-ugc-modal__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#1a181773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease}.custom-ugc-modal__btn:hover{background:#1a1817a6}.custom-ugc-modal__btn:focus-visible{outline:1px solid #fff;outline-offset:-4px}.custom-ugc-modal__close{position:absolute;top:20px;right:20px;z-index:3}.custom-ugc-modal__arrow{flex:none}@media screen and (min-width:900px){.custom-ugc-modal__close,.custom-ugc-modal__arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.55);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.custom-ugc-modal__close:hover,.custom-ugc-modal__arrow:hover{background:transparent;border-color:#fff}.custom-ugc-modal__close svg{width:18px;height:18px}.custom-ugc-modal__arrow svg{width:20px;height:20px}}.custom-ugc-modal__stage{display:flex;height:min(746px,calc(100dvh - 64px));background:#fff;color:var(--custom-ugc-text)}.custom-ugc-modal__player{position:relative;height:100%;aspect-ratio:9 / 16;max-width:420px;background:#000;touch-action:pan-y}.custom-ugc-modal__video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.custom-ugc-modal__controls{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:8px}.custom-ugc-icon-play,.custom-ugc-modal.is-paused .custom-ugc-icon-pause,.custom-ugc-icon-sound,.custom-ugc-modal.is-muted .custom-ugc-icon-sound{display:none}.custom-ugc-modal.is-paused .custom-ugc-icon-play,.custom-ugc-modal:not(.is-muted) .custom-ugc-icon-sound,.custom-ugc-modal.is-muted .custom-ugc-icon-muted{display:block}.custom-ugc-modal:not(.is-muted) .custom-ugc-icon-muted{display:none}.custom-ugc-modal__panel{width:340px;overflow-y:auto;overscroll-behavior:contain}.custom-ugc-modal__slide{display:flex;flex-direction:column;gap:12px;padding:24px}.custom-ugc-modal__slide[hidden]{display:none}.custom-ugc-modal__creator{display:flex;align-items:center;gap:8px;margin:0;padding-right:24px;font-size:14px;line-height:1.35;letter-spacing:.02em}.custom-ugc-modal__creator .custom-ugc__avatar{width:28px;height:28px}.custom-ugc-modal__handle{min-width:0;overflow-wrap:anywhere}.custom-ugc-modal__caption{margin:0;font-size:14px;line-height:1.5;color:var(--custom-ugc-muted);overflow-wrap:anywhere}.custom-ugc-modal__source,.custom-ugc-card__link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--custom-ugc-text);text-decoration:none}.custom-ugc-modal__source{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.custom-ugc-card__link svg{flex:none;transition:transform .2s ease}.custom-ugc-card__link:hover,.custom-ugc-card__link:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.custom-ugc-card__link:hover svg,.custom-ugc-card__link:focus-visible svg{transform:translate(3px)}.custom-ugc-modal__source:focus-visible,.custom-ugc-card__link:focus-visible{outline:1px solid var(--custom-ugc-text);outline-offset:2px}.custom-ugc-modal__products-title{margin:12px 0 0;padding-top:16px;border-top:1px solid var(--custom-ugc-line);font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--custom-ugc-text)}.custom-ugc-modal__products{display:grid;gap:8px;margin:0;padding:0;list-style:none}.custom-ugc-card{display:grid;grid-template-columns:96px minmax(0,1fr);margin:0;background:var(--custom-ugc-surface)}.custom-ugc-card__media{display:block;aspect-ratio:1 / 1;overflow:hidden}.custom-ugc-card__media img{display:block;width:100%;height:100%;object-fit:cover}.custom-ugc-card__info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:12px 14px}.custom-ugc-card__name,.custom-ugc-card__price,.custom-ugc-card__soldout{margin:0;font-size:14px;font-weight:400;line-height:1.35;letter-spacing:.02em}.custom-ugc-card__name{overflow-wrap:anywhere}.custom-ugc-card__price{display:flex;flex-wrap:wrap;gap:8px}.custom-ugc-card__compare,.custom-ugc-card__soldout{color:var(--custom-ugc-muted)}.custom-ugc-card__link{margin-top:auto;padding-top:6px}@media screen and (max-width:899px){.custom-ugc-modal[open]{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#000}.custom-ugc-modal__close{top:calc(12px + env(safe-area-inset-top));right:12px}.custom-ugc-modal__controls{top:calc(12px + env(safe-area-inset-top));left:12px}.custom-ugc-modal__arrow{position:absolute;top:38%;z-index:2}.custom-ugc-modal__arrow--prev{left:12px}.custom-ugc-modal__arrow--next{right:12px}.custom-ugc-modal__stage{flex:1;flex-direction:column;width:100%;height:auto;min-height:0}.custom-ugc-modal__player{flex:1;width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:auto}.custom-ugc-modal__panel{flex:none;width:100%;max-height:45dvh}.custom-ugc-modal__slide{gap:8px;padding:14px 0 calc(14px + env(safe-area-inset-bottom))}.custom-ugc-modal__creator,.custom-ugc-modal__caption,.custom-ugc-modal__source,.custom-ugc-modal__products-title{margin-left:16px;margin-right:16px}.custom-ugc-modal__creator{padding-right:0}.custom-ugc-modal__products-title{margin-top:4px;padding-top:10px}.custom-ugc-modal__products{display:flex;gap:8px;padding:0 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.custom-ugc-modal__products::-webkit-scrollbar{display:none}.custom-ugc-card{flex:0 0 min(300px,82%);grid-template-columns:72px minmax(0,1fr);scroll-snap-align:start}.custom-ugc-modal__products>.custom-ugc-card:only-child{flex-basis:100%}.custom-ugc-card__info{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.custom-ugc__video,.custom-ugc__play,.custom-ugc-modal,.custom-ugc-card__link svg{transition:none}.custom-ugc__track,.custom-ugc-modal__products{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/custom-ugc-videos.css.map */