.section-ugc-content{background-color:var(--bg-color);padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);width:100%;overflow:hidden}.ugc-content__container{width:100%;box-sizing:border-box;padding-inline:var(--20px)}.ugc-content__inner{grid-column:2 / span 10}.ugc-content__header{display:grid;grid-template-columns:repeat(10,1fr);margin-bottom:var(--20px);gap:var(--16px);align-items:baseline}.ugc-content__header-content{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--16px)}.ugc-content__subtitle{color:var(--color-almost-black);margin:var(--0px);grid-column:1 / span 1}.ugc-content__title{color:var(--color-almost-black);margin:var(--0px);grid-column:2 / span 7}.ugc-content__title p{margin:var(--0px)}.ugc-content__cta-wrapper{grid-column:9 / span 2;text-align:end}.ugc-content__cta-wrapper--mobile{display:none}.ugc-content__slider-wrapper{width:100%;position:relative}.ugc-content__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--16px);width:100%;margin:var(--0px);padding:var(--0px);list-style:none}.ugc-content__item{width:100%;position:relative;list-style:none}.ugc-content__media-card{position:relative;width:100%;border-radius:var(--radius);background-color:var(--color-soft-beige)}.ugc-content__media-wrapper{position:absolute;top:var(--0px);left:var(--0px);width:100%;height:100%;border-radius:var(--radius);overflow:hidden}.ugc-content__media{width:100%;height:100%;position:absolute;top:var(--0px);left:var(--0px)}.ugc-content__media--desktop{display:block}.ugc-content__media--mobile{display:none}.ugc-content__img,.ugc-content__video,.ugc-content__media-wrapper img,.ugc-content__media-wrapper video,.ugc-content__media-wrapper video-media,.ugc-content__media-wrapper .media-video-wrapper,.ugc-content__media-wrapper .snippet-media{width:100%;height:100%;object-fit:cover;display:block}.ugc-content__media-wrapper video-media{aspect-ratio:unset}.ugc-content__media-wrapper video-media video{width:100%;height:100%;object-fit:cover}.ugc-content__media--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-beige)}.ugc-content__media--placeholder svg{width:50%;height:50%;opacity:.5}.ugc-content__video-controls{position:absolute;bottom:var(--12px);left:var(--12px);z-index:5;display:flex;align-items:center;gap:var(--4px);padding:var(--4px) var(--6px);background:#00000073;-webkit-backdrop-filter:blur(var(--4px));backdrop-filter:blur(var(--4px));border-radius:var(--radius)}.ugc-content__control-btn{background:transparent;border:none;padding:var(--2px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-white);width:var(--22px);height:var(--22px);border-radius:var(--radius);transition:opacity var(--transition-fast) ease}.ugc-content__control-btn:hover{opacity:.8}.ugc-content__icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.ugc-content__icon svg{width:var(--14px);height:var(--14px);display:block}.ugc-content__media-card .shoppable-banner__product-item{position:absolute;bottom:var(--10px);right:var(--10px);z-index:5}.ugc-content__product-thumb-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.ugc-content__controls{display:none}@media(min-width:992px){.ugc-content__media-card.aspect-d-square{aspect-ratio:1 / 1}.ugc-content__media-card.aspect-d-portrait{aspect-ratio:2.66 / 4}.ugc-content__media-card.aspect-d-landscape{aspect-ratio:16 / 9}.ugc-content__media-card.aspect-d-auto{aspect-ratio:var(--ugc-desktop-aspect, 2.66 / 4)}}@media(max-width:991px){.ugc-content__media-card.aspect-m-square{aspect-ratio:1 / 1}.ugc-content__media-card.aspect-m-portrait{aspect-ratio:2.69 / 4}.ugc-content__media-card.aspect-m-landscape{aspect-ratio:16 / 9}.ugc-content__media-card.aspect-m-auto{aspect-ratio:var(--ugc-mobile-aspect, var(--ugc-desktop-aspect, 2.69 / 4))}}@media(min-width:992px){.ugc-content__grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--16px)!important;transform:none!important;width:100%!important}.ugc-content__item{width:100%!important;max-width:100%!important;position:relative}.ugc-content__item:hover{z-index:10}.ugc-content__slider-wrapper .splide__track{overflow:visible!important}.ugc-content__media-card .shoppable-banner__product-popup{left:auto;right:var(--0px);transform:translateY(var(--6px))}.ugc-content__media-card .shoppable-banner__product-popup:after{left:auto;right:var(--35px);transform:rotate(45deg)}.ugc-content__media-card .shoppable-banner__product-item:hover .shoppable-banner__product-popup,.ugc-content__media-card .shoppable-banner__product-item:focus-within .shoppable-banner__product-popup{transform:translateY(var(--0px))}}@media(max-width:991px){.section-ugc-content{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.ugc-content__container{padding:var(--0px);grid-template-columns:repeat(4,1fr)}.ugc-content__inner{grid-column:1 / span 4}.ugc-content__header{display:flex;gap:var(--10px);margin-bottom:var(--20px);padding-inline:var(--16px)}.ugc-content__header-content{gap:var(--10px);align-items:baseline}.ugc-content__subtitle{min-width:fit-content}.ugc-content__title{grid-column:2 / span 3}.ugc-content__cta-wrapper--desktop{display:none}.ugc-content__cta-wrapper--mobile{display:flex;justify-content:center;align-items:center;margin-top:var(--20px);width:100%;padding:var(--0px) var(--16px)}.ugc-content__media--desktop{display:none}.ugc-content__media--mobile{display:block}.ugc-content__grid{display:flex!important;gap:var(--0px)!important}.ugc-content__slider-wrapper .splide__track{overflow:hidden!important}.ugc-content__controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--20px);gap:var(--10px);width:100%;padding:var(--0px) var(--16px)}.ugc-content__progress{flex:1;height:var(--1px);background-color:var(--color-beige);position:relative;overflow:hidden}.ugc-content__progress-bar{height:100%;background-color:var(--color-grey);width:var(--0px);transition:width var(--transition-speed) cubic-bezier(.25,1,.5,1)}.ugc-content__arrows{display:flex;gap:var(--1px)}.ugc-content__arrow-btn{width:var(--24px);height:var(--24px);background-color:var(--color-soft-beige)!important;color:var(--color-almost-black)!important;padding:var(--0px)}.ugc-content__arrow-btn svg{width:var(--16px);height:var(--16px);fill:none;display:block}.ugc-content__arrow-btn svg path{stroke:currentColor}.ugc-content__arrow-btn:disabled,.ugc-content__arrow-btn.is-disabled{opacity:.3!important;cursor:not-allowed!important}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/ugc-content.css.map */