@layer core.atoms{@property --this-center-spacing{syntax: "*"; inherits: false;}@property --this-center-sizing{syntax: "*"; inherits: false;}.phxsg-center{--_comp-center-spacing: var(--this-center-spacing, var(--comp-center-spacing));--_comp-center-sizing: var(--this-center-sizing, var(--comp-center-sizing, var(--sys-layout-measure)));box-sizing:content-box;margin-inline:auto;max-inline-size:var(--_comp-center-sizing);padding-inline:var(--_comp-center-spacing);width:100%;flex:0 0 auto;&[class*=phxsg-center--spacing-]{width:auto;max-width:calc(var(--_comp-center-sizing) - calc(2 * var(--_comp-center-spacing)))}}.phxsg-center--intrinsic{display:flex;flex-direction:column;align-items:center}.phxsg-center--and-text{text-align:center}.phxsg-center--spacing-1{--this-center-spacing: var(--sys-spacing-1)}.phxsg-center--spacing-2{--this-center-spacing: var(--sys-spacing-2)}.phxsg-center--spacing-3{--this-center-spacing: var(--sys-spacing-3)}.phxsg-center--spacing-4{--this-center-spacing: var(--sys-spacing-4)}.phxsg-center--spacing-5{--this-center-spacing: var(--sys-spacing-5)}.phxsg-center--spacing-6{--this-center-spacing: var(--sys-spacing-6)}.phxsg-center--spacing-8{--this-center-spacing: var(--sys-spacing-8)}.phxsg-center--spacing-10{--this-center-spacing: var(--sys-spacing-10)}.phxsg-center--spacing-14{--this-center-spacing: var(--sys-spacing-14)}.phxsg-center--spacing-18{--this-center-spacing: var(--sys-spacing-18)}.phxsg-center--sizing-xs{--this-center-sizing: calc(var(--sys-layout-measure) * .5)}.phxsg-center--sizing-sm{--this-center-sizing: calc(var(--sys-layout-measure) * (2 / 3))}.phxsg-center--sizing-md{--this-center-sizing: var(--sys-layout-measure)}.phxsg-center--sizing-lg{--this-center-sizing: calc(var(--sys-layout-measure) * (4 / 3))}.phxsg-center--sizing-xl{--this-center-sizing: calc(var(--sys-layout-measure) * (5 / 3))}.phxsg-center--sizing-2xl{--this-center-sizing: calc(var(--sys-layout-measure) * (9 / 3))}.phxsg-center--sizing-3xl{--this-center-sizing: calc(var(--sys-layout-measure) * (14 / 3))}}