.ma-ugc{padding-top:var(--ma-pt, var(--ma-section-y));padding-bottom:var(--ma-pb, var(--ma-section-y));overflow:clip}.ma-ugc__header{text-align:center;margin-bottom:clamp(32px,3.5vw,48px);display:flex;flex-direction:column;align-items:center;gap:8px}.ma-ugc__heading{font-family:var(--ma-font-display);font-size:clamp(32px,24px + 1.1vw,40px);line-height:1.15;color:var(--ma-ink, #2f2a24);margin:0}.ma-ugc__description{color:var(--ma-ink-soft);max-width:580px}.ma-ugc__cta{margin-top:8px}.ma-ugc__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-inline:calc(var(--ma-gutter) * -.5);padding-inline:calc(var(--ma-gutter) * .5)}@media screen and (min-width:1440px){.ma-ugc__track{justify-content:center;overflow-x:visible;margin-inline:0;padding-inline:0}}.ma-ugc__tile{width:260px;flex:none;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}.ma-ugc__photo-frame{width:260px;height:300px;border-radius:var(--ma-r-card, 12px);overflow:hidden;background-color:#ffd7d7;position:relative}.ma-ugc__photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.ma-ugc__photo-placeholder{width:100%;height:100%;background-color:#ffd7d7}.ma-ugc__product-tag{width:260px;height:70px;background-color:var(--ma-butter, #fff8af);border-radius:var(--ma-r-card, 12px);padding:8px;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ma-ink, #2f2a24);transition:transform .2s var(--ma-ease),box-shadow .2s var(--ma-ease)}.ma-ugc__product-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2f2a2414}.ma-ugc__tag-thumb{width:54px;height:54px;border-radius:6px;overflow:hidden;background-color:#d9d9d9;flex:none;display:flex;align-items:center;justify-content:center}.ma-ugc__tag-thumb img{width:100%;height:100%;object-fit:cover}.ma-ugc__tag-thumb--placeholder svg{width:70%;height:70%;opacity:.6}.ma-ugc__tag-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.ma-ugc__tag-title{font-family:var(--ma-font-display);font-size:12px;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}.ma-ugc__tag-price{font-family:var(--ma-font-display);font-size:16px;color:#1a1a1a;line-height:20px}.ma-ugc__tag-btn{width:30px;height:30px;border-radius:50%;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 1px 4px #0000001a;transition:transform .2s var(--ma-ease),background-color .2s ease}.ma-ugc__product-tag:hover .ma-ugc__tag-btn{transform:scale(1.1);background-color:var(--ma-lime, #a8cf45)}.ma-ugc__track{--ma-ugc-w: 260px;--ma-ugc-wa: calc(var(--ma-ugc-w) * 300 / 260);--ma-ugc-dur: .8s;--ma-ugc-ease: cubic-bezier(.65, 0, .35, 1);--ma-ugc-tag: 70px;--ma-ugc-gap-y: 10px;--ma-ugc-shadow: 24px;box-sizing:border-box;height:calc(var(--ma-ugc-shadow) + var(--ma-ugc-wa) * 420 / 300 + var(--ma-ugc-gap-y) + var(--ma-ugc-tag));padding-block:var(--ma-ugc-shadow) 0;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:16px;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-inline:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ma-ugc__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.ma-ugc__track{cursor:grab}}.ma-ugc__track.is-dragging{cursor:grabbing}.ma-ugc__track.is-dragging .ma-ugc__tile{pointer-events:none}.ma-ugc__tile{flex:0 0 var(--ma-ugc-w);width:var(--ma-ugc-w);display:flex;flex-direction:column;gap:var(--ma-ugc-gap-y);transition:flex-basis var(--ma-ugc-dur) var(--ma-ugc-ease),width var(--ma-ugc-dur) var(--ma-ugc-ease)}.ma-ugc__photo-frame{position:relative;flex:none;width:100%;aspect-ratio:auto;height:calc(var(--ma-ugc-w) * 300 / 260);border-radius:var(--ma-r-card);overflow:hidden;background:var(--ma-blush);cursor:pointer;transition:height var(--ma-ugc-dur) var(--ma-ugc-ease),box-shadow var(--ma-ugc-dur) var(--ma-ugc-ease)}.ma-ugc__track.is-dragging .ma-ugc__photo-frame{cursor:grabbing}.ma-ugc__track.is-resizing .ma-ugc__tile,.ma-ugc__track.is-resizing .ma-ugc__photo-frame{transition:none}.ma-ugc__photo-frame:focus-visible{outline:2px solid var(--ma-ink);outline-offset:3px}.ma-ugc__photo-frame img,.ma-ugc__photo-frame video{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.ma-ugc__product-tag img{-webkit-user-drag:none}.ma-ugc__tile:not(.is-active) .ma-ugc__photo-frame video,.ma-ugc__tile:not(.is-active) .ma-ugc__photo-frame img{filter:saturate(.85);transition:filter .4s ease}.ma-ugc__tile:not(.is-active):hover .ma-ugc__photo-frame video,.ma-ugc__tile:not(.is-active):hover .ma-ugc__photo-frame img{filter:none}.ma-ugc__tile.is-active{flex-basis:var(--ma-ugc-wa);width:var(--ma-ugc-wa)}.ma-ugc__tile.is-active .ma-ugc__photo-frame{height:calc(var(--ma-ugc-wa) * 420 / 300);box-shadow:0 12px 30px #2f2a2424}.ma-ugc__tile .ma-ugc__product-tag{width:100%}.ma-ugc__progress{position:absolute;left:12px;right:12px;bottom:12px;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden;opacity:0;transition:opacity .3s ease}.ma-ugc__progress>span{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(var(--ma-ugc-progress, 0))}.ma-ugc__tile.is-active .ma-ugc__progress{opacity:1}@media(prefers-reduced-motion:reduce){.ma-ugc__track{--ma-ugc-dur: 0s}}.ma-ugc__product-tag{flex:none;height:var(--ma-ugc-tag);border-radius:var(--ma-r-card);background:var(--ma-butter);display:flex;align-items:center;gap:8px;padding:8px}.ma-ugc__tag-btn{background:var(--ma-lime);color:var(--ma-ink);border:0;width:30px;height:30px;min-width:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer}@media screen and (max-width:1199px){.ma-ugc__track{--ma-ugc-w: 240px}}@media screen and (max-width:989px){.ma-ugc__track{--ma-ugc-w: 220px;gap:14px}}@media screen and (max-width:749px){.ma-ugc__track{--ma-ugc-w: clamp(170px, 56vw, 300px);--ma-ugc-tag: 62px;--ma-ugc-gap-y: 8px;--ma-ugc-shadow: 18px;gap:12px;padding-inline:12px}.ma-ugc__product-tag{padding:6px;gap:6px}.ma-ugc__tag-thumb{width:46px;height:46px}.ma-ugc__tag-title{font-size:11px;line-height:16px}.ma-ugc__tag-price{font-size:14px;line-height:18px}.ma-ugc__tag-btn{width:26px;height:26px;min-width:26px}.ma-ugc__progress{left:10px;right:10px;bottom:10px}}.ma-ugc__track.is-loop{position:relative;display:block;overflow:visible;padding-inline:0;touch-action:pan-y}.ma-ugc__track.is-loop .ma-ugc__tile{position:absolute;left:0;bottom:0;will-change:transform,width;transition:none}.ma-ugc__track.is-loop .ma-ugc__photo-frame{transition:none;box-shadow:0 12px 30px rgba(47,42,36,calc(.14 * var(--t, 0)))}.ma-ugc__track.is-loop .ma-ugc__photo-frame video,.ma-ugc__track.is-loop .ma-ugc__photo-frame img{filter:saturate(calc(.85 + .15 * var(--t, 0)));transition:none}.ma-ugc__track.is-loop .ma-ugc__tile:hover .ma-ugc__photo-frame video,.ma-ugc__track.is-loop .ma-ugc__tile:hover .ma-ugc__photo-frame img{filter:none}.ma-ugc__track.is-loop .ma-ugc__progress{opacity:var(--t, 0);transition:none}.ma-ugc__track.is-loop.is-dragging,.ma-ugc__track.is-loop.is-dragging .ma-ugc__photo-frame{cursor:grabbing}.ma-ugc__track.is-loop.is-dragging .ma-ugc__tile{pointer-events:none}.ma-ugc__social{margin-top:20px}.ma-ugc__social-list{display:flex;justify-content:center;gap:12px;list-style:none;margin:0;padding:0}.ma-ugc__social-list li a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ma-terracotta);color:#fff;transition:scale .25s var(--ma-ease, ease-out),background .2s}.ma-ugc__social-list li a:hover{scale:1.08;background:var(--ma-ink)}.ma-ugc__social-list .icon,.ma-ugc__social-list svg{width:20px;height:20px;fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ma-ugc-v2.css.map */