.sst-ugc{padding:var(--sst-section-pad) 0;background:var(--sst-surface)}.sst-ugc__head{text-align:center;margin-bottom:8px}.sst-ugc__heading{font-family:var(--sst-font-display);font-size:clamp(32px,3.33333vw,48px);line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--sst-text);margin:0;display:inline-block}.sst-ugc__sub{text-align:center;font-family:var(--sst-font-body);font-size:var(--sst-text-small);color:var(--sst-text-secondary);max-width:520px;margin:0 auto}.sst-ugc__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}.sst-ugc__tile{position:relative;aspect-ratio:9 / 14;border-radius:var(--sst-radius-md);overflow:hidden;background-size:cover;background-position:center;cursor:pointer;display:block;text-decoration:none}.sst-ugc__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}.sst-ugc__tile:hover .sst-ugc__tile-img{transform:scale(1.04)}.sst-ugc__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1c1d1600 55%,#1c1d1659);opacity:0;transition:opacity .25s;z-index:1}.sst-ugc__tile:hover:after{opacity:1}.sst-ugc__play{position:absolute;top:10px;right:10px;z-index:2;color:var(--sst-white);filter:drop-shadow(0 1px 3px rgba(28,29,22,.6));width:16px;height:16px}.sst-ugc__play svg{width:16px;height:16px;fill:var(--sst-white)}.sst-ugc__handle{position:absolute;left:10px;bottom:10px;z-index:2;color:var(--sst-white);font-family:var(--sst-font-body);font-size:var(--sst-text-label);font-weight:700;letter-spacing:.04em;filter:drop-shadow(0 1px 3px rgba(28,29,22,.6))}.sst-ugc__footer{text-align:center;margin-top:32px}.sst-ugc__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px}.sst-ugc__btn{display:inline-flex;align-items:center;gap:16px}.sst-ugc__btn-icon{width:18px;height:18px;object-fit:contain}@media(max-width:1099px){.sst-ugc__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.sst-ugc__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/sst-ugc.css.map */