.multi-row-header-example{height:100%;min-height:420px}.multi-row-header-example--dark{background:#191919}.multi-row-header-example revo-grid{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:400px;overflow:hidden}.multi-row-header-example revo-grid[theme=material].multi-row-header,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header{--revo-grid-header-bg:#f8fafc;--revo-grid-header-color:#334155;--revo-grid-header-border:#e2e8f0;--revo-grid-cell-border:#edf2f7;--multi-row-header-row-height:28px;--row-odd-background-color:#f8fafc;--row-stripe-hover-background-color:#f1f5f9;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.multi-row-header-example revo-grid[theme=material].multi-row-header revogr-header,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header revogr-header{line-height:28px}.multi-row-header-example revo-grid[theme=material].multi-row-header .header-rgRow,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .header-rgRow{height:28px!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;box-shadow:-1px 0 0 0 var(--revo-grid-header-border) inset, 0 -1px 0 0 var(--revo-grid-header-border) inset!important;padding:0 10px!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell[multi-row-header-leaf],.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell[multi-row-header-leaf]{align-items:center;font-weight:500;color:#0f172a!important;box-shadow:-1px 0 0 0 var(--revo-grid-header-border) inset, 0 -1px 0 0 var(--revo-grid-header-border) inset, 0 1px 0 0 var(--revo-grid-header-border) inset!important;background-color:#fff!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell[multi-row-header-group],.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell[multi-row-header-group]{font-weight:500;color:#475569!important;box-shadow:-1px 0 0 0 var(--revo-grid-header-border) inset, 0 -1px 0 0 var(--revo-grid-header-border) inset, 0 1px 0 0 var(--revo-grid-header-border) inset!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell .header-content,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell .header-content{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell:hover .rv-filter,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell:hover .rv-filter,.multi-row-header-example revo-grid[theme=material].multi-row-header .rv-filter.active,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rv-filter.active{opacity:1}.multi-row-header-example revo-grid[theme=material].multi-row-header revogr-data .rgCell,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header revogr-data .rgCell{box-shadow:-1px 0 0 0 var(--revo-grid-cell-border) inset, 0 -1px 0 0 var(--revo-grid-cell-border) inset!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rv-filter,.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rv-filter{visibility:visible;opacity:.55;transform:scale(.88)}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell.multi-row-header-band-green{color:#166534!important;background-color:#ecfdf5!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell.multi-row-header-band-blue{color:#1d4ed8!important;background-color:#eff6ff!important}.multi-row-header-example revo-grid[theme=material].multi-row-header .rgHeaderCell.multi-row-header-band-muted{color:#334155!important;background-color:#f8fafc!important}.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header{--revo-grid-header-bg:#1f2937;--revo-grid-header-color:#e5e7eb;--revo-grid-header-border:#374151;--revo-grid-cell-border:#303946;--row-odd-background-color:#1f2937;--row-even-background-color:transparent;--row-stripe-hover-background-color:#273244;color:#e5e7eb;background:#111827;border-color:#374151}.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell[multi-row-header-leaf]{color:#f8fafc!important;background-color:#111827!important}.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell.multi-row-header-band-green{color:#bbf7d0!important;background-color:#123225!important}.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell.multi-row-header-band-blue{color:#bfdbfe!important;background-color:#172554!important}.multi-row-header-example revo-grid[theme=darkMaterial].multi-row-header .rgHeaderCell.multi-row-header-band-muted{color:#e5e7eb!important;background-color:#1f2937!important}