.daochant-ugc-showcase{background:rgb(var(--color-background));padding:clamp(20px,3.2vw,48px) 0 clamp(32px,4vw,64px)}.daochant-ugc-showcase__inner{width:min(100% - 32px,1440px);margin:0 auto}.daochant-ugc-showcase__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(18px,2.5vw,34px)}.daochant-ugc-showcase__title{margin:0;font-family:var(--font-body--family);font-size:clamp(2rem,3vw,2.6rem);line-height:1.12;letter-spacing:0;color:var(--color-foreground)}.daochant-ugc-showcase__subtitle{margin:0 0 6px;max-width:360px;font-size:.95rem;line-height:1.45;text-align:right;color:rgb(var(--color-foreground-rgb) / .68)}.daochant-ugc-showcase__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,28px)}.daochant-ugc-card{width:100%;min-width:0;justify-self:center}.daochant-ugc-card--one{width:86%}.daochant-ugc-card--two{margin-top:clamp(40px,5vw,78px)}.daochant-ugc-card--three{width:90%;margin-top:clamp(10px,2vw,24px)}.daochant-ugc-card--four{width:94%;margin-top:clamp(46px,5.4vw,84px)}.daochant-ugc-card--five{width:100%}.daochant-ugc-card__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:#111;box-shadow:0 16px 36px rgb(var(--color-foreground-rgb) / .14)}.daochant-ugc-player{position:relative;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;background:#111;color:#fff;cursor:pointer}.daochant-ugc-player img,.daochant-ugc-player video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#111;object-fit:contain}.daochant-ugc-player img{z-index:0}.daochant-ugc-player video{z-index:1;opacity:0;transition:opacity .16s ease}.daochant-lazy-video-player.is-playing video{opacity:1}.daochant-ugc-player:after{content:"";position:absolute;inset:auto 0 0;z-index:2;height:34%;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .38),transparent)}.daochant-ugc-player__icon{position:absolute;left:50%;top:50%;z-index:3;width:54px;height:54px;border-radius:50%;background:#0000007a;transform:translate(-50%,-50%);transition:opacity .16s ease}.daochant-ugc-player__icon:before{content:"";position:absolute;left:21px;top:16px;border-block:11px solid transparent;border-left:17px solid currentColor}.daochant-ugc-player.is-playing .daochant-ugc-player__icon{opacity:0}.daochant-ugc-player.is-loading .daochant-ugc-player__icon{opacity:.28}.daochant-ugc-player:focus-visible{outline:2px solid #f5b301;outline-offset:3px}.daochant-ugc-card__review{display:grid;gap:5px;min-height:54px;padding-top:10px}.daochant-ugc-stars{position:relative;display:inline-block;width:max-content;font-size:.94rem;line-height:1;letter-spacing:1px}.daochant-ugc-stars__back{color:#d9d9d9}.daochant-ugc-stars__front{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:#f5b301}.daochant-ugc-card__quote{display:block;font-size:.9rem;line-height:1.35;color:rgb(var(--color-foreground-rgb) / .78)}.daochant-ugc-showcase__swipe-hint{display:none}@media screen and (max-width:989px){.daochant-ugc-showcase__grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.daochant-ugc-card--two,.daochant-ugc-card--four{margin-top:42px}}@media screen and (max-width:749px){.daochant-ugc-showcase{padding:24px 0 34px}.daochant-ugc-showcase__inner{width:100%}.daochant-ugc-showcase__header{display:block;padding:0 16px;margin-bottom:16px}.daochant-ugc-showcase__title{font-size:2rem}.daochant-ugc-showcase__subtitle{max-width:none;margin-top:6px;text-align:left}.daochant-ugc-showcase__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100vw - 52px)/2);grid-template-columns:none;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;scroll-padding-inline:16px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:0 16px;gap:10px}.daochant-ugc-showcase__grid::-webkit-scrollbar{display:none}.daochant-ugc-card,.daochant-ugc-card--one,.daochant-ugc-card--three,.daochant-ugc-card--four,.daochant-ugc-card--five{width:100%}.daochant-ugc-card{scroll-snap-align:start}.daochant-ugc-card--two,.daochant-ugc-card--four{margin-top:24px}.daochant-ugc-card--three{margin-top:8px}.daochant-ugc-player__icon{width:46px;height:46px}.daochant-ugc-player__icon:before{left:18px;top:13px;border-block-width:10px;border-left-width:15px}.daochant-ugc-card__review{min-height:68px;padding-top:8px}.daochant-ugc-stars{font-size:.86rem}.daochant-ugc-card__quote{font-size:.82rem;line-height:1.32}.daochant-ugc-showcase__swipe-hint{display:flex;align-items:center;justify-content:center;gap:34px;height:24px;margin-top:2px;color:rgb(var(--color-foreground-rgb) / .5);pointer-events:none}.daochant-ugc-showcase__swipe-arrow{display:inline-grid;place-items:center;width:24px;height:24px;font-size:24px;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/daochant-ugc-showcase.css.map */