.content-grid { --full: minmax(var(--fw-gutter), 1fr); padding-inline: 0; column-gap: 0 !important; display: grid !important; grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--fw-feature-max-width, 100px)) [feature-start] minmax(0, var(--fw-feature-width, 50px)) [content-start] min(var(--fw-content-width), 100% - var(--fw-gutter) * 2) [content-end] minmax(0, var(--fw-feature-width, 50px)) [feature-end] minmax(0, var(--fw-feature-max-width, 100px)) [feature-max-end] var(--full) [full-end]; } .content--feature { grid-column: feature; } .content--feature-max { grid-column: feature-max; } .content--full { grid-column: full; } .content--full-safe { grid-column: full; padding-inline: var(--fw-gutter); } .content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) { width: 100%; } .content-grid > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) { grid-column: content; } :is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) { width: 100% !important; max-width: 100%; } .brx-popup-content { width:max-content !important; background: transparent; }