@radix-ui/themes/src/components/section.css

[](https://radix-ui.com/themes)

.rt-Section {
  box-sizing: border-box;
  flex-shrink: 0;
}

@breakpoints {
  .rt-Section {
    &:where(.rt-r-size-1) {
      padding-top: var(--space-5);
      padding-bottom: var(--space-5);
    }
    &:where(.rt-r-size-2) {
      padding-top: var(--space-7);
      padding-bottom: var(--space-7);
    }
    &:where(.rt-r-size-3) {
      padding-top: var(--space-9);
      padding-bottom: var(--space-9);
    }
    &:where(.rt-r-size-4) {
      padding-top: calc(80px * var(--scaling));
      padding-bottom: calc(80px * var(--scaling));
    }
  }
}