.aramega-ugc-videos{--ugc-slide-w: var(--ugc-slide-w-desktop, 19vw);--ugc-slide-max: var(--ugc-slide-max-desktop, 420px);--ugc-gap: var(--ugc-gap-desktop, 24px);--ugc-media-h: calc(min(var(--ugc-slide-w), var(--ugc-slide-max)) / var(--ugc-ratio));display:block;overflow:hidden}.aramega-ugc-videos .aramega-ugc-videos__stage{position:relative;width:100%}.aramega-ugc-videos .aramega-ugc-videos__track{position:relative;width:100%;height:var(--ugc-media-h);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:height .35s ease}.aramega-ugc-videos .aramega-ugc-videos__slide{position:absolute;top:0;left:50%;width:min(var(--ugc-slide-w),var(--ugc-slide-max));opacity:0;pointer-events:none;transform:translate(-50%);transition:transform .5s cubic-bezier(.25,.1,.25,1),opacity .5s ease}.aramega-ugc-videos .aramega-ugc-videos__slide.is-active{pointer-events:auto}.aramega-ugc-videos .aramega-ugc-videos__slide:not(.is-active){cursor:pointer}.aramega-ugc-videos .aramega-ugc-videos__media{position:relative;width:100%;height:calc(var(--ugc-media-h) * var(--ugc-scale, 1));margin-top:calc(var(--ugc-media-h) * (1 - var(--ugc-scale, 1)) / 2);border-radius:var(--ugc-radius);overflow:hidden;background:var(--color-scheme-text-opacity-15);transition:height .5s cubic-bezier(.25,.1,.25,1),margin .5s cubic-bezier(.25,.1,.25,1),filter .5s ease}.aramega-ugc-videos .aramega-ugc-videos__media>video,.aramega-ugc-videos .aramega-ugc-videos__media>img,.aramega-ugc-videos .aramega-ugc-videos__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.aramega-ugc-videos[data-grayscale=true] .aramega-ugc-videos__slide:not(.is-active) .aramega-ugc-videos__media{filter:grayscale(1)}.aramega-ugc-videos .aramega-ugc-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000001f;color:#fff;border:0;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 175ms linear}.aramega-ugc-videos .aramega-ugc-videos__play.is-visible{opacity:1;pointer-events:auto}.aramega-ugc-videos .aramega-ugc-videos__play svg{width:3.375rem;height:3.375rem}.aramega-ugc-videos .aramega-ugc-videos__sound{position:absolute;top:.75rem;inset-inline-end:.75rem;z-index:3;width:2.375rem;height:2.375rem;padding:0;border:0;border-radius:100%;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background 175ms linear}.aramega-ugc-videos .aramega-ugc-videos__slide.is-active .aramega-ugc-videos__sound{display:flex}.aramega-ugc-videos .aramega-ugc-videos__sound:hover{background:#000000b3}.aramega-ugc-videos .aramega-ugc-videos__sound svg{width:1.125rem;height:1.125rem}.aramega-ugc-videos .aramega-ugc-videos__sound [data-sound-on]{display:none}.aramega-ugc-videos .aramega-ugc-videos__sound.is-on [data-sound-on]{display:block}.aramega-ugc-videos .aramega-ugc-videos__sound.is-on [data-sound-off]{display:none}.aramega-ugc-videos .aramega-ugc-videos__product{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.625rem .75rem;border-radius:var(--ugc-card-radius);background:var(--color-scheme-background);border:1px solid var(--color-scheme-text-opacity-15);color:var(--color-scheme-text);text-decoration:none;transition:border-color 175ms linear}.aramega-ugc-videos .aramega-ugc-videos__slide:not(.is-active) .aramega-ugc-videos__product{opacity:0;transition:opacity .35s ease}.aramega-ugc-videos .aramega-ugc-videos__product:hover{border-color:var(--color-scheme-text-opacity-30)}.aramega-no-touchevents .aramega-ugc-videos .aramega-ugc-videos__product:hover .aramega-text-animation--underline{background-size:100% clamp(1px,.05em,10px);background-position:left calc(100% - clamp(0px,.1em,12px))}.aramega-ugc-videos .aramega-ugc-videos__product-thumb{flex:0 0 auto;width:2.875rem;height:2.875rem;border-radius:calc(var(--ugc-card-radius) * .6);overflow:hidden;background:var(--color-scheme-text-opacity-15)}.aramega-ugc-videos .aramega-ugc-videos__product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.aramega-ugc-videos .aramega-ugc-videos__product-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.125rem}.aramega-ugc-videos .aramega-ugc-videos__product-title{display:block;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aramega-ugc-videos .aramega-ugc-videos__product-price{line-height:1.3;opacity:.62}.aramega-ugc-videos .aramega-ugc-videos__product-price del{margin-inline-end:.375rem}.aramega-ugc-videos .aramega-ugc-videos__product-icon{flex:0 0 auto;width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-buttons, 100%);background:var(--color-scheme-buttons-background, var(--color-scheme-text));color:var(--color-scheme-buttons-text, var(--color-scheme-background))}.aramega-ugc-videos .aramega-ugc-videos__product-icon svg{width:.875rem;height:.6875rem;flex:0 0 auto;display:block}.aramega-ugc-videos .aramega-ugc-videos__product-icon svg path,.aramega-ugc-videos .aramega-ugc-videos__arrow svg path{fill:currentColor}html[dir=rtl] .aramega-ugc-videos .aramega-ugc-videos__product-icon svg,html[dir=rtl] .aramega-ugc-videos .aramega-ugc-videos__arrow svg{transform:scaleX(-1)}.aramega-ugc-videos .aramega-ugc-videos__arrow{position:absolute;top:50%;z-index:20;transform:translateY(-50%);width:2.75rem;height:2.75rem;border-radius:100%;border:1px solid var(--color-scheme-text-opacity-15);padding:0;background:var(--color-scheme-background);color:var(--color-scheme-text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 175ms linear}.aramega-ugc-videos .aramega-ugc-videos__stage:hover .aramega-ugc-videos__arrow,.aramega-ugc-videos .aramega-ugc-videos__arrow:focus-visible{opacity:1}.aramega-ugc-videos .aramega-ugc-videos__arrow--prev{inset-inline-start:var(--gutter-container, 1rem)}.aramega-ugc-videos .aramega-ugc-videos__arrow--next{inset-inline-end:var(--gutter-container, 1rem)}.aramega-ugc-videos .aramega-ugc-videos__arrow svg{width:1.125rem;height:.875rem;flex:0 0 auto;display:block}.aramega-ugc-videos .aramega-ugc-videos__pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:var(--ugc-pagination-gap, 40px)}.aramega-ugc-videos .aramega-ugc-videos__dot{position:relative;width:1.5rem;height:.75rem;border:0;padding:0;background:none;cursor:pointer;transition:width 175ms linear}.aramega-ugc-videos .aramega-ugc-videos__dot:before,.aramega-ugc-videos .aramega-ugc-videos__progress{content:"";position:absolute;inset-inline-start:0;top:50%;height:2px;margin-top:-1px;border-radius:2px}.aramega-ugc-videos .aramega-ugc-videos__dot:before{width:100%;background:var(--color-scheme-text-opacity-15)}.aramega-ugc-videos .aramega-ugc-videos__dot.is-active{width:3.75rem}.aramega-ugc-videos .aramega-ugc-videos__progress{width:0;background:var(--color-scheme-text)}.aramega-ugc-videos .aramega-ugc-videos__dot.is-active:not(.has-video) .aramega-ugc-videos__progress{width:100%}@media screen and (max-width:1023px){.aramega-ugc-videos{--ugc-slide-w: 30vw}}@media screen and (max-width:767px){.aramega-ugc-videos{--ugc-slide-w: 64vw;--ugc-slide-max: 420px;--ugc-gap: 12px}.aramega-ugc-videos .aramega-ugc-videos__arrow{display:none}.aramega-ugc-videos .aramega-ugc-videos__product{gap:.625rem;padding:.5rem .625rem;margin-top:.625rem}.aramega-ugc-videos .aramega-ugc-videos__product-thumb{width:2.375rem;height:2.375rem}.aramega-ugc-videos .aramega-ugc-videos__product-icon{width:1.875rem;height:1.875rem}}@media(prefers-reduced-motion:reduce){.aramega-ugc-videos .aramega-ugc-videos__slide,.aramega-ugc-videos .aramega-ugc-videos__media,.aramega-ugc-videos .aramega-ugc-videos__track{transition:none}}.aramega-ugc-videos--has-products .aramega-ugc-videos__track{height:calc(var(--ugc-media-h) + 5rem)}@media screen and (max-width:767px){.aramega-ugc-videos--has-products .aramega-ugc-videos__track{height:calc(var(--ugc-media-h) + 4.125rem)}}.aramega-ugc-videos__pagination{min-height:.75rem}.aramega-ugc-videos:not(.is-ready) .aramega-ugc-videos__slide:first-child{opacity:1;pointer-events:auto}.aramega-ugc-videos__media>.aramega-ugc-videos__poster{z-index:0}.aramega-ugc-videos__media>video{z-index:1;background:transparent}.aramega-ugc-videos__media>.aramega-ugc-videos__play{z-index:2}.aramega-ugc-videos__progress{transition:width .25s linear}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-ugc-videos.css.map */