.spotmystuff-ugc{--smst-bg-page: #FBFBFA;--smst-ink: #101110;--smst-ink-600: #5F615E;--smst-line-strong: #E4E4E1;--smst-font-sans: "Instrument Sans", Helvetica, Arial, sans-serif;--smst-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--smst-ease: cubic-bezier(.16, 1, .3, 1);--smst-hatch: repeating-linear-gradient(135deg, #F3F3F0 0 10px, #EAEAE6 10px 20px);box-sizing:border-box;background:var(--smst-bg-page);color:var(--smst-ink);font-family:var(--smst-font-sans);-webkit-font-smoothing:antialiased;padding:clamp(76px,11vw,148px) 0}.spotmystuff-ugc *,.spotmystuff-ugc *:before,.spotmystuff-ugc *:after{box-sizing:border-box}.spotmystuff-ugc__inner{max-width:1200px;margin:0 auto;padding:0 clamp(18px,5vw,36px)}.spotmystuff-ugc__eyebrow{font-family:var(--smst-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--smst-ink-600);margin:0 0 18px}.spotmystuff-ugc__heading{font-size:clamp(30px,5.2vw,52px);line-height:1.03;letter-spacing:-.03em;font-weight:600;max-width:24ch;margin:0 0 32px}.spotmystuff-ugc__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.spotmystuff-ugc__tile{position:relative;aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;border:1px solid var(--smst-line-strong);background:var(--smst-hatch);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;cursor:pointer;transition:transform .5s var(--smst-ease)}.spotmystuff-ugc__tile:hover{transform:translateY(-3px)}.spotmystuff-ugc__tile[aria-disabled=true]{cursor:default}.spotmystuff-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0}.spotmystuff-ugc__poster-image{display:block;width:100%;height:100%;object-fit:cover}.spotmystuff-ugc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#10111000 45%,#1011108c)}.spotmystuff-ugc__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.spotmystuff-ugc__tile.is-playing .spotmystuff-ugc__video-wrap{opacity:1;pointer-events:auto}.spotmystuff-ugc__video{display:block;width:100%;height:100%;object-fit:cover;background:var(--smst-ink)}.spotmystuff-ugc__play{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#101110db;display:flex;align-items:center;justify-content:center;color:var(--smst-bg-page);line-height:1;transition:opacity .2s ease}.spotmystuff-ugc__play svg{margin-left:2px}.spotmystuff-ugc__tile.is-playing .spotmystuff-ugc__play{opacity:0;pointer-events:none}.spotmystuff-ugc__tile[aria-disabled=true] .spotmystuff-ugc__play{opacity:.55}.spotmystuff-ugc__quote,.spotmystuff-ugc__slug{position:relative;z-index:2;transition:opacity .2s ease}.spotmystuff-ugc__tile.is-playing .spotmystuff-ugc__quote,.spotmystuff-ugc__tile.is-playing .spotmystuff-ugc__slug{opacity:0;pointer-events:none}.spotmystuff-ugc__quote{margin:0;font-size:13px;font-weight:600;color:var(--smst-ink)}.spotmystuff-ugc__tile:has(.spotmystuff-ugc__poster-image) .spotmystuff-ugc__quote{color:#fff}.spotmystuff-ugc__slug{margin:6px 0 0;font-family:var(--smst-font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--smst-ink-600)}.spotmystuff-ugc__tile:has(.spotmystuff-ugc__poster-image) .spotmystuff-ugc__slug{color:#ffffffd1}.spotmystuff-ugc__note{font-size:12.5px;color:var(--smst-ink-600);margin:14px 0 0;line-height:1.5}@media(max-width:640px){.spotmystuff-ugc{padding:64px 0}.spotmystuff-ugc__heading{margin-bottom:24px}.spotmystuff-ugc__grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px;margin:0 -2px}.spotmystuff-ugc__grid::-webkit-scrollbar{display:none}.spotmystuff-ugc__tile{flex:0 0 62vw;scroll-snap-align:start}}@media(max-width:400px){.spotmystuff-ugc__tile{flex:0 0 68vw}}@media(prefers-reduced-motion:reduce){.spotmystuff-ugc__tile{transition-duration:.01ms}.spotmystuff-ugc__tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/spotmystuff-ugc.css.map */