.zs-ugc{--zs-ugc-gap: 12px;--zs-ugc-bleed: var(--zs-gut);margin:0 calc(-1 * var(--zs-ugc-bleed));background:var(--zs-ugc-bg, transparent);color:var(--zs-ugc-text, inherit);padding:var(--zs-ugc-pt, 28px) 0 var(--zs-ugc-pb, 4px)}.zs-ugc__head{padding:0 var(--zs-ugc-bleed) 14px}.zs-ugc__title{color:inherit;margin:0}.zs-ugc__sub{margin:4px 0 0;font-size:14px;line-height:1.5;color:inherit;opacity:.7;max-width:36ch}.zs-ugc__list{list-style:none;margin:0;padding:0 var(--zs-ugc-bleed);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--zs-ugc-gap)) / 1.5);gap:var(--zs-ugc-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--zs-ugc-bleed);-webkit-overflow-scrolling:touch;scrollbar-width:none}.zs-ugc__list::-webkit-scrollbar{display:none}.zs-ugc__item{scroll-snap-align:start;min-width:0}.zs-ugc__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--zs-sand);cursor:pointer;-webkit-tap-highlight-color:transparent}.zs-ugc__video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.zs-ugc__play{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#17150f8c;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.zs-ugc-modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overscroll-behavior:contain}.zs-ugc-modal::backdrop{background:#000000eb}.zs-ugc-modal:not([open]){display:none}.zs-ugc-modal__stage{position:relative;width:100%;height:100%;display:grid;place-items:center;touch-action:pan-y}.zs-ugc-modal__video{width:100%;height:100%;object-fit:contain;background:#000}.zs-ugc-modal__close,.zs-ugc-modal__sound,.zs-ugc-modal__nav{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#17150f8c;color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.zs-ugc-modal__close{top:calc(12px + env(safe-area-inset-top));right:12px}.zs-ugc-modal__sound{top:calc(12px + env(safe-area-inset-top));left:12px}.zs-ugc-modal__icon-off,.zs-ugc-modal__sound[aria-pressed=true] .zs-ugc-modal__icon-on{display:none}.zs-ugc-modal__sound[aria-pressed=true] .zs-ugc-modal__icon-off{display:block}.zs-ugc-modal__nav{top:50%;transform:translateY(-50%)}.zs-ugc-modal__nav--prev{left:12px}.zs-ugc-modal__nav--next{right:12px}.zs-ugc-modal__count{position:absolute;top:calc(24px + env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.12em;color:#fffc}.zs-ugc-modal__foot{position:absolute;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}@media screen and (min-width:750px){.zs-ugc{--zs-ugc-bleed: 28px}.zs-ugc__list{grid-auto-columns:calc((100% - 2 * var(--zs-ugc-gap)) / 2.5);padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--zs-ink-24) transparent}.zs-ugc__list::-webkit-scrollbar{display:block;height:6px}.zs-ugc__list::-webkit-scrollbar-thumb{background:var(--zs-ink-24);border-radius:3px}.zs-ugc__card:hover .zs-ugc__play{background:#17150fcc}.zs-ugc-modal__video{width:auto;max-width:100%;height:100%;aspect-ratio:9 / 16}.zs-ugc-modal__nav--prev{left:max(16px,calc(50% - 28.125vh - 72px))}.zs-ugc-modal__nav--next{right:max(16px,calc(50% - 28.125vh - 72px))}.zs-ugc-modal__foot{left:50%;right:auto;width:min(360px,calc(100% - 32px));transform:translate(-50%);bottom:24px}}@media screen and (min-width:990px){.zs-ugc{--zs-ugc-bleed: 48px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/zoss-ugc-videos.css.map */