.cuft-section-ugc,.cuft-section-ugc *,.cuft-section-ugc *:before,.cuft-section-ugc *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cuft-section-ugc{--cuft-ugc-gutter: 16px;display:flex;flex-direction:column;gap:24px;grid-column:1 / -1;width:100%;margin:0;padding:48px var(--cuft-ugc-gutter);overflow-x:clip;font-family:var(--cuft-sans);font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0;color:var(--cuft-ink);background:var(--cuft-ugc-bg, #ffffff)}.cuft-section-ugc :where(h2,p,ul,li){margin:0;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;list-style:none;text-transform:none}.cuft-section-ugc :where(img,svg,video){display:block;max-width:none}.cuft-section-ugc :where(button:not(.cuft-button)){margin:0;padding:0;font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}.cuft-section-ugc__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__heading{font-family:var(--cuft-serif);font-size:34px;font-weight:400;line-height:1.1;color:var(--cuft-ink)}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__subheading{font-size:14px;line-height:1.3;letter-spacing:.28px;color:var(--cuft-red)}.cuft-section-ugc__subheading a{color:inherit}.cuft-section-ugc__track{display:flex;gap:8px;margin-inline:calc(-1 * var(--cuft-ugc-gutter));padding:0 var(--cuft-ugc-gutter);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cuft-ugc-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}.cuft-section-ugc__track::-webkit-scrollbar{display:none}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__card{display:flex;flex:0 0 calc((100% - 16px) / 2.3);flex-direction:column;min-width:0;scroll-snap-align:start}.cuft-section-ugc__media{position:relative;aspect-ratio:13 / 20;overflow:hidden;border-radius:12px;background:#e9dbcf}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__poster,.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__poster{z-index:1;transition:opacity .4s ease}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__poster.is-hidden{opacity:0;pointer-events:none}.cuft-section-ugc__placeholder{fill:#2b232033}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__video{opacity:0;transition:opacity .4s ease}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__video.is-active{opacity:1}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .3s ease}.cuft-section-ugc__play svg{width:44px;height:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:scale .2s ease}.cuft-section-ugc__play:hover svg{scale:1.1}.cuft-section-ugc__play:focus-visible{outline:2px solid var(--cuft-red);outline-offset:-4px;border-radius:12px}.cuft-section-ugc__card.is-fullplay .cuft-section-ugc__media{cursor:pointer}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__play.is-hidden,.cuft-section-ugc__mute.is-hidden{opacity:0;pointer-events:none}.cuft-section-ugc__mute{position:absolute;right:10px;bottom:10px;z-index:3;padding:4px;border-radius:50%;background:#00000080;line-height:0;transition:opacity .3s ease}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__fullscreen{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#00000080;cursor:pointer}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__fullscreen[hidden]{display:none}.cuft-section-ugc__fullscreen:focus-visible{outline:2px solid var(--cuft-red);outline-offset:2px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__handle{display:block;padding:6px 0;overflow:hidden;font-size:13px;line-height:1.2;letter-spacing:.26px;color:var(--cuft-ink);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}a.cuft-section-ugc__handle:hover{text-decoration:underline}@media(min-width:750px){.cuft-section-ugc{--cuft-ugc-gutter: 40px;gap:40px;padding-block:64px}.cuft-section-ugc__header{gap:20px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__heading{font-size:44px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__subheading{font-size:16px;line-height:1.2;letter-spacing:.32px}.cuft-section-ugc__track{gap:16px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__card{flex:1 0 260px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__handle{font-size:14px;letter-spacing:.28px}.cuft-section-ugc__play svg{width:48px;height:48px}}@media(min-width:990px){.cuft-section-ugc{--cuft-ugc-gutter: 48px;gap:56px;padding-block:80px}.cuft-section-ugc__header{gap:24px}.cuft-section-ugc.cuft-section-ugc .cuft-section-ugc__heading{font-size:52px;line-height:1.25}}@media(min-width:990px){.cuft-section-ugc--static .cuft-section-ugc__track{justify-content:center;overflow:visible}.cuft-section-ugc.cuft-section-ugc--static .cuft-section-ugc__card{flex:1 1 0;max-width:360px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/cuft-section-ugc.css.map */