.page-section{}.section-inner{width:100%}.page-section[data-palette]{width:100vw;margin-left:calc(50% - 50vw);color:var(--col-on-bg);background-color:var(--col-bg)}.page-section[data-palette]>.section-inner{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-padding)}.page-section--surface-1{background:var(--col-surface-1);border:var(--elv-border-1);border-radius:var(--ref-radius-lg);padding:var(--spc-block)var(--spc-inner-lg)}.page-section--surface-2{background:var(--col-surface-2);border:var(--elv-border-1);border-radius:var(--ref-radius-lg);padding:var(--spc-block)var(--spc-inner-lg)}.page-section--surface-3{background:var(--col-surface-3);border:var(--elv-border-2);border-radius:var(--ref-radius-lg);padding:var(--spc-block)var(--spc-inner-lg)}.page-section--tinted{background:var(--col-surface-tinted);border:var(--elv-border-1);border-radius:var(--ref-radius-lg);padding:var(--spc-block)var(--spc-inner-lg)}.page-section--spacing-sm{padding-top:var(--spc-section-sm);padding-bottom:var(--spc-section-sm)}.page-section--spacing-lg{padding-top:var(--spc-section-lg);padding-bottom:var(--spc-section-lg)}@media(max-width:768px){.page-section--surface-1,.page-section--surface-2,.page-section--surface-3,.page-section--tinted{padding:var(--spc-stack)var(--spc-inner);border-radius:var(--ref-radius-md)}}