.wb-ugc-grid{background:var(--wbug-bg);color:var(--wbug-text);padding-top:var(--wbug-pt-m);padding-bottom:var(--wbug-pb-m);width:100%;overflow:hidden}.wb-ugc-grid__inner{max-width:var(--wbug-max);margin:0 auto;width:100%}.wb-ugc-grid__heading{font-family:var(--wbug-font-head);font-size:var(--wbug-fs-head);font-weight:500;text-transform:uppercase;letter-spacing:.12em;line-height:1.15;text-align:var(--wbug-align);margin:0 0 var(--wbug-heading-mb);padding:0 var(--wbug-inner-m);color:var(--wbug-text)}.wb-ugc-grid__track{display:flex;gap:var(--wbug-gap);padding:0 var(--wbug-inner-m);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-sizing:border-box}.wb-ugc-grid__track::-webkit-scrollbar{display:none}.wb-ugc-grid__item{flex:0 0 var(--wbug-item-w-m);max-width:var(--wbug-item-w-m);display:flex;flex-direction:column;gap:12px}.wb-ugc-grid__media{position:relative;aspect-ratio:var(--wbug-ratio-m);background:var(--wbug-media-bg);overflow:hidden;border-radius:var(--wbug-media-radius);border:1px solid color-mix(in srgb,var(--wbug-border) calc(var(--wbug-border-opacity) * 100%),transparent)}.wb-ugc-grid__video,.wb-ugc-grid__thumb{width:100%;height:100%;object-fit:cover;object-position:var(--wbug-object-x) var(--wbug-object-y);display:block}.wb-ugc-grid__sound{position:absolute;bottom:14px;right:14px;width:36px;height:36px;border-radius:var(--wbug-button-radius);background:#00000073;border:1px solid rgba(255,255,255,.24);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;padding:0}.wb-ugc-grid__sound svg{width:15px;height:15px;pointer-events:none}.wb-ugc-grid__sound-on,.wb-ugc-grid__sound.is-on .wb-ugc-grid__sound-off{display:none}.wb-ugc-grid__sound.is-on .wb-ugc-grid__sound-on{display:block}.wb-ugc-grid__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:3;padding:0}.wb-ugc-grid__play svg{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.wb-ugc-grid__caption{display:flex;flex-direction:column;gap:4px;padding:0 2px}.wb-ugc-grid__title{font-family:var(--wbug-font-title);font-size:var(--wbug-fs-title);font-weight:500;text-transform:uppercase;letter-spacing:.08em;line-height:1.18;color:var(--wbug-text)}.wb-ugc-grid__sub{font-family:var(--wbug-font-text);font-size:var(--wbug-fs-sub);color:var(--wbug-muted);line-height:1.36;letter-spacing:.01em}.wb-ugc-grid__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}.wb-ugc-grid__lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.wb-ugc-grid__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--wbug-overlay);opacity:.92}.wb-ugc-grid__lightbox-inner{position:relative;z-index:1;width:90vw;max-width:var(--wbug-lightbox-width);display:flex;flex-direction:column;align-items:flex-end;gap:12px}.wb-ugc-grid__lightbox-close{width:36px;height:36px;border-radius:var(--wbug-button-radius);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.wb-ugc-grid__lightbox-close svg{width:16px;height:16px}.wb-ugc-grid__lightbox-video{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block;background:#000;border-radius:var(--wbug-radius)}@media(min-width:769px){.wb-ugc-grid{padding-top:var(--wbug-pt-d);padding-bottom:var(--wbug-pb-d)}.wb-ugc-grid__heading{padding:0 var(--wbug-inner-d)}.wb-ugc-grid__track{overflow-x:visible;justify-content:center;padding:0 var(--wbug-inner-d);width:100%}.wb-ugc-grid__track[data-count="1"] .wb-ugc-grid__item{width:min(100%,420px);max-width:420px;flex:none}.wb-ugc-grid__track[data-count="2"] .wb-ugc-grid__item{width:calc(50% - var(--wbug-gap));max-width:none;flex:none}.wb-ugc-grid__track[data-count="3"] .wb-ugc-grid__item{width:calc(33.333% - var(--wbug-gap));max-width:none;flex:none}.wb-ugc-grid__track[data-count="4"] .wb-ugc-grid__item{width:calc(25% - var(--wbug-gap));max-width:none;flex:none}.wb-ugc-grid__track[data-count="5"] .wb-ugc-grid__item{width:calc(20% - var(--wbug-gap));max-width:none;flex:none}.wb-ugc-grid__media{aspect-ratio:var(--wbug-ratio-d)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wb-block-ugc-grid.css.map */