.grid-stage{width:1400px;max-width:100%;min-width:0;padding:0;--card-grid-gap:20px}.card-grid{display:grid;grid-template-columns:repeat(var(--visible-columns,4),minmax(0,1fr))}.card-grid>*,.card-carousel .slider-slide>*{width:100%;height:100%;min-width:0}.card-carousel .slider-track{gap:var(--card-grid-gap);transform:none!important;transition:none}.card-carousel .slider-slide{flex:0 0 calc((100% - (var(--visible-columns,4) - 1)*var(--card-grid-gap))/var(--visible-columns,4))}.card-carousel .slide-place{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.card-carousel .slide-place::-webkit-scrollbar{display:none}.card-carousel .slider-slide{scroll-snap-align:start}.card-carousel .control:disabled{opacity:.35;cursor:default}.grid-stage .slider-dots-wr[hidden]{display:none}

.widget-tools .grid-slider-setting[hidden]{display:none}

.card-carousel .slide-place{cursor:grab;overscroll-behavior-x:contain}
.card-carousel .slide-place.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.card-carousel .slide-place.is-dragging *{user-select:none;cursor:grabbing}

.grid-stage{container:card-grid-stage / inline-size}
.mixed-grid{display:grid}
.mixed-grid-group{grid-template-rows:repeat(2,auto)}
.mixed-grid-group>.grid-featured{grid-column:span 2;grid-row:span 2}
.mixed-grid-group[data-side=left]>.grid-featured{grid-column:1 / span 2;grid-row:1 / span 2}
.mixed-grid-group[data-side=right][data-columns="4"]>.grid-featured{grid-column:3 / span 2;grid-row:1 / span 2}
.mixed-grid-group[data-side=right][data-columns="3"]>.grid-featured{grid-column:2 / span 2;grid-row:1 / span 2}
@container card-grid-stage (max-width:991px){
 .mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
 .mixed-grid-group{display:contents}
 .mixed-grid .mixed-grid-group>.grid-featured.grid-featured{grid-column:1 / -1;grid-row:span 2}
}
@container card-grid-stage (max-width:767px){
 .mixed-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .mixed-grid .mixed-grid-group>.grid-featured.grid-featured{grid-column:auto;grid-row:auto}
}

/* Foundation text layouts hug their content; card grids retain equal-height items. */
.layout-grid{display:grid;grid-template-columns:repeat(var(--visible-columns,2),minmax(0,1fr));align-items:start}.layout-grid>*{min-width:0}.layout-grid.flx-h-bottom{align-items:end}