.sh-ugc{padding:calc(52 * var(--t-fs)) 0 calc(44 * var(--t-fs));background:var(--t-card, #FFFFFF)}.sh-ugc-eyebrow{padding:0 var(--t-gutter);text-align:center;font-family:var(--t-ui);font-weight:800;letter-spacing:.14em;color:var(--t-teal-mid);text-transform:uppercase}.sh-ugc-h2{margin:calc(8 * var(--t-fs)) 0 0;padding:0 var(--t-gutter);text-align:center;font-family:var(--t-display);color:var(--t-ink)}.sh-ugc-sub{margin:calc(10 * var(--t-fs)) auto 0;max-width:calc(340 * var(--t-fs));padding:0 var(--t-gutter);text-align:center;font-family:var(--t-ui);font-size:calc(15 * var(--t-fs));line-height:1.5;color:var(--t-body)}.sh-ugc-rail{display:flex;gap:calc(14 * var(--t-fs));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:calc(20 * var(--t-fs)) calc(16 * var(--t-fs)) calc(4 * var(--t-fs))}.sh-ugc-rail::-webkit-scrollbar{display:none}.sh-ugc-card{flex:none;width:calc(252 * var(--t-fs));scroll-snap-align:center}.sh-ugc-tap{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:calc(14 * var(--t-fs));overflow:hidden;background:var(--t-tint-1, #EDF5F7);cursor:pointer;box-shadow:0 calc(6 * var(--t-fs)) calc(18 * var(--t-fs)) #0b2b3321}.sh-ugc-poster{width:100%;height:100%;object-fit:cover;display:block}.sh-ugc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(54 * var(--t-fs));height:calc(54 * var(--t-fs));border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--t-teal, #0A5B6B);box-shadow:0 calc(2 * var(--t-fs)) calc(10 * var(--t-fs)) #0b2b3347;transition:transform .18s ease,background .18s ease}.sh-ugc-tap:hover .sh-ugc-play{transform:translate(-50%,-50%) scale(1.06);background:#fff}.sh-ugc-play svg{width:calc(26 * var(--t-fs));height:calc(26 * var(--t-fs));margin-left:calc(3 * var(--t-fs))}.sh-ugc-tap:focus-visible{outline:calc(3 * var(--t-fs)) solid var(--t-teal-mid, #16899C);outline-offset:calc(2 * var(--t-fs))}.sh-ugc-video{display:block;width:100%;aspect-ratio:9 / 16;border-radius:calc(14 * var(--t-fs));background:#000;object-fit:cover;box-shadow:0 calc(6 * var(--t-fs)) calc(18 * var(--t-fs)) #0b2b3321}.sh-ugc-caption{margin:calc(10 * var(--t-fs)) 0 0;text-align:center;font-family:var(--t-ui);font-size:calc(13 * var(--t-fs));color:var(--t-muted, #5B767D)}@media(min-width:768px){.sh-ugc{padding:72px 0 64px}.sh-ugc-rail{overflow:visible;scroll-snap-type:none;justify-content:center;gap:20px;padding:28px 24px 0;max-width:980px;margin-inline:auto}.sh-ugc-card{width:auto;flex:1 1 0;max-width:300px;scroll-snap-align:none}.sh-ugc-tap,.sh-ugc-video{border-radius:16px}.sh-ugc-play{width:62px;height:62px}.sh-ugc-play svg{width:30px;height:30px;margin-left:3px}.sh-ugc-sub{max-width:620px;font-size:17px}.sh-ugc-eyebrow{font-size:13px}.sh-ugc-caption{font-size:14px}}@media(min-width:1280px){.sh-ugc-rail{max-width:1060px;gap:26px}.sh-ugc-card{max-width:320px}}.sh-ugc-card{position:relative}.sh-ugc-video{position:absolute;top:0;left:0;width:100%;z-index:2}.sh-ugc-sound{position:absolute;top:calc(9 * var(--t-fs));left:calc(9 * var(--t-fs));z-index:4;display:none;align-items:center;gap:calc(5 * var(--t-fs));padding:calc(4 * var(--t-fs)) calc(9 * var(--t-fs));border-radius:999px;background:#0b2b3399;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-family:var(--t-ui);font-size:calc(10 * var(--t-fs));font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;pointer-events:none}.sh-ugc-card[data-playing]:not([data-sound]) .sh-ugc-sound{display:flex}@media(min-width:768px){.sh-ugc-sound{font-size:11px;top:11px;left:11px;padding:5px 11px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/sheen-ugc.css.map */