.ugc-videos{overflow:hidden}.ugc-videos__header{margin-bottom:2.4rem}.ugc-videos__information-title{margin:16px 0;font-size:16px;font-weight:600;color:var(--grafikr-color-primary);line-height:1.75}.ugc-videos--information .ugc-videos__slider .splide__arrows{display:none}.ugc-videos--information .ugc-videos__media{aspect-ratio:100 / 147;border-radius:.8rem}.ugc-videos--information .ugc-videos__play:before{width:3.2rem;height:3.2rem}.ugc-videos--information .ugc-videos__play .icon{width:1.2rem;height:1.2rem}.ugc-videos--information .ugc-videos__trigger:focus-visible{border-radius:.8rem;outline-offset:2px}.ugc-videos__slider{position:relative}.ugc-videos__slider .splide__track{overflow:visible}.ugc-videos__list{align-items:stretch}.ugc-videos__slide{height:auto}.ugc-videos__trigger{display:block;width:100%;height:100%;padding:0;margin:0;background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;color:inherit;font:inherit}.ugc-videos__trigger:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:var(--blocks-radius, 1.6rem)}.ugc-videos__media{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--blocks-radius, 1.6rem);background:rgba(var(--color-foreground),.06)}.ugc-videos__poster,.ugc-videos__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ugc-videos__preview{opacity:0;pointer-events:none;transition:opacity .2s ease,transform .4s ease}.ugc-videos__preview[data-preview-ready=true]{opacity:1}.ugc-videos__trigger:hover .ugc-videos__poster,.ugc-videos__trigger:hover .ugc-videos__preview{transform:scale(1.03)}.ugc-videos__slider .splide__arrows{display:none;justify-content:flex-end;gap:.8rem;margin-top:1.6rem}.ugc-videos__slider .splide__arrow{position:static;transform:none;width:4.4rem;height:4.4rem;border:0;border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgba(var(--color-foreground),.12);opacity:1}.ugc-videos__slider .splide__arrow:disabled{opacity:.45}.ugc-videos__slider .splide__arrow svg{fill:currentColor}@media(max-width:767.98px){.ugc-videos__header{margin-bottom:1.6rem}.ugc-videos__slider .splide__arrows{margin-top:1.2rem}}@media(min-width:768px){.ugc-videos__slider .splide__arrows{display:flex}}.ugc-player{position:fixed;right:2rem;bottom:2rem;z-index:50;width:400px;aspect-ratio:9 / 16;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);overflow:hidden;border-radius:1.2rem;background:#000;box-shadow:0 20px 45px #0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s;outline:none}.ugc-player.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s linear 0s}@media(max-width:1023.98px){.ugc-player{top:0;right:0;bottom:0;left:0;width:100%;max-width:none;max-height:none;aspect-ratio:unset;border-radius:0}}.ugc-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;transform:translateY(0);transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.ugc-player__video--staged-top{transform:translateY(-100%)}.ugc-player__video--staged-bottom{transform:translateY(100%)}.ugc-player__video--no-transition{transition:none}.ugc-player__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0009}.ugc-player__loader[hidden]{display:none}.ugc-player__spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:9999px;animation:ugc-player-spin .7s linear infinite}@keyframes ugc-player-spin{to{transform:rotate(360deg)}}.ugc-player__progress{position:absolute;top:0;left:0;right:0;height:8px;background:#ffffff4d;overflow:hidden;z-index:20;pointer-events:none}.ugc-player__progress-bar{width:0%;height:100%;background:#fff;border-radius:9999px;transition:width .1s linear}.ugc-player__close,.ugc-player__nav-btn,.ugc-player__mute{width:3.6rem;height:3.6rem;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;background:#00000080;border:0;border-radius:999px;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .15s ease}.ugc-player__close:hover,.ugc-player__nav-btn:hover,.ugc-player__mute:hover{background:#000000b3}.ugc-player__close:focus-visible,.ugc-player__nav-btn:focus-visible,.ugc-player__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}.ugc-player__close .icon,.ugc-player__nav-btn .icon,.ugc-player__mute-icon{width:1.6rem;height:1.6rem}.ugc-player__close{position:absolute;top:1.6rem;right:1.6rem;z-index:20}.ugc-player__nav{position:absolute;top:50%;right:1.6rem;z-index:20;display:flex;flex-direction:column;gap:1.2rem;transform:translateY(-50%)}.ugc-player__nav-btn--prev .icon,.ugc-player__nav-btn--next .icon{transform:rotate(90deg)}.ugc-player__mute{position:absolute;right:1.6rem;bottom:1.6rem;z-index:20}.ugc-player__mute-icon{display:none}.ugc-player__mute-icon .icon{width:100%;height:100%}.ugc-player__mute[data-muted=false] .ugc-player__mute-icon--on,.ugc-player__mute[data-muted=true] .ugc-player__mute-icon--off{display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/93/assets/section-ugc-videos.css.map */