@layer atoms{.phxsg-section{--_comp-section-spacing-top: var(--this-section-spacing-top, var(--comp-section-spacing));--_comp-section-spacing-bottom: var(--this-section-spacing-bottom, var(--comp-section-spacing));--_comp-section-background: var( --this-section-background, var(--comp-section-background, var(--sys-color-background)) );--_comp-section-color: var(--this-section-color, var(--comp-section-color, var(--sys-color-foreground)));padding-block:var(--_comp-section-spacing-top) var(--_comp-section-spacing-bottom);position:relative;color:var(--_comp-section-color);background:var(--_comp-section-background);&.phxsg-theme-blue-textured{--sys-color-background: var(--ref-color-blue-95);--sys-color-foreground: var(--ref-color-neutral-100);&:before,&:after{content:"";position:absolute;inset:0}&:after{backdrop-filter:blur(1px);mask-image:linear-gradient(130deg,rgb(0 0 0 / 100%) 0%,transparent 50%)}&:before{background:linear-gradient(130deg,rgb(0 0 0 / 25%) 0%,transparent 25%)}.phxsg-section__texture{position:absolute;inset:0;opacity:.9;mix-blend-mode:color-dodge;pointer-events:none}.phxsg-section__texture~*{position:relative;z-index:2}}}.phxsg-section--spacing-sm{--this-section-spacing-top: var(--sys-spacing-4);--this-section-spacing-bottom: var(--sys-spacing-4);@media screen and (min-width: 768px){--this-section-spacing-top: var(--sys-spacing-8);--this-section-spacing-bottom: var(--sys-spacing-8)}}.phxsg-section--spacing-md{--this-section-spacing-top: var(--sys-spacing-4);--this-section-spacing-bottom: var(--sys-spacing-4);@media screen and (min-width: 768px){--this-section-spacing-top: var(--sys-spacing-14);--this-section-spacing-bottom: var(--sys-spacing-14)}}.phxsg-section--spacing-lg{--this-section-spacing-top: var(--sys-spacing-14);--this-section-spacing-bottom: var(--sys-spacing-14);@media screen and (min-width: 768px){--this-section-spacing-top: var(--sys-spacing-24);--this-section-spacing-bottom: var(--sys-spacing-24)}}}