@layer core.atoms{@property --this-box-border-style{syntax: "*"; inherits: false;}@property --this-box-border-width{syntax: "*"; inherits: false;}@property --this-box-spacing-top{syntax: "*"; inherits: false;}@property --this-box-spacing-right{syntax: "*"; inherits: false;}@property --this-box-spacing-bottom{syntax: "*"; inherits: false;}@property --this-box-spacing-left{syntax: "*"; inherits: false;}.phxsg-box{--_comp-box-spacing-top: var(--this-box-spacing-top, var(--comp-box-spacing-top));--_comp-box-spacing-bottom: var(--this-box-spacing-bottom, var(--comp-box-spacing-bottom));--_comp-box-spacing-left: var(--this-box-spacing-left, var(--comp-box-spacing-left));--_comp-box-spacing-right: var(--this-box-spacing-right, var(--comp-box-spacing-right));padding-block:var(--_comp-box-spacing-top) var(--_comp-box-spacing-bottom);padding-inline:var(--_comp-box-spacing-left) var(--_comp-box-spacing-right);color:var(--sys-color-foreground)}.phxsg-box--solid{background:var(--sys-color-background);&.phxsg-box--inverted{color:var(--sys-color-background);background:var(--sys-color-foreground)}}.phxsg-box[class*=border]{--_comp-box-border-style: var(--this-box-border-style, var(--comp-box-border-style, solid));--_comp-box-border-width: var(--this-box-border-width, var(--comp-box-border-width, 1px));border-color:var(--sys-color-outline);border-style:var(--_comp-box-border-style)}.phxsg-box--border{border-width:var(--_comp-box-border-width)}.phxsg-box--border-block{border-block-width:var(--_comp-box-border-width)}.phxsg-box--border-block-start{border-block-start-width:var(--_comp-box-border-width)}.phxsg-box--border-block-end{border-block-end-width:var(--_comp-box-border-width)}.phxsg-box--border-inline{border-inline-width:var(--_comp-box-border-width)}.phxsg-box--border-inline-start{border-inline-start-width:var(--_comp-box-border-width)}.phxsg-box--border-inline-end{border-inline-end-width:var(--_comp-box-border-width)}.phxsg-box--spacing-1{--this-box-spacing-top: var(--sys-spacing-1);--this-box-spacing-bottom: var(--sys-spacing-1);--this-box-spacing-left: var(--sys-spacing-1);--this-box-spacing-right: var(--sys-spacing-1)}.phxsg-box--spacing-2{--this-box-spacing-top: var(--sys-spacing-2);--this-box-spacing-bottom: var(--sys-spacing-2);--this-box-spacing-left: var(--sys-spacing-2);--this-box-spacing-right: var(--sys-spacing-2)}.phxsg-box--spacing-3{--this-box-spacing-top: var(--sys-spacing-3);--this-box-spacing-bottom: var(--sys-spacing-3);--this-box-spacing-left: var(--sys-spacing-3);--this-box-spacing-right: var(--sys-spacing-3)}.phxsg-box--spacing-4{--this-box-spacing-top: var(--sys-spacing-4);--this-box-spacing-bottom: var(--sys-spacing-4);--this-box-spacing-left: var(--sys-spacing-4);--this-box-spacing-right: var(--sys-spacing-4)}.phxsg-box--spacing-5{--this-box-spacing-top: var(--sys-spacing-5);--this-box-spacing-bottom: var(--sys-spacing-5);--this-box-spacing-left: var(--sys-spacing-5);--this-box-spacing-right: var(--sys-spacing-5)}.phxsg-box--spacing-6{--this-box-spacing-top: var(--sys-spacing-6);--this-box-spacing-bottom: var(--sys-spacing-6);--this-box-spacing-left: var(--sys-spacing-6);--this-box-spacing-right: var(--sys-spacing-6)}.phxsg-box--spacing-8{--this-box-spacing-top: var(--sys-spacing-8);--this-box-spacing-bottom: var(--sys-spacing-8);--this-box-spacing-left: var(--sys-spacing-8);--this-box-spacing-right: var(--sys-spacing-8)}.phxsg-box--spacing-10{--this-box-spacing-top: var(--sys-spacing-10);--this-box-spacing-bottom: var(--sys-spacing-10);--this-box-spacing-left: var(--sys-spacing-10);--this-box-spacing-right: var(--sys-spacing-10)}.phxsg-box--spacing-14{--this-box-spacing-top: var(--sys-spacing-14);--this-box-spacing-bottom: var(--sys-spacing-14);--this-box-spacing-left: var(--sys-spacing-14);--this-box-spacing-right: var(--sys-spacing-14)}.phxsg-box--spacing-18{--this-box-spacing-top: var(--sys-spacing-18);--this-box-spacing-bottom: var(--sys-spacing-18);--this-box-spacing-left: var(--sys-spacing-18);--this-box-spacing-right: var(--sys-spacing-18)}}