.ugc-videos__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:#00000040}.ugc-videos__card:hover .ugc-videos__overlay{opacity:1}.ugc-videos__label{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(transparent,#000000a6);text-align:center}.ugc-videos__modal{border:none;padding:0;background:transparent;width:min(420px,95vw);max-height:95dvh;margin:auto}.ugc-videos__modal::backdrop{background:#000000d9}.ugc-videos__modal-inner{position:relative;border-radius:12px;overflow:hidden;background:#000}.ugc-videos__modal-video{display:block;width:100%;max-height:90dvh;object-fit:contain}.ugc-videos__modal-close{position:absolute;top:10px;right:10px;z-index:10;background:#0000008c;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ugc-videos{padding-top:var(--pad-top);padding-bottom:var(--pad-bottom);max-width:1400px;margin-inline:auto;padding-inline:clamp(12px,4vw,40px);background:#000}.ugc-videos__heading{text-align:center;margin-bottom:1.5rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:#fff}.ugc-videos__grid{display:grid;grid-template-columns:repeat(var(--cols-mobile, 2),1fr);gap:var(--gap, 8px)}@media(min-width:750px){.ugc-videos__grid{grid-template-columns:repeat(var(--cols, 3),1fr)}}.ugc-videos__card{position:relative;border-radius:var(--radius, 8px);overflow:hidden;aspect-ratio:9 / 16;background:#000;cursor:pointer;outline:1px solid rgba(255,255,255,.2)}.ugc-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-videos__play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #0006}.ugc-videos__play-badge svg{margin-left:2px}.ugc-videos__label{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(transparent,#000000a6);text-align:center;z-index:2}.ugc-videos__modal{border:none;padding:0;background:#000;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;color:#fff}.ugc-videos__modal::backdrop{background:#000000f2}.ugc-videos__feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ugc-videos__feed::-webkit-scrollbar{display:none}.ugc-videos__slide{height:100dvh;width:100vw;scroll-snap-align:start;scroll-snap-stop:always;background:#000;position:relative}.ugc-videos__slide-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.ugc-videos__slide-counter{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);height:24px;padding:0 10px;display:inline-flex;align-items:center;color:#fffffff2;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:999px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.02em;z-index:5;pointer-events:none}.ugc-videos__slide-swipe-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);color:#fff;opacity:.7;font-size:14px;z-index:5;animation:ugcVideosBounce 1.5s infinite;pointer-events:none}@keyframes ugcVideosBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}.ugc-videos__modal-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:10;background:#0000008c;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s}.ugc-videos__modal-close:hover{background:#000000bf}.ugc-videos__modal-close svg{width:16px;height:16px}.ugc-videos__controls{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;z-index:10;display:flex;gap:8px}.ugc-videos__play-btn,.ugc-videos__mute-btn{background:#0000008c;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s}.ugc-videos__play-btn:hover,.ugc-videos__mute-btn:hover{background:#000000bf}.ugc-videos__play-btn svg,.ugc-videos__mute-btn svg{width:16px;height:16px}.ugc-videos__volume{position:relative}.ugc-videos__volume-slider-wrap{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:16px;padding:12px 6px;opacity:0;pointer-events:none;transition:opacity .15s}.ugc-videos__volume-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:4px;height:80px;background:transparent;cursor:pointer;margin:0}.ugc-videos__volume-slider::-webkit-slider-runnable-track{width:4px;background:#ffffff4d;border-radius:2px}.ugc-videos__volume-slider::-moz-range-track{width:4px;background:#ffffff4d;border-radius:2px}.ugc-videos__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;border:none;margin-left:-4px}.ugc-videos__volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none}@media(hover:hover){.ugc-videos__volume:hover .ugc-videos__volume-slider-wrap{opacity:1;pointer-events:auto}}.ugc-videos__progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:9;cursor:pointer;padding-bottom:env(safe-area-inset-bottom)}.ugc-videos__progress:before{content:"";position:absolute;top:-10px;right:0;bottom:0;left:0}.ugc-videos__progress-fill{display:block!important;height:100%;background:#fff;width:0%;transition:width .1s linear;pointer-events:none}.ugc-videos__cta{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(8px);background:#fff;color:#000;border:none;padding:14px 28px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.5px;z-index:10;cursor:pointer;box-shadow:0 6px 20px #0006;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.ugc-videos__cta.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.ugc-videos__cta.is-visible:hover{transform:translate(-50%) translateY(-2px)}.ugc-videos__cta svg{width:14px;height:14px}@media(min-width:750px){.ugc-videos__modal{width:min(420px,95vw);height:95dvh;max-height:95dvh;margin:auto;border-radius:12px;overflow:hidden}.ugc-videos__feed{height:95dvh}.ugc-videos__slide{height:95dvh;width:100%}.ugc-videos__modal-close,.ugc-videos__controls,.ugc-videos__progress,.ugc-videos__cta{position:absolute}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */