.shopify-section--ugc-videos .section{padding-block:var(--padding-top) var(--padding-bottom)}.shopify-section--ugc-videos:has(.ugc-videos.group-b){display:none}.product-info__ugc-videos.group-b{display:none}@media(max-width:989px){.shopify-section--ugc-videos .section{padding-block:var(--padding-top-mobile) var(--padding-bottom-mobile)}}.ugc-videos{font-family:var(--font-family-primary);color:var(--color-dark-gray-700);display:flex;flex-direction:column;gap:32px}.ugc-videos__intro{display:flex;flex-direction:column;align-items:center;gap:14px;padding-inline:16px}.ugc-videos__heading{margin:0;text-align:center;font-size:var(--font-size-h2);font-weight:var(--font-weight-medium);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-xs);color:var(--color-dark-gray-700);max-width:640px}.ugc-videos__subheading{margin:0;text-align:center;font-size:var(--font-size-subheading-s);font-weight:var(--font-weight-regular);line-height:var(--line-height-xl);color:var(--color-dark-gray-300);max-width:540px}.ugc-videos__swiper{position:relative;padding-bottom:24px;--ugc-bleed: 0px;width:100%;margin-inline-start:0;margin-inline-end:0;overflow:visible}.shopify-section--ugc-videos .ugc-videos__swiper{--ugc-bleed: max(var(--container-gutter, 16px), 50vw - var(--container-max-width, 1420px) / 2);width:calc(100% + var(--ugc-bleed))}.shopify-section--ugc-videos,.product-info__ugc-videos{overflow-x:hidden}.product-info__ugc-videos .ugc-videos__card{max-width:var(--ugc-card-max-width, 200px);margin-inline:auto}@media(max-width:749px){.product-info__ugc-videos .ugc-videos__card{max-width:var(--ugc-card-max-width-mobile, 200px)}}@media(max-width:989px){.product-info__ugc-videos{width:calc(100% + var(--container-gutter, 16px))}}.ugc-videos__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:transparent;cursor:pointer}.ugc-videos__card:focus-visible{outline:2px solid var(--color-blue-900);outline-offset:2px}.ugc-videos__card-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ugc-videos__card-poster img,.ugc-videos__card-poster picture{width:100%;height:100%;object-fit:cover;display:block}.ugc-videos__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--color-light-gray-300)}.ugc-videos__card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border:0;background:var(--color-black);object-fit:cover}.ugc-videos__card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-surface-translucent);color:var(--color-dark-gray-700);border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease;z-index:2}.ugc-videos__card-play:hover{transform:translate(-50%,-50%) scale(1.05);background:var(--color-white)}.ugc-videos__card-play-icon{margin-left:3px;display:inline-flex;line-height:0}.ugc-videos__card-pause-icon{display:none;line-height:0}.ugc-videos__card-play-icon svg,.ugc-videos__card-pause-icon svg{width:22px;height:22px;fill:currentColor}.ugc-videos__card-play-icon svg path,.ugc-videos__card-play-icon svg rect,.ugc-videos__card-pause-icon svg path,.ugc-videos__card-pause-icon svg rect{fill:currentColor}.ugc-videos__card[data-state=playing] .ugc-videos__card-play-icon{display:none}.ugc-videos__card[data-state=playing] .ugc-videos__card-pause-icon{display:block}.ugc-videos__card[data-state=paused] .ugc-videos__card-play-icon{display:block;margin-left:3px}.ugc-videos__card[data-state=paused] .ugc-videos__card-pause-icon{display:none}.ugc-videos__card[data-state=playing] .ugc-videos__card-play{opacity:0}.ugc-videos__card[data-state=playing]:hover .ugc-videos__card-play{opacity:1}.ugc-videos__card-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-surface-translucent);display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:3}.ugc-videos__card-spinner:before{content:"";width:26px;height:26px;border-radius:var(--radius-full);border:3px solid var(--color-light-gray-400);border-top-color:var(--color-dark-gray-700);animation:ugcVideoSpin .8s linear infinite}.ugc-videos__card[data-loading=true] .ugc-videos__card-spinner{opacity:1}.ugc-videos__card[data-loading=true] .ugc-videos__card-play{opacity:0;visibility:hidden;transition:none}@keyframes ugcVideoSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ugc-videos__card-spinner{animation-duration:2s}}.ugc-videos__card-source{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-overlay-medium);color:var(--color-white);font-size:var(--font-size-caption-m);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:6px;text-decoration:none;z-index:3;transition:background-color .2s ease;max-width:calc(100% - 24px)}a.ugc-videos__card-source{cursor:pointer}.ugc-videos__card-source-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.ugc-videos__card-source:hover{background:var(--color-overlay-heavy)}.ugc-videos__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;padding:0;margin-top:0;background:var(--color-light-gray-300);border:0;border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-black);transition:var(--transition-normal)}.ugc-videos__nav:hover{background:var(--color-light-gray-400)}.ugc-videos__nav:after{display:none}.ugc-videos__nav svg{width:16px;height:16px;color:var(--color-black);fill:var(--color-black);stroke:var(--color-light-gray-300)}.ugc-videos__nav svg path,.ugc-videos__nav svg rect,.ugc-videos__nav svg circle,.ugc-videos__nav svg polygon{fill:var(--color-black)}.ugc-videos__nav svg path[stroke]:not([stroke=none]),.ugc-videos__nav svg rect[stroke]:not([stroke=none]),.ugc-videos__nav svg circle[stroke]:not([stroke=none]),.ugc-videos__nav svg line[stroke]:not([stroke=none]){stroke:var(--color-light-gray-300)}.ugc-videos__nav--prev{left:12px}.ugc-videos__nav--prev svg{transform:rotate(180deg)}.ugc-videos__nav--next{right:12px}.ugc-videos__nav.swiper-button-disabled{opacity:.4;cursor:default}.ugc-videos__scrollbar.swiper-scrollbar{position:absolute;left:0;right:var(--ugc-bleed, 0px);bottom:0;width:auto;height:4px;background:var(--ugc-scrollbar-track-color, var(--color-light-gray-300));border-radius:var(--radius-full);z-index:5}.ugc-videos__scrollbar .swiper-scrollbar-drag{background:var(--ugc-scrollbar-drag-color, var(--color-dark-gray-700));border-radius:var(--radius-full)}.ugc-videos__pagination{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.ugc-videos__pagination .swiper-pagination-bullet{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-light-gray-500);opacity:1;margin:0;transition:background-color .2s ease,width .2s ease}.ugc-videos__pagination .swiper-pagination-bullet-active{background:var(--color-dark-gray-700);width:22px;border-radius:var(--radius-full)}@media(max-width:989px){.ugc-videos{gap:20px}.ugc-videos__heading{font-size:var(--font-size-mobile-h2)}.ugc-videos__subheading{font-size:var(--font-size-body-s)}.ugc-videos__nav{display:flex;width:36px;height:36px}.ugc-videos__nav--prev{left:8px}.ugc-videos__nav--next{right:8px}.ugc-videos__card[data-state=playing] .ugc-videos__card-play{animation:ugcCardPlayFade .2s ease 2s both}}@keyframes ugcCardPlayFade{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-ugc-videos.css.map */