.ugc-marquee{--ugc-background: #edf3ec;--ugc-heading: #1f2421;--ugc-text: #5c6660;--ugc-accent: #5b6ee8;--ugc-visible-desktop: 8;--ugc-visible-mobile: 3;--ugc-gap: 14px;--ugc-radius: 16px;--ugc-speed: 32s;background:var(--ugc-background);color:var(--ugc-text);overflow:hidden;padding:48px 0}.ugc-marquee *,.ugc-marquee *:before,.ugc-marquee *:after{box-sizing:border-box}.ugc-marquee__inner{width:100%}.ugc-marquee__header{color:var(--ugc-heading);margin:0 auto 26px;max-width:760px;padding:0 16px;text-align:center}.ugc-marquee__subheading{color:var(--ugc-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.4;margin:0 0 8px;text-transform:uppercase}.ugc-marquee__heading{color:var(--ugc-heading);font-family:var(--font-heading-family, inherit);font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:0;line-height:1.15;margin:0}.ugc-marquee__viewport{contain:layout paint;cursor:grab;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.ugc-marquee__viewport.is-dragging{cursor:grabbing}.ugc-marquee__track{animation:ugc-marquee-scroll var(--ugc-speed) linear infinite;display:flex;gap:var(--ugc-gap);width:max-content;will-change:transform}.ugc-marquee__track.is-paused{animation-play-state:paused}.ugc-marquee__track.is-js{animation:none}.ugc-marquee[data-pause-hover=true] .ugc-marquee__viewport:hover .ugc-marquee__track,.ugc-marquee[data-pause-hover=true] .ugc-marquee__viewport:focus-within .ugc-marquee__track{animation-play-state:paused}.ugc-marquee__set{display:flex;flex:0 0 auto;gap:var(--ugc-gap);min-width:max-content}.ugc-marquee__card{-webkit-appearance:none;appearance:none;aspect-ratio:4 / 5;background:#fff;border:0;border-radius:var(--ugc-radius);box-shadow:0 8px 18px -10px #14171a40;color:inherit;contain:layout paint;cursor:pointer;display:block;flex:0 0 auto;max-width:260px;overflow:hidden;padding:0;position:relative;width:calc((100vw - (var(--ugc-visible-mobile) - 1) * var(--ugc-gap)) / var(--ugc-visible-mobile))}.ugc-marquee__card:focus-visible{outline:3px solid var(--ugc-accent);outline-offset:3px}.ugc-marquee__image,.ugc-marquee__video,.ugc-marquee__placeholder{display:block;height:100%;width:100%}.ugc-marquee__image,.ugc-marquee__video{object-fit:cover}.ugc-marquee__video{pointer-events:none}.ugc-marquee__placeholder{background:linear-gradient(135deg,#5b6ee82e,#3fa7962e)}.ugc-marquee__play{align-items:center;background:linear-gradient(180deg,#0000 55%,#00000059);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:absolute}.ugc-marquee__play svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));height:34px;width:34px}.ugc-marquee__play circle{fill:#14171a73}.ugc-marquee__play path{fill:#fff}.ugc-marquee__modal{align-items:center;background:#14171aeb;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;padding:20px;position:fixed;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:1000}.ugc-marquee__modal.is-open{opacity:1;visibility:visible}.ugc-marquee__modal[hidden]{display:none}.ugc-marquee__dialog{background:#fff;border-radius:18px;box-shadow:0 40px 90px -20px #0000008c;color:#1f2421;display:flex;max-height:88vh;max-width:920px;overflow:hidden;position:relative;width:100%}.ugc-marquee__modal-media{align-items:center;background:#0d0f10;display:flex;flex:1 1 56%;justify-content:center;min-width:0;position:relative}.ugc-marquee__modal-media img,.ugc-marquee__modal-media video{display:block;height:100%;max-height:88vh;object-fit:cover;width:100%}.ugc-marquee__mute,.ugc-marquee__close,.ugc-marquee__nav{align-items:center;border:0;cursor:pointer;display:flex;justify-content:center;padding:0}.ugc-marquee__mute{background:#14171a8c;border-radius:999px;color:#fff;height:34px;left:14px;position:absolute;top:14px;width:34px}.ugc-marquee__mute svg{height:16px;width:16px}.ugc-marquee__close{background:#fffffff2;border-radius:999px;color:#1f2421;height:38px;position:absolute;right:20px;top:18px;width:38px;z-index:2}.ugc-marquee__close svg,.ugc-marquee__nav svg{fill:none;height:18px;width:18px}.ugc-marquee__close path,.ugc-marquee__nav path{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ugc-marquee__nav{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;height:46px;position:fixed;top:50%;transform:translateY(-50%);transition:background .2s ease;width:46px;z-index:1001}.ugc-marquee__nav:hover{background:#ffffff38}.ugc-marquee__nav--prev{left:18px}.ugc-marquee__nav--next{right:18px}.ugc-marquee__info[hidden]{display:none}.ugc-marquee__dialog--media-only{max-width:620px}.ugc-marquee__dialog--media-only .ugc-marquee__modal-media{flex:1 1 100%}.ugc-marquee__info{display:flex;flex:1 1 44%;flex-direction:column;min-width:0;overflow-y:auto;padding:26px 28px}.ugc-marquee__profile{align-items:center;border-bottom:1px solid #e3e9e1;display:flex;gap:10px;margin-bottom:18px;padding-bottom:16px}.ugc-marquee__avatar{align-items:center;background:var(--ugc-accent);background-position:center;background-size:cover;border-radius:999px;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-weight:700;height:38px;justify-content:center;width:38px}.ugc-marquee__username{color:#1f2421;font-weight:700;line-height:1.3}.ugc-marquee__caption{color:#1f2421;font-size:14.5px;line-height:1.65;margin:0;white-space:pre-line}.ugc-marquee__hashtags{color:var(--ugc-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;margin:16px 0 0}.ugc-marquee__date{color:#5c6660;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;margin:auto 0 0;padding-top:18px;text-align:center}.ugc-marquee__empty{min-height:1px}body.ugc-marquee-modal-open{overflow:hidden}@keyframes ugc-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media screen and (min-width:860px){.ugc-marquee__card{width:calc((100vw - (var(--ugc-visible-desktop) - 1) * var(--ugc-gap)) / var(--ugc-visible-desktop))}}@media screen and (max-width:700px){.ugc-marquee__dialog{flex-direction:column;max-height:92vh}.ugc-marquee__modal-media{flex:0 0 auto;max-height:46vh}.ugc-marquee__modal-media img,.ugc-marquee__modal-media video{max-height:46vh}.ugc-marquee__info{flex:1 1 auto;padding:20px}.ugc-marquee__nav{height:38px;width:38px}.ugc-marquee__nav--prev{left:8px}.ugc-marquee__nav--next{right:8px}}@media(prefers-reduced-motion:reduce){.ugc-marquee__track,.ugc-marquee__modal,.ugc-marquee__nav{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ugc-marquee.css.map */