.community-grid{--community-grid-copy-max: 780px;--community-grid-card-max: 736px;--community-grid-photo-duration: 3s;--community-grid-segment-blur: 8px;display:block;padding-block:var(--space-x16) var(--space-x9);background:var(--bg-primary)}.community-grid__inner{display:flex;flex-direction:column;gap:var(--space-x8)}.community-grid__top{display:flex;flex-direction:column;align-items:center;gap:var(--space-x4);text-align:center}.community-grid__copy{display:flex;flex-direction:column;gap:var(--space-x4)}.community-grid__eyebrow{margin:0;text-transform:uppercase;color:var(--text-secondary)}.community-grid__title{margin:0;color:var(--text-primary)}.community-grid__subheading{margin:0;color:var(--text-secondary)}.community-grid__viewport{position:relative;inline-size:100%;max-inline-size:var(--community-grid-card-max);margin-inline:auto}.community-grid__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.community-grid__track::-webkit-scrollbar{display:none}.community-grid__track:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.community-grid__tile{position:relative;flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:736 / 987;border-radius:var(--radius-x2);background:var(--bg-secondary);overflow:hidden}.community-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.community-grid__video{opacity:0;pointer-events:none}.community-grid__tile[data-media-started] .community-grid__video{opacity:1}.community-grid__tile[data-media-failed] .community-grid__video,.community-grid__tile[data-media-failed] .community-grid__toggle--tile{display:none}.community-grid__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,var(--bg-scrim-media-top),var(--bg-scrim-media-bottom) 50%)}.community-grid__toggle{position:absolute;z-index:1;inset-block-end:var(--space-x6);inset-inline-start:var(--space-x6);display:flex}.community-grid__toggle--tile{display:none}.community-grid__toggle--carousel{--space-x10: var(--space-x12);top:0;right:0;bottom:0;left:0;inline-size:fit-content;block-size:fit-content;margin:auto;visibility:hidden}.community-grid[data-user-paused] .community-grid__toggle--carousel{visibility:visible}.community-grid__toggle--carousel:has(:focus-visible){visibility:visible}.community-grid__progress{position:absolute;inset-block-start:var(--space-x4);inset-inline:var(--space-x4);display:flex;gap:var(--space-x1);pointer-events:none}.community-grid__segment{position:relative;flex:1 1 0;block-size:var(--space-x0-5);border-radius:var(--radius-circle);background:var(--bg-track);-webkit-backdrop-filter:blur(var(--community-grid-segment-blur));backdrop-filter:blur(var(--community-grid-segment-blur));overflow:hidden}.community-grid__segment:before,.community-grid__segment:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:100%;border-radius:inherit;background:var(--bg-primary);transform:scaleX(0);transform-origin:left}[dir=rtl] .community-grid__segment:before,[dir=rtl] .community-grid__segment:after{transform-origin:right}.community-grid__segment[data-state=done]:after{transform:scaleX(1)}.community-grid__segment[data-state=active]:after{animation:community-grid-progress var(--community-grid-slide-duration, var(--community-grid-photo-duration)) linear forwards}.community-grid[data-paused] .community-grid__segment[data-state=active]:after{animation-play-state:paused}.community-grid[data-holding] .community-grid__segment[data-state=active]:before{transform:scaleX(1)}.community-grid[data-holding] .community-grid__segment[data-state=active]:after{opacity:0}@keyframes community-grid-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.community-grid__segment[data-state=active]:after{animation:none;transform:scaleX(1)}.community-grid__track{scroll-behavior:auto}.community-grid__toggle--carousel{display:none}}@media(min-width:1200px){.community-grid{padding-block:var(--space-x24)}.community-grid__inner{gap:var(--space-x12)}.community-grid__top{gap:var(--space-x8)}.community-grid__copy{gap:var(--space-x6);max-inline-size:var(--community-grid-copy-max)}.community-grid__viewport{max-inline-size:none}.community-grid__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-x4);overflow:visible}.community-grid__tile{grid-column:span 2;aspect-ratio:368 / 512}.community-grid__tile:nth-child(8n+4),.community-grid__tile:nth-child(8n+5){grid-column:span 3;aspect-ratio:560 / 780}.community-grid__tile:after,.community-grid__progress,.community-grid__toggle--carousel{display:none}.community-grid__toggle--tile{display:flex}}@media(min-width:1800px){.community-grid__track{grid-template-columns:repeat(4,minmax(0,1fr))}.community-grid__tile,.community-grid__tile:nth-child(8n+4),.community-grid__tile:nth-child(8n+5){grid-column:span 1;aspect-ratio:422 / 600}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-community-grid.css.map */