/*******************************/
/* New section property styles */
/*******************************/
section > div {
  /* Standard color pallete colors */
  .lightest {
    background-color: #ffffff;
  }
  .lighter {
    background-color: #f2f2f2;
  }
  .light {
    background-color: #e0e0e0;
  }
  .dark {
    background-color: #383838;
  }
  .darker {
    background-color: #1f1f1f;
  }
  .darkest {
    background-color: #151515;
  }
  /* Extended color palette colors */
  &[color-palette="lightest"][data-rh-theme*="extended_colors"],
  .lightest.extended_colors {
      background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  }
  &[color-palette="lighter"][data-rh-theme*="extended_colors"],
  .lighter.extended_colors {
      background-color: #FFF;
      background-image: linear-gradient(180deg,rgba(255, 255, 255, 1) 70%, #FEF0F0 100%);
  }
  &[color-palette="light"][data-rh-theme*="extended_colors"],
  .light.extended_colors {
      background-color: #FEF0F0;
  }
  &[color-palette="dark"][data-rh-theme*="extended_colors"],
  .dark.extended_colors {
      background-color: #1B0D33;
  }
  &[color-palette="darker"][data-rh-theme*="extended_colors"],
  .darker.extended_colors {
      background-color: #1B0D33;
      background-image: linear-gradient(180deg,rgba(27, 13, 51, 1) 0%, rgba(000, 000, 000, 1) 100%);
  }
  &[color-palette="darkest"][data-rh-theme*="extended_colors"],
  .darkest.extended_colors {
      background-image: linear-gradient(180deg, rgba(21, 21, 21, 1) 0%, rgba(000, 000, 000, 1) 100%);
  }
  /* Extended inverted color palette colors */
  &[color-palette="lightest"][data-rh-theme*="extended_colors_inverted"],
  .lightest.extended_colors_inverted {
      background-image: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  }
  &[color-palette="lighter"][data-rh-theme*="extended_colors_inverted"],
  .lighter.extended_colors_inverted {
      background-color: #FFF;
      background-image: linear-gradient(0deg,rgba(255, 255, 255, 1) 70%, #FEF0F0 100%);
  }
  &[color-palette="light"][data-rh-theme*="extended_colors_inverted"],
  .light.extended_colors_inverted {
      background-color: #FEF0F0;
  }
  &[color-palette="dark"][data-rh-theme*="extended_colors_inverted"],
  .dark.extended_colors_inverted {
      background-color: #1B0D33;
  }
  &[color-palette="darker"][data-rh-theme*="extended_colors_inverted"],
  .darker.extended_colors_inverted {
      background-color: #1B0D33;
      background-image: linear-gradient(0deg,rgba(27, 13, 51, 1) 0%, rgba(000, 000, 000, 1) 100%);
  }
  &[color-palette="darkest"][data-rh-theme*="extended_colors_inverted"],
  .darkest.extended_colors_inverted {
      background-image: linear-gradient(0deg, rgba(21, 21, 21, 1) 0%, rgba(000, 000, 000, 1) 100%);
  }
  /* Glass pane */
  &[color-palette*="light"][data-rh-theme*="glass_pane"],
  .glass_pane[class*="light"] {
      background-color: rgba(255, 255, 255, 0.30);
      backdrop-filter: blur(10px);
  }
  &[color-palette*="dark"][data-rh-theme*="glass_pane"],
  .glass_pane[class*="dark"] {
      background-color: rgba(255, 255, 255, 0.10);
      backdrop-filter: blur(10px);
  }
  /* Border radius */
  /* Support felt preview if it's enabled. */
  .corner-radius-default {
      border-radius: var(
          --felt-preview-border-radius-default,
          3px
      ) !important;
  }
  .corner-radius-small {
      border-radius: var(
          --felt-preview-border-radius-default,
          10px
      ) !important;
  }
  .corner-radius-large {
      border-radius: 30px !important;
  }
}