:root {
  --layouts-padding: 1.25rem;
  --layouts-vertical-padding: 1rem;
  --width-default: 102rem;
  --width-large: calc(var(--width-default) / 12*10);
  --width-medium: calc(var(--width-default) / 12*8);
  --width-small: calc(var(--width-default) / 12*6);
}

.bg_primary {
  background-color: transparent;
}

.bg_secondary {
  background-color: rgb(196 181 253);
}

.bg_accent {
  background-color: rgb(110 231 183);
}

.bg_neutral {
  background-color: rgb(203 213 225);
}

/*.bg_soft {*/
/*  background-color: primary;*/
/*  background-image: url("../images/snowflakes.svg");*/
/*}*/

/*.bg_hard {*/
/*  background-color: primary-blue;*/
/*  background-image: url("../images/mountines.svg");*/
/*}*/

.uag_layout_section {
  max-width: var(--width-default);
  margin: 0 auto;
  padding: var(--layouts-vertical-padding) var(--layouts-padding);
  box-sizing: content-box !important;
}

.uag_layout_section_full {
  /*max-width: var(--width-default);*/
  /*width: 100%;*/
  margin: 0;
  padding: 0;
  box-sizing: content-box !important;
}

.width_full .uag_layout_section_full {
  max-width: 100%;
}

.width_large .uag_layout_section {
  max-width: var(--width-large);
}

.width_medium .uag_layout_section {
  max-width: var(--width-medium);
}

.width_small .uag_layout_section {
  max-width: var(--width-small);
}

.layout__region--top,
.layout__region--bottom {
  display: none;
}

.top_region .layout__region--top,
.bottom_region .layout__region--bottom {
  display: block;
}