@scope(.ui-grid)to ([data-hn]){:scope:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-4);--_grid-min:12rem;--_grid-shade-surface:color-mix(in oklab,var(--ui-text) 8%,transparent);display:grid!important;gap:var(--ui-grid-gap,var(--_grid-gap))!important;grid-template-columns:repeat(auto-fit,minmax(min(max(var(--ui-grid-min,var(--_grid-min)),calc((100% - (max(1,var(--_grid-column-cap, 9999)) - 1)*var(--ui-grid-gap, var(--_grid-gap)))/max(1,var(--_grid-column-cap, 9999)))),100%),1fr));margin:0!important;max-inline-size:100%;min-inline-size:0}:scope[data-ui-grid-state~="gap=xs"]:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-2)}:scope[data-ui-grid-state~=fixed]:where([data-hn-ui-grid]){grid-template-columns:repeat(max(1,var(--_grid-column-cap,1)),minmax(0,1fr))!important}:scope[data-shaded]:where([data-hn-ui-grid]){isolation:isolate;position:relative!important}:scope[data-ui-grid-state~="shadeTone=accent"]:where([data-hn-ui-grid]){--_grid-shade-surface:color-mix(in oklab,var(--ui-accent-subtle-text) 12%,transparent)}.column-shade:where([data-hn-ui-grid]){background-color:var(--ui-grid-shade-surface,var(--_grid-shade-surface));grid-column:var(--_grid-shaded-column) /span 1!important;inset:0!important;pointer-events:none;position:absolute!important;z-index:-1}.selection-band:where([data-hn-ui-grid]){background:var( --ui-grid-selection-surface,light-dark(color-mix(in oklab,var(--ui-selection-border) 80%,var(--ui-selection-surface)),color-mix(in oklab,var(--ui-selection-border) 28%,var(--ui-selection-surface))) );border-radius:var(--ui-radius-round);grid-column:var(--_grid-selection-start) /var(--_grid-selection-end)!important;inset:var(--ui-grid-selection-inset,var(--ui-space-1))!important;pointer-events:none;position:absolute!important;z-index:-1}:scope[data-ui-grid-state~="gap=none"]:where([data-hn-ui-grid]){--_grid-gap:0px}:scope[data-ui-grid-state~="gap=s"]:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-3)}:scope[data-ui-grid-state~="gap=m"]:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-4)}:scope[data-ui-grid-state~="gap=l"]:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-5)}:scope[data-ui-grid-state~="gap=xl"]:where([data-hn-ui-grid]){--_grid-gap:var(--ui-space-6)}:scope[data-ui-grid-state~="min=md"]:where([data-hn-ui-grid]){--_grid-min:16rem}:scope[data-ui-grid-state~="min=lg"]:where([data-hn-ui-grid]){--_grid-min:20rem}:scope[hidden]:where([data-hn-ui-grid]){display:none!important}}