@layer core.atoms{@property --this-grid-spacing{syntax: "*"; inherits: false;}@property --this-grid-col-min-width{syntax: "*"; inherits: false;}@property --this-grid-cols{syntax: "*"; inherits: false;}.phxsg-grid{container-name:grid;container-type:inline-size}.phxsg-grid__items{--_comp-grid-spacing: var(--this-grid-spacing, var(--comp-grid-spacing));--_comp-grid-col-min-width: var(--this-grid-col-min-width, var(--comp-grid-col-min-width, 250px));--_comp-grid-cols: var(--this-grid-cols, var(--comp-grid-cols, auto-fit));display:grid;gap:var(--_comp-grid-spacing);grid-template-columns:repeat(var(--_comp-grid-cols),minmax(min(var(--_comp-grid-col-min-width),100%),1fr))}.phxsg-grid--spacing-1{--this-grid-spacing: var(--sys-spacing-1)}.phxsg-grid--spacing-2{--this-grid-spacing: var(--sys-spacing-2)}.phxsg-grid--spacing-3{--this-grid-spacing: var(--sys-spacing-3)}.phxsg-grid--spacing-4{--this-grid-spacing: var(--sys-spacing-4)}.phxsg-grid--spacing-5{--this-grid-spacing: var(--sys-spacing-5)}.phxsg-grid--spacing-6{--this-grid-spacing: var(--sys-spacing-6)}.phxsg-grid--spacing-8{--this-grid-spacing: var(--sys-spacing-8)}.phxsg-grid--spacing-10{--this-grid-spacing: var(--sys-spacing-10)}.phxsg-grid--spacing-14{--this-grid-spacing: var(--sys-spacing-14)}.phxsg-grid--spacing-18{--this-grid-spacing: var(--sys-spacing-18)}}