html,
body {
  background-color: #F0F3F8;
  font-family: "NunitoSans", Arial, sans-serif;
  font-size: 16px;
  height: 100%;
  width: 100%;
}
@media (max-width: 1440px) {
  html,
  body {
    font-size: 14px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:focus {
  box-shadow: none !important;
  outline: none !important;
}

a:hover {
  cursor: pointer;
}

button,
input {
  font-family: "NunitoSans";
}

@media (min-width: 1199px) {
  .col-lg-1-5 {
    flex: 0 0 12.44449%;
    max-width: 12.44449%;
  }
  .col-lg-10-5 {
    flex: 0 0 87.55551%;
    max-width: 87.55551%;
  }
}
.btn-menu {
  border: #C1CADC;
  border-radius: 0.3125rem;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  height: 1.625rem;
  width: 1.625rem;
}
.btn-menu:hover {
  background-color: #A6AFC2;
}
.btn-menu-icon {
  line-height: inherit;
  text-align: center;
  width: 100%;
}

.ui-dropdown .ui-dropdown-panel {
  border: 1px solid #0081D3;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
  padding: 0.5rem 0;
}

.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
  background-color: #C1CADC;
  color: #373737;
}
.ui-dropdown-panel .ui-dropdown-item {
  margin: 0;
}

.ui-state-placeholder .ui-dropdown:not(.ui-state-focus) .ui-dropdown-label {
  background: rgba(255, 255, 255, 0.3);
  color: #969696;
  font-style: italic;
}

.ui-dropdown {
  border: 0;
}
.ui-dropdown .ui-dropdown-trigger {
  align-items: center;
  background: #808EA9;
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  display: flex;
  font-size: 0.875rem;
  height: 100%;
  justify-content: center;
  width: 2.125rem;
}
.ui-dropdown .ui-dropdown-trigger .fa.fa-angle-down {
  color: white;
  display: inline-block;
  font-size: 1.125rem;
  margin: 0;
  vertical-align: middle;
}
.ui-dropdown .ui-dropdown-label {
  border: 1px solid #808EA9;
  border-radius: 0.3125rem;
  padding: 0.53125rem 1.25rem 0.53125rem 0.75rem;
}
.ui-dropdown.ui-state-focus .ui-dropdown-label {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.ui-dropdown.ui-state-focus .ui-dropdown-label.ui-inputtext {
  border: 1px solid #0081D3;
}
.ui-dropdown.ui-state-focus .ui-dropdown-trigger {
  background: #0081D3;
}
.ui-dropdown.ui-state-focus .ui-dropdown-trigger .fa {
  background-color: #0081D3;
  color: white;
  transform: rotateX(180deg) !important;
}
.ui-dropdown.ui-dropdown-open:not(.ui-dropdown-floating) .ui-dropdown-label {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  background-color: white;
  border-color: #808EA9;
  color: #373737;
}
.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger {
  background-color: #0081D3;
  border-color: #0081D3;
  color: white;
}
.ui-dropdown.ui-dropdown-open .ui-dropdown-trigger .fa {
  background-color: #0081D3;
  color: white;
  transform: rotateX(180deg);
}

.ui-corner-all {
  border-radius: 0.3125rem;
}

body .ui-dropdown:not(.ui-state-disabled):hover {
  background-color: white;
  border-color: #6D7584;
}
body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  border-bottom-left-radius: 0.3125rem;
  border-color: #0081D3;
  border-top-left-radius: 0.3125rem;
  color: #808EA9;
}
body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger {
  background-color: #0081D3;
}

body .ui-dropdown.ui-state-focus .ui-dropdown-label,
body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  border-radius: 0.3125rem;
}

body .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger,
body .ui-dropdown.ui-state-focus .ui-dropdown-trigger {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):hover {
  background-color: #D8DDE5;
  color: #373737;
}

.ui-dropdown--alternative .ui-dropdown.ui-widget {
  background-color: rgba(255, 255, 255, 0.3);
}
.ui-dropdown--alternative .ui-dropdown.ui-widget .ui-dropdown-trigger.ui-state-default.ui-corner-right {
  background-color: transparent;
  padding: 0 0.9375rem;
}
.ui-dropdown--alternative .ui-dropdown.ui-widget .ui-dropdown-trigger.ui-state-default.ui-corner-right .fa {
  background-color: transparent;
  color: #495366;
}
.ui-dropdown--alternative .ui-dropdown.ui-widget.ui-state-focus .ui-dropdown-label.ui-inputtext {
  border-color: #08CDFF;
}
.ui-dropdown--alternative .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  border-color: #08CDFF;
}
.ui-dropdown--alternative .ui-dropdown .ui-dropdown-panel {
  border: 1px solid #08CDFF;
}
.ui-dropdown--alternative .ui-dropdown .ui-dropdown-panel .ui-dropdown-item {
  font-size: 0.875rem;
}
.ui-dropdown--alternative .ui-dropdown .ui-dropdown-panel.ui-state-hightlight {
  background-color: #D8DDE5;
}

body .ui-inputtext {
  color: #2D3544;
  font-size: 0.875rem;
  line-height: 1rem;
}
body .ui-chkbox {
  display: block;
  margin-right: 0.5rem;
}
body .ui-chkbox .ui-chkbox-box {
  border-color: #6D7584;
  height: 1rem;
  width: 1rem;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #6D7584;
  box-shadow: none;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}
body .ui-chkbox .ui-chkbox-icon {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
body .ui-radiobutton {
  margin-right: 0.5rem;
}
body .ui-radiobutton .ui-radiobutton-box {
  height: 0.75rem;
  line-height: 0.875rem;
  position: relative;
  width: 0.75rem;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border-color: #6D7584;
  box-shadow: none;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  font-size: 9px;
  line-height: 13px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.input-button {
  position: relative;
  transition: none;
}
.input-button .btn {
  background: none;
  border: 0;
  color: #373737;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.875rem;
}
.input-button--alternative:hover :not(.is-filled) {
  border-color: #495366;
}
.input-button--alternative:hover .is-filled:focus + .btn {
  opacity: 1;
}
.input-button--alternative:hover .is-filled + .btn {
  opacity: 0.7;
}
.input-button--alternative .ng-touched:focus {
  border-color: #495366;
}
.input-button--alternative .form-control {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-radius: 0.3125rem;
  color: #373737;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
}
.input-button--alternative .form-control.ng-dirty.is-filled {
  font-weight: 800;
}
.input-button--alternative .form-control:focus, .input-button--alternative .form-control.is-filled {
  background-color: white;
}
@media (max-width: 991px) {
  .input-button--alternative .form-control {
    border: 1px solid #495366;
  }
}
.input-button--alternative .btn {
  background-color: #495366;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: white;
  font-size: 1.25rem;
  padding: 0;
  transition: none;
  width: 2.5rem;
}

.input_badges {
  background-color: white;
  border: 1px solid #6D7584;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.input_badges-item {
  display: flex;
  height: 2.0625rem;
  position: relative;
}
.input_badges-item:last-child {
  flex: 1 0 auto;
}
.input_badges-item:last-child .icon {
  color: #6D7584;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.5rem;
  position: absolute;
  right: 0;
}
.input_badges .badge {
  align-items: center;
  display: flex;
  margin: 0.25rem 0 0.25rem 0.25rem;
}
.input_badges .badge .icon {
  cursor: pointer;
  margin-left: 0.5rem;
}
.input_badges .form-control {
  background-color: white;
  border: 0;
  height: 100%;
  padding-right: 2.25rem;
}

.nav-tabs {
  border-bottom: 1px solid #C1CADC;
}
.nav-tabs .nav-link {
  color: #373737;
  font-size: 1rem;
  font-weight: 300;
  padding: 0.3125rem 2rem;
}
@media (max-width: 991px) {
  .nav-tabs {
    flex-direction: column;
    height: 100%;
    padding: 0.5rem 0.5rem 0;
  }
}

body .ui-tree .ui-tree-container {
  overflow: hidden;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler {
  color: white;
  font-size: 0.875rem;
  margin-top: 0;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label {
  color: white;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background: none;
}
body .ui-tree .ui-treenode .ui-treenode-content.ui-treenode-content-selected .ui-chkbox .ui-chkbox-box {
  background-color: #08CDFF;
}
body .ui-tree .ui-treenode-children {
  padding: 0 0 0.5rem 2.45rem;
}
body .ui-tree .ui-chkbox .ui-chkbox-box {
  background: none;
  border-color: white !important;
}
body .ui-tree .ui-chkbox .ui-chkbox-icon {
  color: white;
  margin-left: 0;
}

body .ui-tree.ui-tree-selectable .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background: none;
  color: white;
}

.mp-tooltip {
  display: inline-block;
  position: relative;
}
.mp-tooltip.mp-tooltip--icon-info:hover::after {
  left: auto;
  right: 0;
  transform: translateX(50%);
}
.mp-tooltip.mp-tooltip--icon-info:hover::before {
  left: auto;
  right: 0.25rem;
  top: 0.3rem;
  transform: rotate(45deg) translateX(50%);
}
.mp-tooltip.mp-tooltip--icon-info:hover .mp-tooltip-content {
  left: auto;
  right: 0.5rem;
  transform: translateX(50%);
}
.mp-tooltip:hover .mp-tooltip-content {
  background: #2D3544;
  border-radius: 0.3rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  display: block;
  left: 50%;
  margin-top: 1.25rem;
  position: absolute;
  top: 1rem;
  transform: translateX(-50%);
  white-space: normal;
  z-index: 111;
}
.mp-tooltip:hover::after {
  content: "";
  display: block;
  left: 50%;
  padding-bottom: 2.375rem;
  position: absolute;
  top: 0.5rem;
  transform: translateX(-50%);
  width: 6rem;
}
.mp-tooltip:hover::before {
  background: #2D3544;
  border-radius: 0.2rem;
  content: "";
  display: inline-block;
  height: 1rem;
  left: 43%;
  margin-top: 1.25rem;
  position: absolute;
  top: 1rem;
  transform: rotate(45deg) translateX(-50%);
  width: 1rem;
  z-index: 1;
}
.mp-tooltip.mp-tooltip--small:hover .mp-tooltip-content {
  top: 1.5rem;
}
.mp-tooltip.mp-tooltip--small:hover::after {
  top: 1rem;
}
.mp-tooltip.mp-tooltip--small:hover::before {
  top: 1.5rem;
}
.mp-tooltip.mp-tooltip--small .mp-tooltip-content,
.mp-tooltip .mp-tooltip-content--padded {
  font-size: 0.75rem;
  font-weight: 300;
  padding: 0.6rem;
}
.mp-tooltip.mp-tooltip--light::before,
.mp-tooltip.mp-tooltip--light .mp-tooltip-content {
  background: #F0F3F8;
  color: #495366;
}
.mp-tooltip-content {
  display: none;
}
.mp-tooltip-section {
  padding: 1rem;
}

.mp-tooltip_chart {
  background-color: #2D3544;
  border-radius: 0.3125rem;
  color: white;
  display: inline-block;
  font-family: "NunitoSans";
  font-size: 1rem;
  min-height: 3rem;
  padding: 0;
  position: relative;
}
.mp-tooltip_chart:after {
  background-color: #2D3544;
  border-radius: 0.2rem;
  bottom: -0.65rem;
  content: "";
  display: inline-block;
  height: 1rem;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%);
  width: 1rem;
  will-change: transform;
  z-index: 1;
}
.mp-tooltip_chart-header {
  background: rgba(255, 255, 255, 0.13);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  padding: 0.3125rem 0.625rem 0.1875rem;
  text-align: center;
}
.mp-tooltip_chart-body {
  background-color: #2D3544;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  line-height: 0.875rem;
  position: relative;
  z-index: 2;
}
.mp-tooltip_chart-metrics {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mp-tooltip_chart-value {
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 0.75rem;
  padding-left: 1.125rem;
  position: relative;
  text-align: right;
}
.mp-tooltip_chart-value_serie_label {
  background-color: #6555E2;
  border: 1px solid white;
  border-radius: 50%;
  bottom: 0;
  display: inline-block;
  height: 0.625rem;
  left: 0;
  margin: auto;
  padding-left: 0.3125rem;
  position: absolute;
  top: 0;
  vertical-align: middle;
  width: 0.625rem;
}
.mp-tooltip_chart-value_serie_label--grey {
  background-color: #63718B;
}
.mp-tooltip_chart-value_serie_label--grey_alternative {
  background-color: #A6AFC2;
}
.mp-tooltip_chart-value_serie_label--alternative {
  background-color: #11A698;
}
.mp-tooltip_chart-number {
  display: inline-block;
  vertical-align: middle;
}
.mp-tooltip_chart-compared {
  align-items: center;
  color: #43D05B;
  display: flex;
  font-size: 0.75rem;
  font-weight: 800;
  justify-content: flex-end;
  padding: 1px 0 0;
  position: relative;
  z-index: 2;
}
.mp-tooltip_chart-compared--negative {
  color: #FF5209;
}
.mp-tooltip_chart-compared--equal {
  color: #FFC909;
}
.mp-tooltip_chart-compared .fa {
  font-size: 1.125rem;
  line-height: 1rem;
}
.mp-tooltip_chart-compared .fa + .mp-tooltip_chart-ratio {
  margin-left: 0.25rem;
}
.mp-tooltip_chart--stacked .mp-tooltip_chart-body {
  padding: 0.3125rem 0.5rem;
}
.mp-tooltip_chart--stacked .mp-tooltip_chart-value {
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-left: 0;
  text-align: left;
}
.mp-tooltip_chart--stacked .mp-tooltip_chart-value:before {
  display: none;
}
.mp-tooltip_chart--stacked .mp-tooltip_chart-summary_percentage {
  line-height: 1.125rem;
}

.mp-tooltip_chart-metric_item {
  display: block;
  padding: 0 0.625rem 0.4375rem;
}
.mp-tooltip_chart-metric_item:first-child {
  padding-top: 0.4375rem;
}

.mp-tooltip_chart-metric_title {
  color: white;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
}
.mp-tooltip_chart-metric_title:after {
  background-color: white;
  content: "";
  display: block;
  height: 1px;
  margin: 0.125rem 0 0.1875rem;
  opacity: 0.38;
  width: 100%;
}

.ps {
  overflow: hidden !important;
  -ms-overflow-style: none;
  touch-action: auto;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  background-color: transparent;
  display: block;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999999;
  height: 11px;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999999;
  width: 11px;
}

.ps > .ps__scrollbar-x-rail {
  bottom: 0;
  display: none;
  height: 15px;
  opacity: 0;
  position: absolute;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #AAAAAA;
  border-radius: 6px;
  bottom: 2px;
  height: 6px;
  position: absolute;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

.ps > .ps__scrollbar-y-rail {
  display: none;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #AAAAAA;
  border-radius: 6px;
  position: absolute;
  right: 2px;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  width: 6px;
}

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999999;
  height: 11px;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999999;
  width: 11px;
}

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999999;
}

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #EEEEEE;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999999;
}

.ps:hover > .ps__scrollbar-y-rail {
  background: none !important;
  opacity: 1 !important;
  width: 0.3125rem !important;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #C1CADC !important;
  width: 0.3125rem !important;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 0;
}

::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0.25);
  height: 0.3125rem;
  width: 0.3125rem;
}

::-webkit-scrollbar-thumb {
  background-color: #C1CADC;
  border-radius: 0.625rem;
}

.badge {
  color: white;
  font-size: 0.875rem;
}
.badge-danger {
  background: #FC6464;
}
.badge-warning {
  background: #FFAC23;
}
.badge-success {
  background: #6CD892;
}
.badge-primary {
  background: #08CDFF;
}
.badge-neutral {
  background: transparent;
  color: #333;
  font-weight: normal !important;
  padding: 0;
}

.mp-money > span {
  font-size: 0.7em;
}

.mp-filter_button {
  height: 2.125rem;
  white-space: nowrap;
}
.mp-filter_button.mp-tooltip.mp-tooltip--small .mp-tooltip-content {
  font-weight: 400;
}
.mp-filter_button--squared {
  width: 2.125rem;
}
.mp-filter_button-alt_icon {
  font-size: 0.625rem;
  margin-right: 0.5rem;
}
.mp-filter_button-icon {
  font-size: 1rem;
  height: 1.125rem;
  width: 1.125rem;
}
.mp-filter_button-icon + .mp-filter_button-alt_icon {
  margin-left: 0.5rem;
  margin-right: 0;
  position: relative;
  top: -2px;
}
.mp-filter_button.btn {
  line-height: 1rem;
  padding: 0.46875rem 0.5rem;
}
.mp-filter_button.btn.active .mp-filter_button-alt_icon {
  transform: rotateX(180deg);
  transform-origin: 50% 60%;
}
.mp-filter_button.btn:hover {
  background: rgba(73, 83, 102, 0.2);
}

.filter_grid {
  align-items: flex-start;
  border-bottom: 1px solid #D8DDE5;
  display: flex;
  font-size: 0.875rem;
  justify-content: flex-start;
  padding: 0.625rem 1.5rem;
}
.filter_grid-content {
  flex: 1 0 auto;
  margin-right: 2rem;
}
.filter_grid-actions {
  margin-left: auto;
}
.filter_grid-readonly .form-group-label {
  font-weight: 400;
}
.filter_grid-btn_reset {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
  margin-bottom: 0.375rem;
  padding: 0;
}
.filter_grid-btn_reset span {
  display: inline-block;
  vertical-align: middle;
}
.filter_grid-btn_reset .fa {
  font-size: 1.125rem;
  margin-left: 0.375rem;
  vertical-align: middle;
}
.filter_grid-btn_search {
  display: block;
  margin: 0 0 0 auto;
}
.filter_grid-row {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.filter_grid-row + div {
  margin-top: 2rem;
}
.filter_grid-row > div:first-child {
  margin-left: 0;
}
.filter_grid-item {
  margin: 0;
  margin-left: 1.875rem;
  padding: 0;
  position: relative;
}

@media (max-width: 991px) {
  .filter_grid-content {
    margin-right: 0;
  }
}
.ui-slider {
  background-color: #808EA9;
  border-color: transparent;
  margin-bottom: 0.875rem;
  margin-top: 1.125rem;
}
.ui-slider-horizontal {
  height: 0.5625rem;
  margin-left: 0.45rem;
  width: calc(100% - 1.25rem);
}
.ui-slider .ui-slider-handle {
  background-color: white;
  border: 1px solid;
  border-color: #808EA9;
  height: 1.5rem;
  width: 1.5rem;
}
.ui-slider .ui-slider-handle:hover {
  background-color: white;
}
.ui-slider .ui-slider-range {
  background-color: #08CDFF;
  border-radius: 3.5px;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
  bottom: 0 !important;
  top: -100%;
}

.ui-tabview .ui-tabview-nav li {
  display: inline-block;
  float: none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav {
  text-align: center;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li {
  position: relative;
  top: 0;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a {
  float: none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-default a {
  display: block;
  padding: 0.5rem 1rem;
  position: relative;
}

.mp-stack {
  display: flex !important;
  flex-direction: column !important;
}
.mp-stack--screen {
  height: 100vh !important;
}
.mp-stack > * {
  flex: 0 0 auto !important;
}
.mp-stack-item--fitted {
  flex: 1 1 auto !important;
}

.mp-action_link {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
}
.mp-action_link:hover {
  color: #495366;
}

chart {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100% !important;
}

.mp-widget_simple_charts-body {
  padding: 0 2rem 0.5625rem;
}
.mp-widget_simple_charts .mp-datatable-body_scroll {
  max-height: 23.125rem;
}

.mp-widget_multiple_charts-body {
  padding: 0 3.625rem 0.5625rem;
}
@media (max-width: 991px) {
  .mp-widget_multiple_charts-body {
    padding: 0;
  }
}
.mp-widget_multiple_charts-body_summary {
  border-bottom: 1px solid #DFDFDF;
}
.mp-widget_multiple_charts-body_summary_title {
  color: #373737;
  font-size: 0.875rem;
}
.mp-widget_multiple_charts-body_summary_billing .mp-billing-summary_amount {
  color: #6555E2;
  font-size: 1.5rem;
  font-weight: 700;
}
.mp-widget_multiple_charts-body_summary_operations .mp-billing-summary_amount {
  color: #B2A9F0;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: right;
}
.mp-widget_multiple_charts-body_summary_currency {
  font-size: 0.875rem;
}
.mp-widget_multiple_charts-navigator {
  display: block;
  height: 5.9rem;
  left: 1.5rem;
  opacity: 0.74;
  padding: 0 3.5rem;
  position: absolute;
  top: 23.75rem;
  width: 100%;
}
@media (min-width: 1441px) {
  .mp-widget_multiple_charts-navigator {
    height: 5.125rem;
    top: 21.25rem;
  }
}
.mp-widget_multiple_charts-navigator_dates {
  display: block;
  height: 50%;
  position: relative;
}
.mp-widget_multiple_charts-navigator_date {
  color: #373737;
  font-size: 0.875rem;
  position: absolute;
  top: 70%;
}
.mp-widget_multiple_charts-navigator_date--left {
  left: 0;
}
.mp-widget_multiple_charts-navigator_date--right {
  right: 0;
}
.mp-widget_multiple_charts-navigator_date--double_yaxis_right {
  right: 4rem;
}
.mp-widget_multiple_charts .mp-datatable-body_scroll {
  max-height: 23.125rem;
}

.mp-widget_chart {
  position: relative;
}
.mp-widget_chart-variable:last-child {
  padding-top: 0;
}
.mp-widget_chart--negative_margin_top {
  margin-top: -1rem;
}
.mp-widget_chart path.highcharts-label-box.highcharts-tooltip-box {
  display: none;
}
.mp-widget_chart path.highcharts-navigator-handle {
  fill: #373737;
  stroke: white;
}
@media (min-width: 768px) {
  .mp-widget_chart path.highcharts-scrollbar-rifles {
    stroke: white;
    stroke-width: 2;
  }
}
@media (min-width: 768px) {
  .mp-widget_chart rect.highcharts-scrollbar-thumb {
    fill: #373737;
    stroke: #373737;
  }
  .mp-widget_chart rect.highcharts-scrollbar-track {
    fill: transparent;
    stroke: transparent;
  }
}
.mp-widget_chart rect.highcharts-navigator-mask-inside {
  stroke: #373737;
}
.mp-widget_chart .highcharts-background {
  fill: transparent;
}
@media (min-width: 768px) {
  .mp-widget_chart .highcharts-scrollbar g:nth-child(3), .mp-widget_chart .highcharts-scrollbar g:nth-child(4) {
    cursor: pointer;
    display: none;
  }
  .mp-widget_chart .highcharts-scrollbar rect.highcharts-scrollbar-button {
    fill: white;
    rx: 10;
    ry: 10;
    stroke-width: 0.75px;
  }
}
.mp-widget_chart .highcharts-container {
  overflow: visible !important;
}

@media (max-width: 1440px) {
  .highcharts-yaxis-labels text {
    font-size: 0.625rem;
  }
}
@media (max-width: 991px) {
  .mp-widget_multiple_charts-body {
    padding: 0;
  }
  .mp-widget_simple_charts-body {
    padding: 0;
  }
  .mp-widget_multiple_charts-navigator {
    display: none;
  }
}
.mp-side_detail_header {
  align-items: center;
  background-color: #808EA9;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 991px) {
  .mp-side_detail_header {
    position: relative;
    text-align: right;
  }
}
.mp-side_detail_header-back_button {
  color: white;
  cursor: pointer;
  display: none;
  font-size: 2rem;
  position: absolute;
  text-align: center;
  top: 0.3rem;
  width: 2rem;
}
@media (max-width: 767px) {
  .mp-side_detail_header-back_button {
    display: block;
  }
}
.mp-side_detail_header-title {
  color: white;
  font-size: 1.375rem;
  font-weight: 800;
  padding-bottom: 0.1rem;
  padding-left: 1.1rem;
  padding-top: 0.8rem;
  text-align: left;
}
@media (max-width: 991px) {
  .mp-side_detail_header-title {
    padding-left: 3.5rem;
    padding-right: 1rem;
  }
}
.mp-side_detail_header-icon {
  border: 1px solid #495366;
  border-radius: 0.3rem;
  color: #495366;
  margin-right: 0.6rem;
  margin-top: 0.6rem;
  padding: 0.5rem;
}
.mp-side_detail_header-actions {
  list-style-type: none;
  margin: 0 0.625rem 0 0;
}

.frame_box-list {
  align-items: stretch;
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.frame_box-item {
  background: white;
  border: 1px solid #D8DDE5;
  border-radius: 0.3125rem;
  flex: 1 1 0;
  margin: 1rem;
}
.frame_box-position {
  color: #808EA9;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding: 0.25rem 1rem 0;
  text-align: center;
}
.frame_box-entity_type {
  background-color: #E8EBEF;
  flex: 1 0 auto;
  padding: 0.75rem;
  width: 100%;
}
.frame_box-variation {
  color: #FFC909;
  position: relative;
  top: -0.5rem;
}
.frame_box-variation .fa,
.frame_box-variation .equal {
  color: inherit;
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 2.5rem;
  margin: 0;
}
.frame_box-variation.positive {
  color: #43D05B;
}
.frame_box-variation.negative {
  color: #FF5209;
}
.frame_box-ratio {
  display: block;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.frame_box-title {
  font-weight: 800;
  text-align: center;
}
.frame_box-title > .fa {
  color: #808EA9;
  font-size: 2.5rem;
}
.frame_box-description {
  margin-left: 1rem;
  text-transform: uppercase;
}
.frame_box-total {
  color: #6555E2;
  padding: 0.75rem 0 0.5rem;
  text-align: center;
}
.frame_box-percentage {
  flex: 1 1 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.75rem;
  padding: 0.25rem 0 0;
  text-align: right;
}
.frame_box-percentage_text {
  flex: 1 1 0;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 0.875rem;
  margin-left: 0.5rem;
}
.frame_box-info {
  height: 12rem;
  margin-top: auto;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
}
.frame_box-info > .frame_box-data:last-child {
  margin-bottom: 0;
}
.frame_box-data {
  margin-bottom: 1.25rem;
}
.frame_box-data_title {
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.frame_box-data_value {
  color: #6555E2;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1rem;
  margin-top: 0.25rem;
}
.frame_box-variable {
  flex: 1 0 0;
  height: auto;
  max-width: 100%;
}
.frame_box-variable + .frame_box-variable {
  border-left: 1px solid #D8DDE5;
}
.frame_box-variable--alternative .frame_box-total {
  color: #11A698;
}
.frame_box-variable--alternative .frame_box-data_value {
  color: #11A698;
}

.lined_box {
  border: 1px solid #D8DDE5;
  border-radius: 0.5rem;
  min-height: 6.1875rem;
  padding: 0.5rem;
}
.lined_box-header {
  font-weight: 600;
  text-align: center;
}
.lined_box-data {
  color: #6555E2;
  font-size: 2.25rem;
  text-align: center;
}

@media (max-width: 480px) {
  .frame_box-title {
    flex-direction: column;
  }
  .frame_box-description {
    margin: 0.5rem 0 0;
  }
  .frame_box-percentage_text {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .frame_box-list {
    flex-direction: column;
  }
  .frame_box-item {
    flex: 1 0 auto;
    min-width: 80%;
  }
  .frame_box-percentage_text {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .frame_box-total {
    display: block !important;
  }
  .frame_box-percentage, .frame_box-percentage_text {
    display: block;
    margin: 0;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .frame_box-item {
    flex: 1 1 45%;
    max-width: 45%;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .frame_box-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (min-width: 1367px) {
  .frame_box-item {
    flex: 1 1 44%;
    max-width: 44%;
  }
  .frame_box-percentage {
    flex: 1 1 100%;
  }
}
@media (min-width: 1441px) and (max-width: 1679px) {
  .frame_box-title {
    font-size: 0.875rem;
  }
  .frame_box-percentage {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.mp-circle_icon {
  border-radius: 50%;
  height: 3.5rem;
  margin-right: 1rem;
  text-align: center;
  vertical-align: middle;
  width: 3.5rem;
  align-items: center;
  display: flex;
  font-size: 1.875rem;
  justify-content: center;
}
.mp-circle_icon--danger {
  color: #FF5209;
  background: rgba(255, 82, 9, 0.2);
}
.mp-circle_icon--warn {
  color: #FFAA09;
  background: rgba(255, 170, 9, 0.2);
}

.mp-confirm_modal-message {
  margin: 1.0625rem 1.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 400;
}
.mp-confirm_modal-message_text {
  margin: 0;
  padding: 0;
}

.popover {
  background-color: transparent;
  border: solid 1px #2D3544;
  border-radius: 5px;
  font-family: "NunitoSans";
  margin-top: 0.875rem;
  max-width: none;
  padding: 0;
}
.popover-header {
  margin: 0;
}
.popover-body {
  color: white;
  padding: 0;
}
.popover .arrow {
  display: none;
}
.popover::after {
  background: #2D3544;
  border-radius: 0.2rem;
  content: "";
  display: inline-block;
  height: 1rem;
  left: 50%;
  position: absolute;
  top: -0.125rem;
  transform: rotate(45deg) translateX(-50%);
  width: 1rem;
  z-index: -1;
}
.popover.bs-popover-bottom {
  box-shadow: 0 0 14px 0 rgba(55, 55, 55, 0.2);
}
.popover--dark ~ .popover .popover-body {
  background: #2D3544;
  color: white;
}
.popover-body_item {
  align-items: baseline;
  cursor: pointer;
  display: flex;
  padding: 0.5rem 0.625rem;
  white-space: nowrap;
}
.popover-body_item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.popover-body_item span {
  display: inline-block;
  vertical-align: middle;
}
.popover-body_item .fa {
  margin-right: 0.3125rem;
}
.popover-body_item2 {
  align-items: baseline;
  cursor: pointer;
  padding: 0.5rem 0.625rem;
  white-space: nowrap;
}
.popover-body_item2 > div:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.popover-body_item2 span {
  display: inline-block;
  vertical-align: middle;
}
.popover-body_item2 .fa {
  margin-right: 0.3125rem;
}

.modal {
  z-index: 111;
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.25s ease-in-out;
  z-index: 110 !important;
}
.modal-backdrop.show {
  opacity: 1;
}
.modal-dialog {
  margin: 0 auto;
  max-width: 41.5625rem;
  top: 33.33%;
  transform: translateY(-25%) !important;
  transition: none !important;
}
.modal-content {
  background-color: #2D3544;
  border: 1px solid transparent;
  border-radius: 0.3125rem;
  color: white;
}
.modal-header {
  margin: 1.0625rem 1.25rem;
  padding: 0 0 1.0625rem;
}
.modal-title {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
}
.modal button.close {
  color: white;
  font-size: 2.375rem;
  font-weight: 200;
  height: 1.25rem;
  line-height: 1.25rem;
  margin: 0;
  opacity: 1;
  padding: 0;
  text-shadow: none;
  width: 1.25rem;
}
.modal-body {
  padding: 0 2.4375rem 2rem;
}
.modal-body-title {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
}
.modal-footer {
  background-color: white;
  border: 0;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  padding: 0.8125rem;
}

.u-m-0 {
  margin: 0;
}

.u-m-0.u-m--neg {
  margin: 0;
}

@media (max-width: 360px) {
  .u-m-0\@xxs {
    margin: 0 !important;
  }
  .u-m-0\@xxs.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 575px) {
  .u-m-0\@xs {
    margin: 0 !important;
  }
  .u-m-0\@xs.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .u-m-0\@s {
    margin: 0 !important;
  }
  .u-m-0\@s.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .u-m-0\@m {
    margin: 0 !important;
  }
  .u-m-0\@m.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .u-m-0\@l {
    margin: 0 !important;
  }
  .u-m-0\@l.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1440px) {
  .u-m-0\@xl {
    margin: 0 !important;
  }
  .u-m-0\@xl.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1679px) {
  .u-m-0\@xxl {
    margin: 0 !important;
  }
  .u-m-0\@xxl.u-m--neg {
    margin: 0;
  }
}
.u-mt-0 {
  margin-top: 0;
}

.u-mt-0.u-mt--neg {
  margin-top: 0;
}

@media (max-width: 360px) {
  .u-mt-0\@xxs {
    margin-top: 0 !important;
  }
  .u-mt-0\@xxs.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .u-mt-0\@xs {
    margin-top: 0 !important;
  }
  .u-mt-0\@xs.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .u-mt-0\@s {
    margin-top: 0 !important;
  }
  .u-mt-0\@s.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .u-mt-0\@m {
    margin-top: 0 !important;
  }
  .u-mt-0\@m.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .u-mt-0\@l {
    margin-top: 0 !important;
  }
  .u-mt-0\@l.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1440px) {
  .u-mt-0\@xl {
    margin-top: 0 !important;
  }
  .u-mt-0\@xl.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1679px) {
  .u-mt-0\@xxl {
    margin-top: 0 !important;
  }
  .u-mt-0\@xxl.u-mt--neg {
    margin-top: 0;
  }
}
.u-ml-0 {
  margin-left: 0;
}

.u-ml-0.u-ml--neg {
  margin-left: 0;
}

@media (max-width: 360px) {
  .u-ml-0\@xxs {
    margin-left: 0 !important;
  }
  .u-ml-0\@xxs.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .u-ml-0\@xs {
    margin-left: 0 !important;
  }
  .u-ml-0\@xs.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .u-ml-0\@s {
    margin-left: 0 !important;
  }
  .u-ml-0\@s.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .u-ml-0\@m {
    margin-left: 0 !important;
  }
  .u-ml-0\@m.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .u-ml-0\@l {
    margin-left: 0 !important;
  }
  .u-ml-0\@l.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1440px) {
  .u-ml-0\@xl {
    margin-left: 0 !important;
  }
  .u-ml-0\@xl.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1679px) {
  .u-ml-0\@xxl {
    margin-left: 0 !important;
  }
  .u-ml-0\@xxl.u-ml--neg {
    margin-left: 0;
  }
}
.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-0.u-mb--neg {
  margin-bottom: 0;
}

@media (max-width: 360px) {
  .u-mb-0\@xxs {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xxs.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .u-mb-0\@xs {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xs.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .u-mb-0\@s {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@s.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .u-mb-0\@m {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@m.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .u-mb-0\@l {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@l.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .u-mb-0\@xl {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xl.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1679px) {
  .u-mb-0\@xxl {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xxl.u-mb--neg {
    margin-bottom: 0;
  }
}
.u-mr-0 {
  margin-right: 0;
}

.u-mr-0.u-mr--neg {
  margin-right: 0;
}

@media (max-width: 360px) {
  .u-mr-0\@xxs {
    margin-right: 0 !important;
  }
  .u-mr-0\@xxs.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .u-mr-0\@xs {
    margin-right: 0 !important;
  }
  .u-mr-0\@xs.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .u-mr-0\@s {
    margin-right: 0 !important;
  }
  .u-mr-0\@s.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .u-mr-0\@m {
    margin-right: 0 !important;
  }
  .u-mr-0\@m.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .u-mr-0\@l {
    margin-right: 0 !important;
  }
  .u-mr-0\@l.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1440px) {
  .u-mr-0\@xl {
    margin-right: 0 !important;
  }
  .u-mr-0\@xl.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1679px) {
  .u-mr-0\@xxl {
    margin-right: 0 !important;
  }
  .u-mr-0\@xxl.u-mr--neg {
    margin-right: 0;
  }
}
.u-m-0\.5 {
  margin: 0.5rem;
}

.u-m-0\.5.u-m--neg {
  margin: -0.5rem;
}

@media (max-width: 360px) {
  .u-m-0\.5\@xxs {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xxs.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-0\.5\@xs {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xs.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-0\.5\@s {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@s.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-0\.5\@m {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@m.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-0\.5\@l {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@l.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-0\.5\@xl {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xl.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-0\.5\@xxl {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xxl.u-m--neg {
    margin: -0.5rem;
  }
}
.u-mt-0\.5 {
  margin-top: 0.5rem;
}

.u-mt-0\.5.u-mt--neg {
  margin-top: -0.5rem;
}

@media (max-width: 360px) {
  .u-mt-0\.5\@xxs {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xxs.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-0\.5\@xs {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xs.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-0\.5\@s {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@s.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-0\.5\@m {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@m.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-0\.5\@l {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@l.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-0\.5\@xl {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xl.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-0\.5\@xxl {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xxl.u-mt--neg {
    margin-top: -0.5rem;
  }
}
.u-ml-0\.5 {
  margin-left: 0.5rem;
}

.u-ml-0\.5.u-ml--neg {
  margin-left: -0.5rem;
}

@media (max-width: 360px) {
  .u-ml-0\.5\@xxs {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xxs.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-0\.5\@xs {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xs.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-0\.5\@s {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@s.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-0\.5\@m {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@m.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-0\.5\@l {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@l.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-0\.5\@xl {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xl.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-0\.5\@xxl {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xxl.u-ml--neg {
    margin-left: -0.5rem;
  }
}
.u-mb-0\.5 {
  margin-bottom: 0.5rem;
}

.u-mb-0\.5.u-mb--neg {
  margin-bottom: -0.5rem;
}

@media (max-width: 360px) {
  .u-mb-0\.5\@xxs {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xxs.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-0\.5\@xs {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xs.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-0\.5\@s {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@s.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-0\.5\@m {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@m.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-0\.5\@l {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@l.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-0\.5\@xl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xl.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-0\.5\@xxl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xxl.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
.u-mr-0\.5 {
  margin-right: 0.5rem;
}

.u-mr-0\.5.u-mr--neg {
  margin-right: -0.5rem;
}

@media (max-width: 360px) {
  .u-mr-0\.5\@xxs {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xxs.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-0\.5\@xs {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xs.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-0\.5\@s {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@s.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-0\.5\@m {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@m.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-0\.5\@l {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@l.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-0\.5\@xl {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xl.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-0\.5\@xxl {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xxl.u-mr--neg {
    margin-right: -0.5rem;
  }
}
.u-m-1 {
  margin: 1rem;
}

.u-m-1.u-m--neg {
  margin: -1rem;
}

@media (max-width: 360px) {
  .u-m-1\@xxs {
    margin: 1rem !important;
  }
  .u-m-1\@xxs.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 575px) {
  .u-m-1\@xs {
    margin: 1rem !important;
  }
  .u-m-1\@xs.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 767px) {
  .u-m-1\@s {
    margin: 1rem !important;
  }
  .u-m-1\@s.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 991px) {
  .u-m-1\@m {
    margin: 1rem !important;
  }
  .u-m-1\@m.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-m-1\@l {
    margin: 1rem !important;
  }
  .u-m-1\@l.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-m-1\@xl {
    margin: 1rem !important;
  }
  .u-m-1\@xl.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-m-1\@xxl {
    margin: 1rem !important;
  }
  .u-m-1\@xxl.u-m--neg {
    margin: -1rem;
  }
}
.u-mt-1 {
  margin-top: 1rem;
}

.u-mt-1.u-mt--neg {
  margin-top: -1rem;
}

@media (max-width: 360px) {
  .u-mt-1\@xxs {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xxs.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mt-1\@xs {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xs.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mt-1\@s {
    margin-top: 1rem !important;
  }
  .u-mt-1\@s.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mt-1\@m {
    margin-top: 1rem !important;
  }
  .u-mt-1\@m.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-1\@l {
    margin-top: 1rem !important;
  }
  .u-mt-1\@l.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-1\@xl {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xl.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-1\@xxl {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xxl.u-mt--neg {
    margin-top: -1rem;
  }
}
.u-ml-1 {
  margin-left: 1rem;
}

.u-ml-1.u-ml--neg {
  margin-left: -1rem;
}

@media (max-width: 360px) {
  .u-ml-1\@xxs {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xxs.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 575px) {
  .u-ml-1\@xs {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xs.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 767px) {
  .u-ml-1\@s {
    margin-left: 1rem !important;
  }
  .u-ml-1\@s.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 991px) {
  .u-ml-1\@m {
    margin-left: 1rem !important;
  }
  .u-ml-1\@m.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-1\@l {
    margin-left: 1rem !important;
  }
  .u-ml-1\@l.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-1\@xl {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xl.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-1\@xxl {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xxl.u-ml--neg {
    margin-left: -1rem;
  }
}
.u-mb-1 {
  margin-bottom: 1rem;
}

.u-mb-1.u-mb--neg {
  margin-bottom: -1rem;
}

@media (max-width: 360px) {
  .u-mb-1\@xxs {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xxs.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mb-1\@xs {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xs.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mb-1\@s {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@s.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mb-1\@m {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@m.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-1\@l {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@l.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-1\@xl {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xl.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-1\@xxl {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xxl.u-mb--neg {
    margin-bottom: -1rem;
  }
}
.u-mr-1 {
  margin-right: 1rem;
}

.u-mr-1.u-mr--neg {
  margin-right: -1rem;
}

@media (max-width: 360px) {
  .u-mr-1\@xxs {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xxs.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mr-1\@xs {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xs.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mr-1\@s {
    margin-right: 1rem !important;
  }
  .u-mr-1\@s.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mr-1\@m {
    margin-right: 1rem !important;
  }
  .u-mr-1\@m.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-1\@l {
    margin-right: 1rem !important;
  }
  .u-mr-1\@l.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-1\@xl {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xl.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-1\@xxl {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xxl.u-mr--neg {
    margin-right: -1rem;
  }
}
.u-m-1\.5 {
  margin: 1.5rem;
}

.u-m-1\.5.u-m--neg {
  margin: -1.5rem;
}

@media (max-width: 360px) {
  .u-m-1\.5\@xxs {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xxs.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-1\.5\@xs {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xs.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-1\.5\@s {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@s.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-1\.5\@m {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@m.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-1\.5\@l {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@l.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-1\.5\@xl {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xl.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-1\.5\@xxl {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xxl.u-m--neg {
    margin: -1.5rem;
  }
}
.u-mt-1\.5 {
  margin-top: 1.5rem;
}

.u-mt-1\.5.u-mt--neg {
  margin-top: -1.5rem;
}

@media (max-width: 360px) {
  .u-mt-1\.5\@xxs {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xxs.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-1\.5\@xs {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xs.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-1\.5\@s {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@s.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-1\.5\@m {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@m.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-1\.5\@l {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@l.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-1\.5\@xl {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xl.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-1\.5\@xxl {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xxl.u-mt--neg {
    margin-top: -1.5rem;
  }
}
.u-ml-1\.5 {
  margin-left: 1.5rem;
}

.u-ml-1\.5.u-ml--neg {
  margin-left: -1.5rem;
}

@media (max-width: 360px) {
  .u-ml-1\.5\@xxs {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xxs.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-1\.5\@xs {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xs.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-1\.5\@s {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@s.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-1\.5\@m {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@m.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-1\.5\@l {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@l.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-1\.5\@xl {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xl.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-1\.5\@xxl {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xxl.u-ml--neg {
    margin-left: -1.5rem;
  }
}
.u-mb-1\.5 {
  margin-bottom: 1.5rem;
}

.u-mb-1\.5.u-mb--neg {
  margin-bottom: -1.5rem;
}

@media (max-width: 360px) {
  .u-mb-1\.5\@xxs {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xxs.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-1\.5\@xs {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xs.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-1\.5\@s {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@s.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-1\.5\@m {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@m.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-1\.5\@l {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@l.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-1\.5\@xl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xl.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-1\.5\@xxl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xxl.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
.u-mr-1\.5 {
  margin-right: 1.5rem;
}

.u-mr-1\.5.u-mr--neg {
  margin-right: -1.5rem;
}

@media (max-width: 360px) {
  .u-mr-1\.5\@xxs {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xxs.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-1\.5\@xs {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xs.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-1\.5\@s {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@s.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-1\.5\@m {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@m.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-1\.5\@l {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@l.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-1\.5\@xl {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xl.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-1\.5\@xxl {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xxl.u-mr--neg {
    margin-right: -1.5rem;
  }
}
.u-m-2 {
  margin: 2rem;
}

.u-m-2.u-m--neg {
  margin: -2rem;
}

@media (max-width: 360px) {
  .u-m-2\@xxs {
    margin: 2rem !important;
  }
  .u-m-2\@xxs.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 575px) {
  .u-m-2\@xs {
    margin: 2rem !important;
  }
  .u-m-2\@xs.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 767px) {
  .u-m-2\@s {
    margin: 2rem !important;
  }
  .u-m-2\@s.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 991px) {
  .u-m-2\@m {
    margin: 2rem !important;
  }
  .u-m-2\@m.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-m-2\@l {
    margin: 2rem !important;
  }
  .u-m-2\@l.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-m-2\@xl {
    margin: 2rem !important;
  }
  .u-m-2\@xl.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-m-2\@xxl {
    margin: 2rem !important;
  }
  .u-m-2\@xxl.u-m--neg {
    margin: -2rem;
  }
}
.u-mt-2 {
  margin-top: 2rem;
}

.u-mt-2.u-mt--neg {
  margin-top: -2rem;
}

@media (max-width: 360px) {
  .u-mt-2\@xxs {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xxs.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mt-2\@xs {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xs.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mt-2\@s {
    margin-top: 2rem !important;
  }
  .u-mt-2\@s.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mt-2\@m {
    margin-top: 2rem !important;
  }
  .u-mt-2\@m.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-2\@l {
    margin-top: 2rem !important;
  }
  .u-mt-2\@l.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-2\@xl {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xl.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-2\@xxl {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xxl.u-mt--neg {
    margin-top: -2rem;
  }
}
.u-ml-2 {
  margin-left: 2rem;
}

.u-ml-2.u-ml--neg {
  margin-left: -2rem;
}

@media (max-width: 360px) {
  .u-ml-2\@xxs {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xxs.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 575px) {
  .u-ml-2\@xs {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xs.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 767px) {
  .u-ml-2\@s {
    margin-left: 2rem !important;
  }
  .u-ml-2\@s.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 991px) {
  .u-ml-2\@m {
    margin-left: 2rem !important;
  }
  .u-ml-2\@m.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-2\@l {
    margin-left: 2rem !important;
  }
  .u-ml-2\@l.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-2\@xl {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xl.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-2\@xxl {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xxl.u-ml--neg {
    margin-left: -2rem;
  }
}
.u-mb-2 {
  margin-bottom: 2rem;
}

.u-mb-2.u-mb--neg {
  margin-bottom: -2rem;
}

@media (max-width: 360px) {
  .u-mb-2\@xxs {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xxs.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mb-2\@xs {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xs.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mb-2\@s {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@s.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mb-2\@m {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@m.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-2\@l {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@l.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-2\@xl {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xl.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-2\@xxl {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xxl.u-mb--neg {
    margin-bottom: -2rem;
  }
}
.u-mr-2 {
  margin-right: 2rem;
}

.u-mr-2.u-mr--neg {
  margin-right: -2rem;
}

@media (max-width: 360px) {
  .u-mr-2\@xxs {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xxs.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mr-2\@xs {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xs.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mr-2\@s {
    margin-right: 2rem !important;
  }
  .u-mr-2\@s.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mr-2\@m {
    margin-right: 2rem !important;
  }
  .u-mr-2\@m.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-2\@l {
    margin-right: 2rem !important;
  }
  .u-mr-2\@l.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-2\@xl {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xl.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-2\@xxl {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xxl.u-mr--neg {
    margin-right: -2rem;
  }
}
.u-m-2\.5 {
  margin: 2.5rem;
}

.u-m-2\.5.u-m--neg {
  margin: -2.5rem;
}

@media (max-width: 360px) {
  .u-m-2\.5\@xxs {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xxs.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-2\.5\@xs {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xs.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-2\.5\@s {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@s.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-2\.5\@m {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@m.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-2\.5\@l {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@l.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-2\.5\@xl {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xl.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-2\.5\@xxl {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xxl.u-m--neg {
    margin: -2.5rem;
  }
}
.u-mt-2\.5 {
  margin-top: 2.5rem;
}

.u-mt-2\.5.u-mt--neg {
  margin-top: -2.5rem;
}

@media (max-width: 360px) {
  .u-mt-2\.5\@xxs {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xxs.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-2\.5\@xs {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xs.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-2\.5\@s {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@s.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-2\.5\@m {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@m.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-2\.5\@l {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@l.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-2\.5\@xl {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xl.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-2\.5\@xxl {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xxl.u-mt--neg {
    margin-top: -2.5rem;
  }
}
.u-ml-2\.5 {
  margin-left: 2.5rem;
}

.u-ml-2\.5.u-ml--neg {
  margin-left: -2.5rem;
}

@media (max-width: 360px) {
  .u-ml-2\.5\@xxs {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xxs.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-2\.5\@xs {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xs.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-2\.5\@s {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@s.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-2\.5\@m {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@m.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-2\.5\@l {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@l.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-2\.5\@xl {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xl.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-2\.5\@xxl {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xxl.u-ml--neg {
    margin-left: -2.5rem;
  }
}
.u-mb-2\.5 {
  margin-bottom: 2.5rem;
}

.u-mb-2\.5.u-mb--neg {
  margin-bottom: -2.5rem;
}

@media (max-width: 360px) {
  .u-mb-2\.5\@xxs {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xxs.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-2\.5\@xs {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xs.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-2\.5\@s {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@s.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-2\.5\@m {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@m.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-2\.5\@l {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@l.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-2\.5\@xl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xl.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-2\.5\@xxl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xxl.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
.u-mr-2\.5 {
  margin-right: 2.5rem;
}

.u-mr-2\.5.u-mr--neg {
  margin-right: -2.5rem;
}

@media (max-width: 360px) {
  .u-mr-2\.5\@xxs {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xxs.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-2\.5\@xs {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xs.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-2\.5\@s {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@s.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-2\.5\@m {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@m.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-2\.5\@l {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@l.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-2\.5\@xl {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xl.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-2\.5\@xxl {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xxl.u-mr--neg {
    margin-right: -2.5rem;
  }
}
.u-m-3 {
  margin: 3rem;
}

.u-m-3.u-m--neg {
  margin: -3rem;
}

@media (max-width: 360px) {
  .u-m-3\@xxs {
    margin: 3rem !important;
  }
  .u-m-3\@xxs.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 575px) {
  .u-m-3\@xs {
    margin: 3rem !important;
  }
  .u-m-3\@xs.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 767px) {
  .u-m-3\@s {
    margin: 3rem !important;
  }
  .u-m-3\@s.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 991px) {
  .u-m-3\@m {
    margin: 3rem !important;
  }
  .u-m-3\@m.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-m-3\@l {
    margin: 3rem !important;
  }
  .u-m-3\@l.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-m-3\@xl {
    margin: 3rem !important;
  }
  .u-m-3\@xl.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-m-3\@xxl {
    margin: 3rem !important;
  }
  .u-m-3\@xxl.u-m--neg {
    margin: -3rem;
  }
}
.u-mt-3 {
  margin-top: 3rem;
}

.u-mt-3.u-mt--neg {
  margin-top: -3rem;
}

@media (max-width: 360px) {
  .u-mt-3\@xxs {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xxs.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mt-3\@xs {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xs.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mt-3\@s {
    margin-top: 3rem !important;
  }
  .u-mt-3\@s.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mt-3\@m {
    margin-top: 3rem !important;
  }
  .u-mt-3\@m.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-3\@l {
    margin-top: 3rem !important;
  }
  .u-mt-3\@l.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-3\@xl {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xl.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-3\@xxl {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xxl.u-mt--neg {
    margin-top: -3rem;
  }
}
.u-ml-3 {
  margin-left: 3rem;
}

.u-ml-3.u-ml--neg {
  margin-left: -3rem;
}

@media (max-width: 360px) {
  .u-ml-3\@xxs {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xxs.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 575px) {
  .u-ml-3\@xs {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xs.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 767px) {
  .u-ml-3\@s {
    margin-left: 3rem !important;
  }
  .u-ml-3\@s.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 991px) {
  .u-ml-3\@m {
    margin-left: 3rem !important;
  }
  .u-ml-3\@m.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-3\@l {
    margin-left: 3rem !important;
  }
  .u-ml-3\@l.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-3\@xl {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xl.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-3\@xxl {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xxl.u-ml--neg {
    margin-left: -3rem;
  }
}
.u-mb-3 {
  margin-bottom: 3rem;
}

.u-mb-3.u-mb--neg {
  margin-bottom: -3rem;
}

@media (max-width: 360px) {
  .u-mb-3\@xxs {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xxs.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mb-3\@xs {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xs.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mb-3\@s {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@s.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mb-3\@m {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@m.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-3\@l {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@l.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-3\@xl {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xl.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-3\@xxl {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xxl.u-mb--neg {
    margin-bottom: -3rem;
  }
}
.u-mr-3 {
  margin-right: 3rem;
}

.u-mr-3.u-mr--neg {
  margin-right: -3rem;
}

@media (max-width: 360px) {
  .u-mr-3\@xxs {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xxs.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mr-3\@xs {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xs.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mr-3\@s {
    margin-right: 3rem !important;
  }
  .u-mr-3\@s.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mr-3\@m {
    margin-right: 3rem !important;
  }
  .u-mr-3\@m.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-3\@l {
    margin-right: 3rem !important;
  }
  .u-mr-3\@l.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-3\@xl {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xl.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-3\@xxl {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xxl.u-mr--neg {
    margin-right: -3rem;
  }
}
.u-m-3\.5 {
  margin: 3.5rem;
}

.u-m-3\.5.u-m--neg {
  margin: -3.5rem;
}

@media (max-width: 360px) {
  .u-m-3\.5\@xxs {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xxs.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-3\.5\@xs {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xs.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-3\.5\@s {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@s.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-3\.5\@m {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@m.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-3\.5\@l {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@l.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-3\.5\@xl {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xl.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-3\.5\@xxl {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xxl.u-m--neg {
    margin: -3.5rem;
  }
}
.u-mt-3\.5 {
  margin-top: 3.5rem;
}

.u-mt-3\.5.u-mt--neg {
  margin-top: -3.5rem;
}

@media (max-width: 360px) {
  .u-mt-3\.5\@xxs {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xxs.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-3\.5\@xs {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xs.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-3\.5\@s {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@s.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-3\.5\@m {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@m.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-3\.5\@l {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@l.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-3\.5\@xl {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xl.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-3\.5\@xxl {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xxl.u-mt--neg {
    margin-top: -3.5rem;
  }
}
.u-ml-3\.5 {
  margin-left: 3.5rem;
}

.u-ml-3\.5.u-ml--neg {
  margin-left: -3.5rem;
}

@media (max-width: 360px) {
  .u-ml-3\.5\@xxs {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xxs.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-3\.5\@xs {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xs.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-3\.5\@s {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@s.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-3\.5\@m {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@m.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-3\.5\@l {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@l.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-3\.5\@xl {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xl.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-3\.5\@xxl {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xxl.u-ml--neg {
    margin-left: -3.5rem;
  }
}
.u-mb-3\.5 {
  margin-bottom: 3.5rem;
}

.u-mb-3\.5.u-mb--neg {
  margin-bottom: -3.5rem;
}

@media (max-width: 360px) {
  .u-mb-3\.5\@xxs {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xxs.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-3\.5\@xs {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xs.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-3\.5\@s {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@s.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-3\.5\@m {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@m.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-3\.5\@l {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@l.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-3\.5\@xl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xl.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-3\.5\@xxl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xxl.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
.u-mr-3\.5 {
  margin-right: 3.5rem;
}

.u-mr-3\.5.u-mr--neg {
  margin-right: -3.5rem;
}

@media (max-width: 360px) {
  .u-mr-3\.5\@xxs {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xxs.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-3\.5\@xs {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xs.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-3\.5\@s {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@s.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-3\.5\@m {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@m.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-3\.5\@l {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@l.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-3\.5\@xl {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xl.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-3\.5\@xxl {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xxl.u-mr--neg {
    margin-right: -3.5rem;
  }
}
.u-m-4 {
  margin: 4rem;
}

.u-m-4.u-m--neg {
  margin: -4rem;
}

@media (max-width: 360px) {
  .u-m-4\@xxs {
    margin: 4rem !important;
  }
  .u-m-4\@xxs.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 575px) {
  .u-m-4\@xs {
    margin: 4rem !important;
  }
  .u-m-4\@xs.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 767px) {
  .u-m-4\@s {
    margin: 4rem !important;
  }
  .u-m-4\@s.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 991px) {
  .u-m-4\@m {
    margin: 4rem !important;
  }
  .u-m-4\@m.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-m-4\@l {
    margin: 4rem !important;
  }
  .u-m-4\@l.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-m-4\@xl {
    margin: 4rem !important;
  }
  .u-m-4\@xl.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-m-4\@xxl {
    margin: 4rem !important;
  }
  .u-m-4\@xxl.u-m--neg {
    margin: -4rem;
  }
}
.u-mt-4 {
  margin-top: 4rem;
}

.u-mt-4.u-mt--neg {
  margin-top: -4rem;
}

@media (max-width: 360px) {
  .u-mt-4\@xxs {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xxs.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mt-4\@xs {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xs.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mt-4\@s {
    margin-top: 4rem !important;
  }
  .u-mt-4\@s.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mt-4\@m {
    margin-top: 4rem !important;
  }
  .u-mt-4\@m.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-4\@l {
    margin-top: 4rem !important;
  }
  .u-mt-4\@l.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-4\@xl {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xl.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-4\@xxl {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xxl.u-mt--neg {
    margin-top: -4rem;
  }
}
.u-ml-4 {
  margin-left: 4rem;
}

.u-ml-4.u-ml--neg {
  margin-left: -4rem;
}

@media (max-width: 360px) {
  .u-ml-4\@xxs {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xxs.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 575px) {
  .u-ml-4\@xs {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xs.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 767px) {
  .u-ml-4\@s {
    margin-left: 4rem !important;
  }
  .u-ml-4\@s.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 991px) {
  .u-ml-4\@m {
    margin-left: 4rem !important;
  }
  .u-ml-4\@m.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-4\@l {
    margin-left: 4rem !important;
  }
  .u-ml-4\@l.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-4\@xl {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xl.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-4\@xxl {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xxl.u-ml--neg {
    margin-left: -4rem;
  }
}
.u-mb-4 {
  margin-bottom: 4rem;
}

.u-mb-4.u-mb--neg {
  margin-bottom: -4rem;
}

@media (max-width: 360px) {
  .u-mb-4\@xxs {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xxs.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mb-4\@xs {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xs.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mb-4\@s {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@s.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mb-4\@m {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@m.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-4\@l {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@l.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-4\@xl {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xl.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-4\@xxl {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xxl.u-mb--neg {
    margin-bottom: -4rem;
  }
}
.u-mr-4 {
  margin-right: 4rem;
}

.u-mr-4.u-mr--neg {
  margin-right: -4rem;
}

@media (max-width: 360px) {
  .u-mr-4\@xxs {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xxs.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mr-4\@xs {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xs.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mr-4\@s {
    margin-right: 4rem !important;
  }
  .u-mr-4\@s.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mr-4\@m {
    margin-right: 4rem !important;
  }
  .u-mr-4\@m.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-4\@l {
    margin-right: 4rem !important;
  }
  .u-mr-4\@l.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-4\@xl {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xl.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-4\@xxl {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xxl.u-mr--neg {
    margin-right: -4rem;
  }
}
.u-m-4\.5 {
  margin: 4.5rem;
}

.u-m-4\.5.u-m--neg {
  margin: -4.5rem;
}

@media (max-width: 360px) {
  .u-m-4\.5\@xxs {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xxs.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-4\.5\@xs {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xs.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-4\.5\@s {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@s.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-4\.5\@m {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@m.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-4\.5\@l {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@l.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-4\.5\@xl {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xl.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-4\.5\@xxl {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xxl.u-m--neg {
    margin: -4.5rem;
  }
}
.u-mt-4\.5 {
  margin-top: 4.5rem;
}

.u-mt-4\.5.u-mt--neg {
  margin-top: -4.5rem;
}

@media (max-width: 360px) {
  .u-mt-4\.5\@xxs {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xxs.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-4\.5\@xs {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xs.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-4\.5\@s {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@s.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-4\.5\@m {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@m.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-4\.5\@l {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@l.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-4\.5\@xl {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xl.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-4\.5\@xxl {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xxl.u-mt--neg {
    margin-top: -4.5rem;
  }
}
.u-ml-4\.5 {
  margin-left: 4.5rem;
}

.u-ml-4\.5.u-ml--neg {
  margin-left: -4.5rem;
}

@media (max-width: 360px) {
  .u-ml-4\.5\@xxs {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xxs.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-4\.5\@xs {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xs.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-4\.5\@s {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@s.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-4\.5\@m {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@m.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-4\.5\@l {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@l.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-4\.5\@xl {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xl.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-4\.5\@xxl {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xxl.u-ml--neg {
    margin-left: -4.5rem;
  }
}
.u-mb-4\.5 {
  margin-bottom: 4.5rem;
}

.u-mb-4\.5.u-mb--neg {
  margin-bottom: -4.5rem;
}

@media (max-width: 360px) {
  .u-mb-4\.5\@xxs {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xxs.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-4\.5\@xs {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xs.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-4\.5\@s {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@s.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-4\.5\@m {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@m.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-4\.5\@l {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@l.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-4\.5\@xl {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xl.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-4\.5\@xxl {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xxl.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
.u-mr-4\.5 {
  margin-right: 4.5rem;
}

.u-mr-4\.5.u-mr--neg {
  margin-right: -4.5rem;
}

@media (max-width: 360px) {
  .u-mr-4\.5\@xxs {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xxs.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-4\.5\@xs {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xs.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-4\.5\@s {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@s.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-4\.5\@m {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@m.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-4\.5\@l {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@l.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-4\.5\@xl {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xl.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-4\.5\@xxl {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xxl.u-mr--neg {
    margin-right: -4.5rem;
  }
}
.u-m-5 {
  margin: 5rem;
}

.u-m-5.u-m--neg {
  margin: -5rem;
}

@media (max-width: 360px) {
  .u-m-5\@xxs {
    margin: 5rem !important;
  }
  .u-m-5\@xxs.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 575px) {
  .u-m-5\@xs {
    margin: 5rem !important;
  }
  .u-m-5\@xs.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 767px) {
  .u-m-5\@s {
    margin: 5rem !important;
  }
  .u-m-5\@s.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 991px) {
  .u-m-5\@m {
    margin: 5rem !important;
  }
  .u-m-5\@m.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-5\@l {
    margin: 5rem !important;
  }
  .u-m-5\@l.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-5\@xl {
    margin: 5rem !important;
  }
  .u-m-5\@xl.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-5\@xxl {
    margin: 5rem !important;
  }
  .u-m-5\@xxl.u-m--neg {
    margin: -5rem;
  }
}
.u-mt-5 {
  margin-top: 5rem;
}

.u-mt-5.u-mt--neg {
  margin-top: -5rem;
}

@media (max-width: 360px) {
  .u-mt-5\@xxs {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xxs.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-5\@xs {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xs.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-5\@s {
    margin-top: 5rem !important;
  }
  .u-mt-5\@s.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-5\@m {
    margin-top: 5rem !important;
  }
  .u-mt-5\@m.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-5\@l {
    margin-top: 5rem !important;
  }
  .u-mt-5\@l.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-5\@xl {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xl.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-5\@xxl {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xxl.u-mt--neg {
    margin-top: -5rem;
  }
}
.u-ml-5 {
  margin-left: 5rem;
}

.u-ml-5.u-ml--neg {
  margin-left: -5rem;
}

@media (max-width: 360px) {
  .u-ml-5\@xxs {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xxs.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-5\@xs {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xs.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-5\@s {
    margin-left: 5rem !important;
  }
  .u-ml-5\@s.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-5\@m {
    margin-left: 5rem !important;
  }
  .u-ml-5\@m.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-5\@l {
    margin-left: 5rem !important;
  }
  .u-ml-5\@l.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-5\@xl {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xl.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-5\@xxl {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xxl.u-ml--neg {
    margin-left: -5rem;
  }
}
.u-mb-5 {
  margin-bottom: 5rem;
}

.u-mb-5.u-mb--neg {
  margin-bottom: -5rem;
}

@media (max-width: 360px) {
  .u-mb-5\@xxs {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xxs.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-5\@xs {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xs.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-5\@s {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@s.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-5\@m {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@m.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-5\@l {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@l.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-5\@xl {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xl.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-5\@xxl {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xxl.u-mb--neg {
    margin-bottom: -5rem;
  }
}
.u-mr-5 {
  margin-right: 5rem;
}

.u-mr-5.u-mr--neg {
  margin-right: -5rem;
}

@media (max-width: 360px) {
  .u-mr-5\@xxs {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xxs.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-5\@xs {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xs.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-5\@s {
    margin-right: 5rem !important;
  }
  .u-mr-5\@s.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-5\@m {
    margin-right: 5rem !important;
  }
  .u-mr-5\@m.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-5\@l {
    margin-right: 5rem !important;
  }
  .u-mr-5\@l.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-5\@xl {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xl.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-5\@xxl {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xxl.u-mr--neg {
    margin-right: -5rem;
  }
}
.u-m-5\.5 {
  margin: 5.5rem;
}

.u-m-5\.5.u-m--neg {
  margin: -5.5rem;
}

@media (max-width: 360px) {
  .u-m-5\.5\@xxs {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xxs.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-5\.5\@xs {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xs.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-5\.5\@s {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@s.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-5\.5\@m {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@m.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-5\.5\@l {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@l.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-5\.5\@xl {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xl.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-5\.5\@xxl {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xxl.u-m--neg {
    margin: -5.5rem;
  }
}
.u-mt-5\.5 {
  margin-top: 5.5rem;
}

.u-mt-5\.5.u-mt--neg {
  margin-top: -5.5rem;
}

@media (max-width: 360px) {
  .u-mt-5\.5\@xxs {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xxs.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-5\.5\@xs {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xs.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-5\.5\@s {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@s.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-5\.5\@m {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@m.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-5\.5\@l {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@l.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-5\.5\@xl {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xl.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-5\.5\@xxl {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xxl.u-mt--neg {
    margin-top: -5.5rem;
  }
}
.u-ml-5\.5 {
  margin-left: 5.5rem;
}

.u-ml-5\.5.u-ml--neg {
  margin-left: -5.5rem;
}

@media (max-width: 360px) {
  .u-ml-5\.5\@xxs {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xxs.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-5\.5\@xs {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xs.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-5\.5\@s {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@s.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-5\.5\@m {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@m.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-5\.5\@l {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@l.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-5\.5\@xl {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xl.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-5\.5\@xxl {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xxl.u-ml--neg {
    margin-left: -5.5rem;
  }
}
.u-mb-5\.5 {
  margin-bottom: 5.5rem;
}

.u-mb-5\.5.u-mb--neg {
  margin-bottom: -5.5rem;
}

@media (max-width: 360px) {
  .u-mb-5\.5\@xxs {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xxs.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-5\.5\@xs {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xs.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-5\.5\@s {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@s.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-5\.5\@m {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@m.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-5\.5\@l {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@l.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-5\.5\@xl {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xl.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-5\.5\@xxl {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xxl.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
.u-mr-5\.5 {
  margin-right: 5.5rem;
}

.u-mr-5\.5.u-mr--neg {
  margin-right: -5.5rem;
}

@media (max-width: 360px) {
  .u-mr-5\.5\@xxs {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xxs.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-5\.5\@xs {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xs.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-5\.5\@s {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@s.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-5\.5\@m {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@m.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-5\.5\@l {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@l.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-5\.5\@xl {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xl.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-5\.5\@xxl {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xxl.u-mr--neg {
    margin-right: -5.5rem;
  }
}
.u-m-6 {
  margin: 6rem;
}

.u-m-6.u-m--neg {
  margin: -6rem;
}

@media (max-width: 360px) {
  .u-m-6\@xxs {
    margin: 6rem !important;
  }
  .u-m-6\@xxs.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 575px) {
  .u-m-6\@xs {
    margin: 6rem !important;
  }
  .u-m-6\@xs.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 767px) {
  .u-m-6\@s {
    margin: 6rem !important;
  }
  .u-m-6\@s.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 991px) {
  .u-m-6\@m {
    margin: 6rem !important;
  }
  .u-m-6\@m.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-m-6\@l {
    margin: 6rem !important;
  }
  .u-m-6\@l.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-m-6\@xl {
    margin: 6rem !important;
  }
  .u-m-6\@xl.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-m-6\@xxl {
    margin: 6rem !important;
  }
  .u-m-6\@xxl.u-m--neg {
    margin: -6rem;
  }
}
.u-mt-6 {
  margin-top: 6rem;
}

.u-mt-6.u-mt--neg {
  margin-top: -6rem;
}

@media (max-width: 360px) {
  .u-mt-6\@xxs {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xxs.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mt-6\@xs {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xs.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mt-6\@s {
    margin-top: 6rem !important;
  }
  .u-mt-6\@s.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mt-6\@m {
    margin-top: 6rem !important;
  }
  .u-mt-6\@m.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-6\@l {
    margin-top: 6rem !important;
  }
  .u-mt-6\@l.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-6\@xl {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xl.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-6\@xxl {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xxl.u-mt--neg {
    margin-top: -6rem;
  }
}
.u-ml-6 {
  margin-left: 6rem;
}

.u-ml-6.u-ml--neg {
  margin-left: -6rem;
}

@media (max-width: 360px) {
  .u-ml-6\@xxs {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xxs.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 575px) {
  .u-ml-6\@xs {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xs.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 767px) {
  .u-ml-6\@s {
    margin-left: 6rem !important;
  }
  .u-ml-6\@s.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 991px) {
  .u-ml-6\@m {
    margin-left: 6rem !important;
  }
  .u-ml-6\@m.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-6\@l {
    margin-left: 6rem !important;
  }
  .u-ml-6\@l.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-6\@xl {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xl.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-6\@xxl {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xxl.u-ml--neg {
    margin-left: -6rem;
  }
}
.u-mb-6 {
  margin-bottom: 6rem;
}

.u-mb-6.u-mb--neg {
  margin-bottom: -6rem;
}

@media (max-width: 360px) {
  .u-mb-6\@xxs {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xxs.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mb-6\@xs {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xs.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mb-6\@s {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@s.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mb-6\@m {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@m.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-6\@l {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@l.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-6\@xl {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xl.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-6\@xxl {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xxl.u-mb--neg {
    margin-bottom: -6rem;
  }
}
.u-mr-6 {
  margin-right: 6rem;
}

.u-mr-6.u-mr--neg {
  margin-right: -6rem;
}

@media (max-width: 360px) {
  .u-mr-6\@xxs {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xxs.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mr-6\@xs {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xs.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mr-6\@s {
    margin-right: 6rem !important;
  }
  .u-mr-6\@s.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mr-6\@m {
    margin-right: 6rem !important;
  }
  .u-mr-6\@m.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-6\@l {
    margin-right: 6rem !important;
  }
  .u-mr-6\@l.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-6\@xl {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xl.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-6\@xxl {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xxl.u-mr--neg {
    margin-right: -6rem;
  }
}
.u-m-6\.5 {
  margin: 6.5rem;
}

.u-m-6\.5.u-m--neg {
  margin: -6.5rem;
}

@media (max-width: 360px) {
  .u-m-6\.5\@xxs {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xxs.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-6\.5\@xs {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xs.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-6\.5\@s {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@s.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-6\.5\@m {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@m.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-6\.5\@l {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@l.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-6\.5\@xl {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xl.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-6\.5\@xxl {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xxl.u-m--neg {
    margin: -6.5rem;
  }
}
.u-mt-6\.5 {
  margin-top: 6.5rem;
}

.u-mt-6\.5.u-mt--neg {
  margin-top: -6.5rem;
}

@media (max-width: 360px) {
  .u-mt-6\.5\@xxs {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xxs.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-6\.5\@xs {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xs.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-6\.5\@s {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@s.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-6\.5\@m {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@m.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-6\.5\@l {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@l.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-6\.5\@xl {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xl.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-6\.5\@xxl {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xxl.u-mt--neg {
    margin-top: -6.5rem;
  }
}
.u-ml-6\.5 {
  margin-left: 6.5rem;
}

.u-ml-6\.5.u-ml--neg {
  margin-left: -6.5rem;
}

@media (max-width: 360px) {
  .u-ml-6\.5\@xxs {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xxs.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-6\.5\@xs {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xs.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-6\.5\@s {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@s.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-6\.5\@m {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@m.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-6\.5\@l {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@l.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-6\.5\@xl {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xl.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-6\.5\@xxl {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xxl.u-ml--neg {
    margin-left: -6.5rem;
  }
}
.u-mb-6\.5 {
  margin-bottom: 6.5rem;
}

.u-mb-6\.5.u-mb--neg {
  margin-bottom: -6.5rem;
}

@media (max-width: 360px) {
  .u-mb-6\.5\@xxs {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xxs.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-6\.5\@xs {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xs.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-6\.5\@s {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@s.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-6\.5\@m {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@m.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-6\.5\@l {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@l.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-6\.5\@xl {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xl.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-6\.5\@xxl {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xxl.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
.u-mr-6\.5 {
  margin-right: 6.5rem;
}

.u-mr-6\.5.u-mr--neg {
  margin-right: -6.5rem;
}

@media (max-width: 360px) {
  .u-mr-6\.5\@xxs {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xxs.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-6\.5\@xs {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xs.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-6\.5\@s {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@s.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-6\.5\@m {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@m.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-6\.5\@l {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@l.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-6\.5\@xl {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xl.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-6\.5\@xxl {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xxl.u-mr--neg {
    margin-right: -6.5rem;
  }
}
.u-m-7 {
  margin: 7rem;
}

.u-m-7.u-m--neg {
  margin: -7rem;
}

@media (max-width: 360px) {
  .u-m-7\@xxs {
    margin: 7rem !important;
  }
  .u-m-7\@xxs.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 575px) {
  .u-m-7\@xs {
    margin: 7rem !important;
  }
  .u-m-7\@xs.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 767px) {
  .u-m-7\@s {
    margin: 7rem !important;
  }
  .u-m-7\@s.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 991px) {
  .u-m-7\@m {
    margin: 7rem !important;
  }
  .u-m-7\@m.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-m-7\@l {
    margin: 7rem !important;
  }
  .u-m-7\@l.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-m-7\@xl {
    margin: 7rem !important;
  }
  .u-m-7\@xl.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-m-7\@xxl {
    margin: 7rem !important;
  }
  .u-m-7\@xxl.u-m--neg {
    margin: -7rem;
  }
}
.u-mt-7 {
  margin-top: 7rem;
}

.u-mt-7.u-mt--neg {
  margin-top: -7rem;
}

@media (max-width: 360px) {
  .u-mt-7\@xxs {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xxs.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mt-7\@xs {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xs.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mt-7\@s {
    margin-top: 7rem !important;
  }
  .u-mt-7\@s.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mt-7\@m {
    margin-top: 7rem !important;
  }
  .u-mt-7\@m.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-7\@l {
    margin-top: 7rem !important;
  }
  .u-mt-7\@l.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-7\@xl {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xl.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-7\@xxl {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xxl.u-mt--neg {
    margin-top: -7rem;
  }
}
.u-ml-7 {
  margin-left: 7rem;
}

.u-ml-7.u-ml--neg {
  margin-left: -7rem;
}

@media (max-width: 360px) {
  .u-ml-7\@xxs {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xxs.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 575px) {
  .u-ml-7\@xs {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xs.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 767px) {
  .u-ml-7\@s {
    margin-left: 7rem !important;
  }
  .u-ml-7\@s.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 991px) {
  .u-ml-7\@m {
    margin-left: 7rem !important;
  }
  .u-ml-7\@m.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-7\@l {
    margin-left: 7rem !important;
  }
  .u-ml-7\@l.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-7\@xl {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xl.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-7\@xxl {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xxl.u-ml--neg {
    margin-left: -7rem;
  }
}
.u-mb-7 {
  margin-bottom: 7rem;
}

.u-mb-7.u-mb--neg {
  margin-bottom: -7rem;
}

@media (max-width: 360px) {
  .u-mb-7\@xxs {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xxs.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mb-7\@xs {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xs.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mb-7\@s {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@s.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mb-7\@m {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@m.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-7\@l {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@l.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-7\@xl {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xl.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-7\@xxl {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xxl.u-mb--neg {
    margin-bottom: -7rem;
  }
}
.u-mr-7 {
  margin-right: 7rem;
}

.u-mr-7.u-mr--neg {
  margin-right: -7rem;
}

@media (max-width: 360px) {
  .u-mr-7\@xxs {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xxs.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mr-7\@xs {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xs.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mr-7\@s {
    margin-right: 7rem !important;
  }
  .u-mr-7\@s.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mr-7\@m {
    margin-right: 7rem !important;
  }
  .u-mr-7\@m.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-7\@l {
    margin-right: 7rem !important;
  }
  .u-mr-7\@l.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-7\@xl {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xl.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-7\@xxl {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xxl.u-mr--neg {
    margin-right: -7rem;
  }
}
.u-m-7\.5 {
  margin: 7.5rem;
}

.u-m-7\.5.u-m--neg {
  margin: -7.5rem;
}

@media (max-width: 360px) {
  .u-m-7\.5\@xxs {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xxs.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-7\.5\@xs {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xs.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-7\.5\@s {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@s.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-7\.5\@m {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@m.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-7\.5\@l {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@l.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-7\.5\@xl {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xl.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-7\.5\@xxl {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xxl.u-m--neg {
    margin: -7.5rem;
  }
}
.u-mt-7\.5 {
  margin-top: 7.5rem;
}

.u-mt-7\.5.u-mt--neg {
  margin-top: -7.5rem;
}

@media (max-width: 360px) {
  .u-mt-7\.5\@xxs {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xxs.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-7\.5\@xs {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xs.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-7\.5\@s {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@s.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-7\.5\@m {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@m.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-7\.5\@l {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@l.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-7\.5\@xl {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xl.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-7\.5\@xxl {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xxl.u-mt--neg {
    margin-top: -7.5rem;
  }
}
.u-ml-7\.5 {
  margin-left: 7.5rem;
}

.u-ml-7\.5.u-ml--neg {
  margin-left: -7.5rem;
}

@media (max-width: 360px) {
  .u-ml-7\.5\@xxs {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xxs.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-7\.5\@xs {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xs.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-7\.5\@s {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@s.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-7\.5\@m {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@m.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-7\.5\@l {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@l.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-7\.5\@xl {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xl.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-7\.5\@xxl {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xxl.u-ml--neg {
    margin-left: -7.5rem;
  }
}
.u-mb-7\.5 {
  margin-bottom: 7.5rem;
}

.u-mb-7\.5.u-mb--neg {
  margin-bottom: -7.5rem;
}

@media (max-width: 360px) {
  .u-mb-7\.5\@xxs {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xxs.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-7\.5\@xs {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xs.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-7\.5\@s {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@s.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-7\.5\@m {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@m.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-7\.5\@l {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@l.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-7\.5\@xl {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xl.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-7\.5\@xxl {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xxl.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
.u-mr-7\.5 {
  margin-right: 7.5rem;
}

.u-mr-7\.5.u-mr--neg {
  margin-right: -7.5rem;
}

@media (max-width: 360px) {
  .u-mr-7\.5\@xxs {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xxs.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-7\.5\@xs {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xs.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-7\.5\@s {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@s.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-7\.5\@m {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@m.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-7\.5\@l {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@l.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-7\.5\@xl {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xl.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-7\.5\@xxl {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xxl.u-mr--neg {
    margin-right: -7.5rem;
  }
}
.u-m-8 {
  margin: 8rem;
}

.u-m-8.u-m--neg {
  margin: -8rem;
}

@media (max-width: 360px) {
  .u-m-8\@xxs {
    margin: 8rem !important;
  }
  .u-m-8\@xxs.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 575px) {
  .u-m-8\@xs {
    margin: 8rem !important;
  }
  .u-m-8\@xs.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 767px) {
  .u-m-8\@s {
    margin: 8rem !important;
  }
  .u-m-8\@s.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 991px) {
  .u-m-8\@m {
    margin: 8rem !important;
  }
  .u-m-8\@m.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-m-8\@l {
    margin: 8rem !important;
  }
  .u-m-8\@l.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-m-8\@xl {
    margin: 8rem !important;
  }
  .u-m-8\@xl.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-m-8\@xxl {
    margin: 8rem !important;
  }
  .u-m-8\@xxl.u-m--neg {
    margin: -8rem;
  }
}
.u-mt-8 {
  margin-top: 8rem;
}

.u-mt-8.u-mt--neg {
  margin-top: -8rem;
}

@media (max-width: 360px) {
  .u-mt-8\@xxs {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xxs.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mt-8\@xs {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xs.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mt-8\@s {
    margin-top: 8rem !important;
  }
  .u-mt-8\@s.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mt-8\@m {
    margin-top: 8rem !important;
  }
  .u-mt-8\@m.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-8\@l {
    margin-top: 8rem !important;
  }
  .u-mt-8\@l.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-8\@xl {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xl.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-8\@xxl {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xxl.u-mt--neg {
    margin-top: -8rem;
  }
}
.u-ml-8 {
  margin-left: 8rem;
}

.u-ml-8.u-ml--neg {
  margin-left: -8rem;
}

@media (max-width: 360px) {
  .u-ml-8\@xxs {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xxs.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 575px) {
  .u-ml-8\@xs {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xs.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 767px) {
  .u-ml-8\@s {
    margin-left: 8rem !important;
  }
  .u-ml-8\@s.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 991px) {
  .u-ml-8\@m {
    margin-left: 8rem !important;
  }
  .u-ml-8\@m.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-8\@l {
    margin-left: 8rem !important;
  }
  .u-ml-8\@l.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-8\@xl {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xl.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-8\@xxl {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xxl.u-ml--neg {
    margin-left: -8rem;
  }
}
.u-mb-8 {
  margin-bottom: 8rem;
}

.u-mb-8.u-mb--neg {
  margin-bottom: -8rem;
}

@media (max-width: 360px) {
  .u-mb-8\@xxs {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xxs.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mb-8\@xs {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xs.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mb-8\@s {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@s.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mb-8\@m {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@m.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-8\@l {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@l.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-8\@xl {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xl.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-8\@xxl {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xxl.u-mb--neg {
    margin-bottom: -8rem;
  }
}
.u-mr-8 {
  margin-right: 8rem;
}

.u-mr-8.u-mr--neg {
  margin-right: -8rem;
}

@media (max-width: 360px) {
  .u-mr-8\@xxs {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xxs.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mr-8\@xs {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xs.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mr-8\@s {
    margin-right: 8rem !important;
  }
  .u-mr-8\@s.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mr-8\@m {
    margin-right: 8rem !important;
  }
  .u-mr-8\@m.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-8\@l {
    margin-right: 8rem !important;
  }
  .u-mr-8\@l.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-8\@xl {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xl.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-8\@xxl {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xxl.u-mr--neg {
    margin-right: -8rem;
  }
}
.u-m-8\.5 {
  margin: 8.5rem;
}

.u-m-8\.5.u-m--neg {
  margin: -8.5rem;
}

@media (max-width: 360px) {
  .u-m-8\.5\@xxs {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xxs.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-8\.5\@xs {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xs.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-8\.5\@s {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@s.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-8\.5\@m {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@m.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-8\.5\@l {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@l.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-8\.5\@xl {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xl.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-8\.5\@xxl {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xxl.u-m--neg {
    margin: -8.5rem;
  }
}
.u-mt-8\.5 {
  margin-top: 8.5rem;
}

.u-mt-8\.5.u-mt--neg {
  margin-top: -8.5rem;
}

@media (max-width: 360px) {
  .u-mt-8\.5\@xxs {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xxs.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-8\.5\@xs {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xs.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-8\.5\@s {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@s.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-8\.5\@m {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@m.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-8\.5\@l {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@l.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-8\.5\@xl {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xl.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-8\.5\@xxl {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xxl.u-mt--neg {
    margin-top: -8.5rem;
  }
}
.u-ml-8\.5 {
  margin-left: 8.5rem;
}

.u-ml-8\.5.u-ml--neg {
  margin-left: -8.5rem;
}

@media (max-width: 360px) {
  .u-ml-8\.5\@xxs {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xxs.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-8\.5\@xs {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xs.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-8\.5\@s {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@s.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-8\.5\@m {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@m.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-8\.5\@l {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@l.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-8\.5\@xl {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xl.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-8\.5\@xxl {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xxl.u-ml--neg {
    margin-left: -8.5rem;
  }
}
.u-mb-8\.5 {
  margin-bottom: 8.5rem;
}

.u-mb-8\.5.u-mb--neg {
  margin-bottom: -8.5rem;
}

@media (max-width: 360px) {
  .u-mb-8\.5\@xxs {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xxs.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-8\.5\@xs {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xs.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-8\.5\@s {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@s.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-8\.5\@m {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@m.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-8\.5\@l {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@l.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-8\.5\@xl {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xl.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-8\.5\@xxl {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xxl.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
.u-mr-8\.5 {
  margin-right: 8.5rem;
}

.u-mr-8\.5.u-mr--neg {
  margin-right: -8.5rem;
}

@media (max-width: 360px) {
  .u-mr-8\.5\@xxs {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xxs.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-8\.5\@xs {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xs.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-8\.5\@s {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@s.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-8\.5\@m {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@m.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-8\.5\@l {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@l.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-8\.5\@xl {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xl.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-8\.5\@xxl {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xxl.u-mr--neg {
    margin-right: -8.5rem;
  }
}
.u-m-9 {
  margin: 9rem;
}

.u-m-9.u-m--neg {
  margin: -9rem;
}

@media (max-width: 360px) {
  .u-m-9\@xxs {
    margin: 9rem !important;
  }
  .u-m-9\@xxs.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 575px) {
  .u-m-9\@xs {
    margin: 9rem !important;
  }
  .u-m-9\@xs.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 767px) {
  .u-m-9\@s {
    margin: 9rem !important;
  }
  .u-m-9\@s.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 991px) {
  .u-m-9\@m {
    margin: 9rem !important;
  }
  .u-m-9\@m.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-m-9\@l {
    margin: 9rem !important;
  }
  .u-m-9\@l.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-m-9\@xl {
    margin: 9rem !important;
  }
  .u-m-9\@xl.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-m-9\@xxl {
    margin: 9rem !important;
  }
  .u-m-9\@xxl.u-m--neg {
    margin: -9rem;
  }
}
.u-mt-9 {
  margin-top: 9rem;
}

.u-mt-9.u-mt--neg {
  margin-top: -9rem;
}

@media (max-width: 360px) {
  .u-mt-9\@xxs {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xxs.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mt-9\@xs {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xs.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mt-9\@s {
    margin-top: 9rem !important;
  }
  .u-mt-9\@s.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mt-9\@m {
    margin-top: 9rem !important;
  }
  .u-mt-9\@m.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-9\@l {
    margin-top: 9rem !important;
  }
  .u-mt-9\@l.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-9\@xl {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xl.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-9\@xxl {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xxl.u-mt--neg {
    margin-top: -9rem;
  }
}
.u-ml-9 {
  margin-left: 9rem;
}

.u-ml-9.u-ml--neg {
  margin-left: -9rem;
}

@media (max-width: 360px) {
  .u-ml-9\@xxs {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xxs.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 575px) {
  .u-ml-9\@xs {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xs.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 767px) {
  .u-ml-9\@s {
    margin-left: 9rem !important;
  }
  .u-ml-9\@s.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 991px) {
  .u-ml-9\@m {
    margin-left: 9rem !important;
  }
  .u-ml-9\@m.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-9\@l {
    margin-left: 9rem !important;
  }
  .u-ml-9\@l.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-9\@xl {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xl.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-9\@xxl {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xxl.u-ml--neg {
    margin-left: -9rem;
  }
}
.u-mb-9 {
  margin-bottom: 9rem;
}

.u-mb-9.u-mb--neg {
  margin-bottom: -9rem;
}

@media (max-width: 360px) {
  .u-mb-9\@xxs {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xxs.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mb-9\@xs {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xs.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mb-9\@s {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@s.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mb-9\@m {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@m.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-9\@l {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@l.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-9\@xl {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xl.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-9\@xxl {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xxl.u-mb--neg {
    margin-bottom: -9rem;
  }
}
.u-mr-9 {
  margin-right: 9rem;
}

.u-mr-9.u-mr--neg {
  margin-right: -9rem;
}

@media (max-width: 360px) {
  .u-mr-9\@xxs {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xxs.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mr-9\@xs {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xs.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mr-9\@s {
    margin-right: 9rem !important;
  }
  .u-mr-9\@s.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mr-9\@m {
    margin-right: 9rem !important;
  }
  .u-mr-9\@m.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-9\@l {
    margin-right: 9rem !important;
  }
  .u-mr-9\@l.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-9\@xl {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xl.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-9\@xxl {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xxl.u-mr--neg {
    margin-right: -9rem;
  }
}
.u-m-9\.5 {
  margin: 9.5rem;
}

.u-m-9\.5.u-m--neg {
  margin: -9.5rem;
}

@media (max-width: 360px) {
  .u-m-9\.5\@xxs {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xxs.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-9\.5\@xs {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xs.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-9\.5\@s {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@s.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-9\.5\@m {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@m.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-9\.5\@l {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@l.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-9\.5\@xl {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xl.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-9\.5\@xxl {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xxl.u-m--neg {
    margin: -9.5rem;
  }
}
.u-mt-9\.5 {
  margin-top: 9.5rem;
}

.u-mt-9\.5.u-mt--neg {
  margin-top: -9.5rem;
}

@media (max-width: 360px) {
  .u-mt-9\.5\@xxs {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xxs.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-9\.5\@xs {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xs.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-9\.5\@s {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@s.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-9\.5\@m {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@m.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-9\.5\@l {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@l.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-9\.5\@xl {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xl.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-9\.5\@xxl {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xxl.u-mt--neg {
    margin-top: -9.5rem;
  }
}
.u-ml-9\.5 {
  margin-left: 9.5rem;
}

.u-ml-9\.5.u-ml--neg {
  margin-left: -9.5rem;
}

@media (max-width: 360px) {
  .u-ml-9\.5\@xxs {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xxs.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-9\.5\@xs {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xs.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-9\.5\@s {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@s.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-9\.5\@m {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@m.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-9\.5\@l {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@l.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-9\.5\@xl {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xl.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-9\.5\@xxl {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xxl.u-ml--neg {
    margin-left: -9.5rem;
  }
}
.u-mb-9\.5 {
  margin-bottom: 9.5rem;
}

.u-mb-9\.5.u-mb--neg {
  margin-bottom: -9.5rem;
}

@media (max-width: 360px) {
  .u-mb-9\.5\@xxs {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xxs.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-9\.5\@xs {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xs.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-9\.5\@s {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@s.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-9\.5\@m {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@m.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-9\.5\@l {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@l.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-9\.5\@xl {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xl.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-9\.5\@xxl {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xxl.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
.u-mr-9\.5 {
  margin-right: 9.5rem;
}

.u-mr-9\.5.u-mr--neg {
  margin-right: -9.5rem;
}

@media (max-width: 360px) {
  .u-mr-9\.5\@xxs {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xxs.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-9\.5\@xs {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xs.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-9\.5\@s {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@s.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-9\.5\@m {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@m.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-9\.5\@l {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@l.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-9\.5\@xl {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xl.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-9\.5\@xxl {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xxl.u-mr--neg {
    margin-right: -9.5rem;
  }
}
.u-m-10 {
  margin: 10rem;
}

.u-m-10.u-m--neg {
  margin: -10rem;
}

@media (max-width: 360px) {
  .u-m-10\@xxs {
    margin: 10rem !important;
  }
  .u-m-10\@xxs.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 575px) {
  .u-m-10\@xs {
    margin: 10rem !important;
  }
  .u-m-10\@xs.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 767px) {
  .u-m-10\@s {
    margin: 10rem !important;
  }
  .u-m-10\@s.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 991px) {
  .u-m-10\@m {
    margin: 10rem !important;
  }
  .u-m-10\@m.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-m-10\@l {
    margin: 10rem !important;
  }
  .u-m-10\@l.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-m-10\@xl {
    margin: 10rem !important;
  }
  .u-m-10\@xl.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-m-10\@xxl {
    margin: 10rem !important;
  }
  .u-m-10\@xxl.u-m--neg {
    margin: -10rem;
  }
}
.u-mt-10 {
  margin-top: 10rem;
}

.u-mt-10.u-mt--neg {
  margin-top: -10rem;
}

@media (max-width: 360px) {
  .u-mt-10\@xxs {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xxs.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mt-10\@xs {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xs.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mt-10\@s {
    margin-top: 10rem !important;
  }
  .u-mt-10\@s.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mt-10\@m {
    margin-top: 10rem !important;
  }
  .u-mt-10\@m.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-10\@l {
    margin-top: 10rem !important;
  }
  .u-mt-10\@l.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-10\@xl {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xl.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-10\@xxl {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xxl.u-mt--neg {
    margin-top: -10rem;
  }
}
.u-ml-10 {
  margin-left: 10rem;
}

.u-ml-10.u-ml--neg {
  margin-left: -10rem;
}

@media (max-width: 360px) {
  .u-ml-10\@xxs {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xxs.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 575px) {
  .u-ml-10\@xs {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xs.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 767px) {
  .u-ml-10\@s {
    margin-left: 10rem !important;
  }
  .u-ml-10\@s.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 991px) {
  .u-ml-10\@m {
    margin-left: 10rem !important;
  }
  .u-ml-10\@m.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-10\@l {
    margin-left: 10rem !important;
  }
  .u-ml-10\@l.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-10\@xl {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xl.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-10\@xxl {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xxl.u-ml--neg {
    margin-left: -10rem;
  }
}
.u-mb-10 {
  margin-bottom: 10rem;
}

.u-mb-10.u-mb--neg {
  margin-bottom: -10rem;
}

@media (max-width: 360px) {
  .u-mb-10\@xxs {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xxs.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mb-10\@xs {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xs.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mb-10\@s {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@s.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mb-10\@m {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@m.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-10\@l {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@l.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-10\@xl {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xl.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-10\@xxl {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xxl.u-mb--neg {
    margin-bottom: -10rem;
  }
}
.u-mr-10 {
  margin-right: 10rem;
}

.u-mr-10.u-mr--neg {
  margin-right: -10rem;
}

@media (max-width: 360px) {
  .u-mr-10\@xxs {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xxs.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mr-10\@xs {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xs.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mr-10\@s {
    margin-right: 10rem !important;
  }
  .u-mr-10\@s.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mr-10\@m {
    margin-right: 10rem !important;
  }
  .u-mr-10\@m.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-10\@l {
    margin-right: 10rem !important;
  }
  .u-mr-10\@l.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-10\@xl {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xl.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-10\@xxl {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xxl.u-mr--neg {
    margin-right: -10rem;
  }
}
.u-p-0 {
  padding: 0;
}

.u-p-0.u-p--neg {
  padding: 0;
}

@media (max-width: 360px) {
  .u-p-0\@xxs {
    padding: 0 !important;
  }
  .u-p-0\@xxs.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .u-p-0\@xs {
    padding: 0 !important;
  }
  .u-p-0\@xs.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .u-p-0\@s {
    padding: 0 !important;
  }
  .u-p-0\@s.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .u-p-0\@m {
    padding: 0 !important;
  }
  .u-p-0\@m.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .u-p-0\@l {
    padding: 0 !important;
  }
  .u-p-0\@l.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1440px) {
  .u-p-0\@xl {
    padding: 0 !important;
  }
  .u-p-0\@xl.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1679px) {
  .u-p-0\@xxl {
    padding: 0 !important;
  }
  .u-p-0\@xxl.u-p--neg {
    padding: 0;
  }
}
.u-pt-0 {
  padding-top: 0;
}

.u-pt-0.u-pt--neg {
  padding-top: 0;
}

@media (max-width: 360px) {
  .u-pt-0\@xxs {
    padding-top: 0 !important;
  }
  .u-pt-0\@xxs.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .u-pt-0\@xs {
    padding-top: 0 !important;
  }
  .u-pt-0\@xs.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .u-pt-0\@s {
    padding-top: 0 !important;
  }
  .u-pt-0\@s.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .u-pt-0\@m {
    padding-top: 0 !important;
  }
  .u-pt-0\@m.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .u-pt-0\@l {
    padding-top: 0 !important;
  }
  .u-pt-0\@l.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1440px) {
  .u-pt-0\@xl {
    padding-top: 0 !important;
  }
  .u-pt-0\@xl.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1679px) {
  .u-pt-0\@xxl {
    padding-top: 0 !important;
  }
  .u-pt-0\@xxl.u-pt--neg {
    padding-top: 0;
  }
}
.u-pl-0 {
  padding-left: 0;
}

.u-pl-0.u-pl--neg {
  padding-left: 0;
}

@media (max-width: 360px) {
  .u-pl-0\@xxs {
    padding-left: 0 !important;
  }
  .u-pl-0\@xxs.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .u-pl-0\@xs {
    padding-left: 0 !important;
  }
  .u-pl-0\@xs.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .u-pl-0\@s {
    padding-left: 0 !important;
  }
  .u-pl-0\@s.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .u-pl-0\@m {
    padding-left: 0 !important;
  }
  .u-pl-0\@m.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .u-pl-0\@l {
    padding-left: 0 !important;
  }
  .u-pl-0\@l.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1440px) {
  .u-pl-0\@xl {
    padding-left: 0 !important;
  }
  .u-pl-0\@xl.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1679px) {
  .u-pl-0\@xxl {
    padding-left: 0 !important;
  }
  .u-pl-0\@xxl.u-pl--neg {
    padding-left: 0;
  }
}
.u-pb-0 {
  padding-bottom: 0;
}

.u-pb-0.u-pb--neg {
  padding-bottom: 0;
}

@media (max-width: 360px) {
  .u-pb-0\@xxs {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xxs.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 575px) {
  .u-pb-0\@xs {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xs.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .u-pb-0\@s {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@s.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .u-pb-0\@m {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@m.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .u-pb-0\@l {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@l.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .u-pb-0\@xl {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xl.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1679px) {
  .u-pb-0\@xxl {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xxl.u-pb--neg {
    padding-bottom: 0;
  }
}
.u-pr-0 {
  padding-right: 0;
}

.u-pr-0.u-pr--neg {
  padding-right: 0;
}

@media (max-width: 360px) {
  .u-pr-0\@xxs {
    padding-right: 0 !important;
  }
  .u-pr-0\@xxs.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .u-pr-0\@xs {
    padding-right: 0 !important;
  }
  .u-pr-0\@xs.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .u-pr-0\@s {
    padding-right: 0 !important;
  }
  .u-pr-0\@s.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .u-pr-0\@m {
    padding-right: 0 !important;
  }
  .u-pr-0\@m.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .u-pr-0\@l {
    padding-right: 0 !important;
  }
  .u-pr-0\@l.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1440px) {
  .u-pr-0\@xl {
    padding-right: 0 !important;
  }
  .u-pr-0\@xl.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1679px) {
  .u-pr-0\@xxl {
    padding-right: 0 !important;
  }
  .u-pr-0\@xxl.u-pr--neg {
    padding-right: 0;
  }
}
.u-p-0\.5 {
  padding: 0.5rem;
}

.u-p-0\.5.u-p--neg {
  padding: -0.5rem;
}

@media (max-width: 360px) {
  .u-p-0\.5\@xxs {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xxs.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-0\.5\@xs {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xs.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-0\.5\@s {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@s.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-0\.5\@m {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@m.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-0\.5\@l {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@l.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-0\.5\@xl {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xl.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-0\.5\@xxl {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xxl.u-p--neg {
    padding: -0.5rem;
  }
}
.u-pt-0\.5 {
  padding-top: 0.5rem;
}

.u-pt-0\.5.u-pt--neg {
  padding-top: -0.5rem;
}

@media (max-width: 360px) {
  .u-pt-0\.5\@xxs {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xxs.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-0\.5\@xs {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xs.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-0\.5\@s {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@s.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-0\.5\@m {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@m.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-0\.5\@l {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@l.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-0\.5\@xl {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xl.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-0\.5\@xxl {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xxl.u-pt--neg {
    padding-top: -0.5rem;
  }
}
.u-pl-0\.5 {
  padding-left: 0.5rem;
}

.u-pl-0\.5.u-pl--neg {
  padding-left: -0.5rem;
}

@media (max-width: 360px) {
  .u-pl-0\.5\@xxs {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xxs.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-0\.5\@xs {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xs.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-0\.5\@s {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@s.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-0\.5\@m {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@m.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-0\.5\@l {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@l.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-0\.5\@xl {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xl.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-0\.5\@xxl {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xxl.u-pl--neg {
    padding-left: -0.5rem;
  }
}
.u-pb-0\.5 {
  padding-bottom: 0.5rem;
}

.u-pb-0\.5.u-pb--neg {
  padding-bottom: -0.5rem;
}

@media (max-width: 360px) {
  .u-pb-0\.5\@xxs {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xxs.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-0\.5\@xs {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xs.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-0\.5\@s {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@s.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-0\.5\@m {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@m.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-0\.5\@l {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@l.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-0\.5\@xl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xl.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-0\.5\@xxl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xxl.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
.u-pr-0\.5 {
  padding-right: 0.5rem;
}

.u-pr-0\.5.u-pr--neg {
  padding-right: -0.5rem;
}

@media (max-width: 360px) {
  .u-pr-0\.5\@xxs {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xxs.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-0\.5\@xs {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xs.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-0\.5\@s {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@s.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-0\.5\@m {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@m.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-0\.5\@l {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@l.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-0\.5\@xl {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xl.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-0\.5\@xxl {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xxl.u-pr--neg {
    padding-right: -0.5rem;
  }
}
.u-p-1 {
  padding: 1rem;
}

.u-p-1.u-p--neg {
  padding: -1rem;
}

@media (max-width: 360px) {
  .u-p-1\@xxs {
    padding: 1rem !important;
  }
  .u-p-1\@xxs.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 575px) {
  .u-p-1\@xs {
    padding: 1rem !important;
  }
  .u-p-1\@xs.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 767px) {
  .u-p-1\@s {
    padding: 1rem !important;
  }
  .u-p-1\@s.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 991px) {
  .u-p-1\@m {
    padding: 1rem !important;
  }
  .u-p-1\@m.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-p-1\@l {
    padding: 1rem !important;
  }
  .u-p-1\@l.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-p-1\@xl {
    padding: 1rem !important;
  }
  .u-p-1\@xl.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-p-1\@xxl {
    padding: 1rem !important;
  }
  .u-p-1\@xxl.u-p--neg {
    padding: -1rem;
  }
}
.u-pt-1 {
  padding-top: 1rem;
}

.u-pt-1.u-pt--neg {
  padding-top: -1rem;
}

@media (max-width: 360px) {
  .u-pt-1\@xxs {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xxs.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pt-1\@xs {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xs.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pt-1\@s {
    padding-top: 1rem !important;
  }
  .u-pt-1\@s.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pt-1\@m {
    padding-top: 1rem !important;
  }
  .u-pt-1\@m.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-1\@l {
    padding-top: 1rem !important;
  }
  .u-pt-1\@l.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-1\@xl {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xl.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-1\@xxl {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xxl.u-pt--neg {
    padding-top: -1rem;
  }
}
.u-pl-1 {
  padding-left: 1rem;
}

.u-pl-1.u-pl--neg {
  padding-left: -1rem;
}

@media (max-width: 360px) {
  .u-pl-1\@xxs {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xxs.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pl-1\@xs {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xs.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pl-1\@s {
    padding-left: 1rem !important;
  }
  .u-pl-1\@s.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pl-1\@m {
    padding-left: 1rem !important;
  }
  .u-pl-1\@m.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-1\@l {
    padding-left: 1rem !important;
  }
  .u-pl-1\@l.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-1\@xl {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xl.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-1\@xxl {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xxl.u-pl--neg {
    padding-left: -1rem;
  }
}
.u-pb-1 {
  padding-bottom: 1rem;
}

.u-pb-1.u-pb--neg {
  padding-bottom: -1rem;
}

@media (max-width: 360px) {
  .u-pb-1\@xxs {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xxs.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pb-1\@xs {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xs.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pb-1\@s {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@s.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pb-1\@m {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@m.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-1\@l {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@l.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-1\@xl {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xl.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-1\@xxl {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xxl.u-pb--neg {
    padding-bottom: -1rem;
  }
}
.u-pr-1 {
  padding-right: 1rem;
}

.u-pr-1.u-pr--neg {
  padding-right: -1rem;
}

@media (max-width: 360px) {
  .u-pr-1\@xxs {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xxs.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pr-1\@xs {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xs.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pr-1\@s {
    padding-right: 1rem !important;
  }
  .u-pr-1\@s.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pr-1\@m {
    padding-right: 1rem !important;
  }
  .u-pr-1\@m.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-1\@l {
    padding-right: 1rem !important;
  }
  .u-pr-1\@l.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-1\@xl {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xl.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-1\@xxl {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xxl.u-pr--neg {
    padding-right: -1rem;
  }
}
.u-p-1\.5 {
  padding: 1.5rem;
}

.u-p-1\.5.u-p--neg {
  padding: -1.5rem;
}

@media (max-width: 360px) {
  .u-p-1\.5\@xxs {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xxs.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-1\.5\@xs {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xs.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-1\.5\@s {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@s.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-1\.5\@m {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@m.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-1\.5\@l {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@l.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-1\.5\@xl {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xl.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-1\.5\@xxl {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xxl.u-p--neg {
    padding: -1.5rem;
  }
}
.u-pt-1\.5 {
  padding-top: 1.5rem;
}

.u-pt-1\.5.u-pt--neg {
  padding-top: -1.5rem;
}

@media (max-width: 360px) {
  .u-pt-1\.5\@xxs {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xxs.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-1\.5\@xs {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xs.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-1\.5\@s {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@s.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-1\.5\@m {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@m.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-1\.5\@l {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@l.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-1\.5\@xl {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xl.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-1\.5\@xxl {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xxl.u-pt--neg {
    padding-top: -1.5rem;
  }
}
.u-pl-1\.5 {
  padding-left: 1.5rem;
}

.u-pl-1\.5.u-pl--neg {
  padding-left: -1.5rem;
}

@media (max-width: 360px) {
  .u-pl-1\.5\@xxs {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xxs.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-1\.5\@xs {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xs.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-1\.5\@s {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@s.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-1\.5\@m {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@m.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-1\.5\@l {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@l.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-1\.5\@xl {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xl.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-1\.5\@xxl {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xxl.u-pl--neg {
    padding-left: -1.5rem;
  }
}
.u-pb-1\.5 {
  padding-bottom: 1.5rem;
}

.u-pb-1\.5.u-pb--neg {
  padding-bottom: -1.5rem;
}

@media (max-width: 360px) {
  .u-pb-1\.5\@xxs {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xxs.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-1\.5\@xs {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xs.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-1\.5\@s {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@s.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-1\.5\@m {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@m.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-1\.5\@l {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@l.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-1\.5\@xl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xl.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-1\.5\@xxl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xxl.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
.u-pr-1\.5 {
  padding-right: 1.5rem;
}

.u-pr-1\.5.u-pr--neg {
  padding-right: -1.5rem;
}

@media (max-width: 360px) {
  .u-pr-1\.5\@xxs {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xxs.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-1\.5\@xs {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xs.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-1\.5\@s {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@s.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-1\.5\@m {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@m.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-1\.5\@l {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@l.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-1\.5\@xl {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xl.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-1\.5\@xxl {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xxl.u-pr--neg {
    padding-right: -1.5rem;
  }
}
.u-p-2 {
  padding: 2rem;
}

.u-p-2.u-p--neg {
  padding: -2rem;
}

@media (max-width: 360px) {
  .u-p-2\@xxs {
    padding: 2rem !important;
  }
  .u-p-2\@xxs.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 575px) {
  .u-p-2\@xs {
    padding: 2rem !important;
  }
  .u-p-2\@xs.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 767px) {
  .u-p-2\@s {
    padding: 2rem !important;
  }
  .u-p-2\@s.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 991px) {
  .u-p-2\@m {
    padding: 2rem !important;
  }
  .u-p-2\@m.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-p-2\@l {
    padding: 2rem !important;
  }
  .u-p-2\@l.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-p-2\@xl {
    padding: 2rem !important;
  }
  .u-p-2\@xl.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-p-2\@xxl {
    padding: 2rem !important;
  }
  .u-p-2\@xxl.u-p--neg {
    padding: -2rem;
  }
}
.u-pt-2 {
  padding-top: 2rem;
}

.u-pt-2.u-pt--neg {
  padding-top: -2rem;
}

@media (max-width: 360px) {
  .u-pt-2\@xxs {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xxs.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pt-2\@xs {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xs.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pt-2\@s {
    padding-top: 2rem !important;
  }
  .u-pt-2\@s.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pt-2\@m {
    padding-top: 2rem !important;
  }
  .u-pt-2\@m.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-2\@l {
    padding-top: 2rem !important;
  }
  .u-pt-2\@l.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-2\@xl {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xl.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-2\@xxl {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xxl.u-pt--neg {
    padding-top: -2rem;
  }
}
.u-pl-2 {
  padding-left: 2rem;
}

.u-pl-2.u-pl--neg {
  padding-left: -2rem;
}

@media (max-width: 360px) {
  .u-pl-2\@xxs {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xxs.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pl-2\@xs {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xs.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pl-2\@s {
    padding-left: 2rem !important;
  }
  .u-pl-2\@s.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pl-2\@m {
    padding-left: 2rem !important;
  }
  .u-pl-2\@m.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-2\@l {
    padding-left: 2rem !important;
  }
  .u-pl-2\@l.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-2\@xl {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xl.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-2\@xxl {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xxl.u-pl--neg {
    padding-left: -2rem;
  }
}
.u-pb-2 {
  padding-bottom: 2rem;
}

.u-pb-2.u-pb--neg {
  padding-bottom: -2rem;
}

@media (max-width: 360px) {
  .u-pb-2\@xxs {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xxs.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pb-2\@xs {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xs.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pb-2\@s {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@s.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pb-2\@m {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@m.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-2\@l {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@l.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-2\@xl {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xl.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-2\@xxl {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xxl.u-pb--neg {
    padding-bottom: -2rem;
  }
}
.u-pr-2 {
  padding-right: 2rem;
}

.u-pr-2.u-pr--neg {
  padding-right: -2rem;
}

@media (max-width: 360px) {
  .u-pr-2\@xxs {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xxs.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pr-2\@xs {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xs.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pr-2\@s {
    padding-right: 2rem !important;
  }
  .u-pr-2\@s.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pr-2\@m {
    padding-right: 2rem !important;
  }
  .u-pr-2\@m.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-2\@l {
    padding-right: 2rem !important;
  }
  .u-pr-2\@l.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-2\@xl {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xl.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-2\@xxl {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xxl.u-pr--neg {
    padding-right: -2rem;
  }
}
.u-p-2\.5 {
  padding: 2.5rem;
}

.u-p-2\.5.u-p--neg {
  padding: -2.5rem;
}

@media (max-width: 360px) {
  .u-p-2\.5\@xxs {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xxs.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-2\.5\@xs {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xs.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-2\.5\@s {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@s.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-2\.5\@m {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@m.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-2\.5\@l {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@l.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-2\.5\@xl {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xl.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-2\.5\@xxl {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xxl.u-p--neg {
    padding: -2.5rem;
  }
}
.u-pt-2\.5 {
  padding-top: 2.5rem;
}

.u-pt-2\.5.u-pt--neg {
  padding-top: -2.5rem;
}

@media (max-width: 360px) {
  .u-pt-2\.5\@xxs {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xxs.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-2\.5\@xs {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xs.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-2\.5\@s {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@s.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-2\.5\@m {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@m.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-2\.5\@l {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@l.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-2\.5\@xl {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xl.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-2\.5\@xxl {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xxl.u-pt--neg {
    padding-top: -2.5rem;
  }
}
.u-pl-2\.5 {
  padding-left: 2.5rem;
}

.u-pl-2\.5.u-pl--neg {
  padding-left: -2.5rem;
}

@media (max-width: 360px) {
  .u-pl-2\.5\@xxs {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xxs.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-2\.5\@xs {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xs.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-2\.5\@s {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@s.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-2\.5\@m {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@m.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-2\.5\@l {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@l.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-2\.5\@xl {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xl.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-2\.5\@xxl {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xxl.u-pl--neg {
    padding-left: -2.5rem;
  }
}
.u-pb-2\.5 {
  padding-bottom: 2.5rem;
}

.u-pb-2\.5.u-pb--neg {
  padding-bottom: -2.5rem;
}

@media (max-width: 360px) {
  .u-pb-2\.5\@xxs {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xxs.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-2\.5\@xs {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xs.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-2\.5\@s {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@s.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-2\.5\@m {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@m.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-2\.5\@l {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@l.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-2\.5\@xl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xl.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-2\.5\@xxl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xxl.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
.u-pr-2\.5 {
  padding-right: 2.5rem;
}

.u-pr-2\.5.u-pr--neg {
  padding-right: -2.5rem;
}

@media (max-width: 360px) {
  .u-pr-2\.5\@xxs {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xxs.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-2\.5\@xs {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xs.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-2\.5\@s {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@s.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-2\.5\@m {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@m.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-2\.5\@l {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@l.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-2\.5\@xl {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xl.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-2\.5\@xxl {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xxl.u-pr--neg {
    padding-right: -2.5rem;
  }
}
.u-p-3 {
  padding: 3rem;
}

.u-p-3.u-p--neg {
  padding: -3rem;
}

@media (max-width: 360px) {
  .u-p-3\@xxs {
    padding: 3rem !important;
  }
  .u-p-3\@xxs.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 575px) {
  .u-p-3\@xs {
    padding: 3rem !important;
  }
  .u-p-3\@xs.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 767px) {
  .u-p-3\@s {
    padding: 3rem !important;
  }
  .u-p-3\@s.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 991px) {
  .u-p-3\@m {
    padding: 3rem !important;
  }
  .u-p-3\@m.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-p-3\@l {
    padding: 3rem !important;
  }
  .u-p-3\@l.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-p-3\@xl {
    padding: 3rem !important;
  }
  .u-p-3\@xl.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-p-3\@xxl {
    padding: 3rem !important;
  }
  .u-p-3\@xxl.u-p--neg {
    padding: -3rem;
  }
}
.u-pt-3 {
  padding-top: 3rem;
}

.u-pt-3.u-pt--neg {
  padding-top: -3rem;
}

@media (max-width: 360px) {
  .u-pt-3\@xxs {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xxs.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pt-3\@xs {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xs.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pt-3\@s {
    padding-top: 3rem !important;
  }
  .u-pt-3\@s.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pt-3\@m {
    padding-top: 3rem !important;
  }
  .u-pt-3\@m.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-3\@l {
    padding-top: 3rem !important;
  }
  .u-pt-3\@l.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-3\@xl {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xl.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-3\@xxl {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xxl.u-pt--neg {
    padding-top: -3rem;
  }
}
.u-pl-3 {
  padding-left: 3rem;
}

.u-pl-3.u-pl--neg {
  padding-left: -3rem;
}

@media (max-width: 360px) {
  .u-pl-3\@xxs {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xxs.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pl-3\@xs {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xs.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pl-3\@s {
    padding-left: 3rem !important;
  }
  .u-pl-3\@s.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pl-3\@m {
    padding-left: 3rem !important;
  }
  .u-pl-3\@m.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-3\@l {
    padding-left: 3rem !important;
  }
  .u-pl-3\@l.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-3\@xl {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xl.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-3\@xxl {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xxl.u-pl--neg {
    padding-left: -3rem;
  }
}
.u-pb-3 {
  padding-bottom: 3rem;
}

.u-pb-3.u-pb--neg {
  padding-bottom: -3rem;
}

@media (max-width: 360px) {
  .u-pb-3\@xxs {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xxs.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pb-3\@xs {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xs.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pb-3\@s {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@s.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pb-3\@m {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@m.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-3\@l {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@l.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-3\@xl {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xl.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-3\@xxl {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xxl.u-pb--neg {
    padding-bottom: -3rem;
  }
}
.u-pr-3 {
  padding-right: 3rem;
}

.u-pr-3.u-pr--neg {
  padding-right: -3rem;
}

@media (max-width: 360px) {
  .u-pr-3\@xxs {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xxs.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pr-3\@xs {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xs.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pr-3\@s {
    padding-right: 3rem !important;
  }
  .u-pr-3\@s.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pr-3\@m {
    padding-right: 3rem !important;
  }
  .u-pr-3\@m.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-3\@l {
    padding-right: 3rem !important;
  }
  .u-pr-3\@l.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-3\@xl {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xl.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-3\@xxl {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xxl.u-pr--neg {
    padding-right: -3rem;
  }
}
.u-p-3\.5 {
  padding: 3.5rem;
}

.u-p-3\.5.u-p--neg {
  padding: -3.5rem;
}

@media (max-width: 360px) {
  .u-p-3\.5\@xxs {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xxs.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-3\.5\@xs {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xs.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-3\.5\@s {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@s.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-3\.5\@m {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@m.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-3\.5\@l {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@l.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-3\.5\@xl {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xl.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-3\.5\@xxl {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xxl.u-p--neg {
    padding: -3.5rem;
  }
}
.u-pt-3\.5 {
  padding-top: 3.5rem;
}

.u-pt-3\.5.u-pt--neg {
  padding-top: -3.5rem;
}

@media (max-width: 360px) {
  .u-pt-3\.5\@xxs {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xxs.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-3\.5\@xs {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xs.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-3\.5\@s {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@s.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-3\.5\@m {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@m.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-3\.5\@l {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@l.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-3\.5\@xl {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xl.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-3\.5\@xxl {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xxl.u-pt--neg {
    padding-top: -3.5rem;
  }
}
.u-pl-3\.5 {
  padding-left: 3.5rem;
}

.u-pl-3\.5.u-pl--neg {
  padding-left: -3.5rem;
}

@media (max-width: 360px) {
  .u-pl-3\.5\@xxs {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xxs.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-3\.5\@xs {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xs.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-3\.5\@s {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@s.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-3\.5\@m {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@m.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-3\.5\@l {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@l.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-3\.5\@xl {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xl.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-3\.5\@xxl {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xxl.u-pl--neg {
    padding-left: -3.5rem;
  }
}
.u-pb-3\.5 {
  padding-bottom: 3.5rem;
}

.u-pb-3\.5.u-pb--neg {
  padding-bottom: -3.5rem;
}

@media (max-width: 360px) {
  .u-pb-3\.5\@xxs {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xxs.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-3\.5\@xs {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xs.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-3\.5\@s {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@s.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-3\.5\@m {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@m.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-3\.5\@l {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@l.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-3\.5\@xl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xl.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-3\.5\@xxl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xxl.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
.u-pr-3\.5 {
  padding-right: 3.5rem;
}

.u-pr-3\.5.u-pr--neg {
  padding-right: -3.5rem;
}

@media (max-width: 360px) {
  .u-pr-3\.5\@xxs {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xxs.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-3\.5\@xs {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xs.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-3\.5\@s {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@s.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-3\.5\@m {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@m.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-3\.5\@l {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@l.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-3\.5\@xl {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xl.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-3\.5\@xxl {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xxl.u-pr--neg {
    padding-right: -3.5rem;
  }
}
.u-p-4 {
  padding: 4rem;
}

.u-p-4.u-p--neg {
  padding: -4rem;
}

@media (max-width: 360px) {
  .u-p-4\@xxs {
    padding: 4rem !important;
  }
  .u-p-4\@xxs.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 575px) {
  .u-p-4\@xs {
    padding: 4rem !important;
  }
  .u-p-4\@xs.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 767px) {
  .u-p-4\@s {
    padding: 4rem !important;
  }
  .u-p-4\@s.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 991px) {
  .u-p-4\@m {
    padding: 4rem !important;
  }
  .u-p-4\@m.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-p-4\@l {
    padding: 4rem !important;
  }
  .u-p-4\@l.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-p-4\@xl {
    padding: 4rem !important;
  }
  .u-p-4\@xl.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-p-4\@xxl {
    padding: 4rem !important;
  }
  .u-p-4\@xxl.u-p--neg {
    padding: -4rem;
  }
}
.u-pt-4 {
  padding-top: 4rem;
}

.u-pt-4.u-pt--neg {
  padding-top: -4rem;
}

@media (max-width: 360px) {
  .u-pt-4\@xxs {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xxs.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pt-4\@xs {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xs.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pt-4\@s {
    padding-top: 4rem !important;
  }
  .u-pt-4\@s.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pt-4\@m {
    padding-top: 4rem !important;
  }
  .u-pt-4\@m.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-4\@l {
    padding-top: 4rem !important;
  }
  .u-pt-4\@l.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-4\@xl {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xl.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-4\@xxl {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xxl.u-pt--neg {
    padding-top: -4rem;
  }
}
.u-pl-4 {
  padding-left: 4rem;
}

.u-pl-4.u-pl--neg {
  padding-left: -4rem;
}

@media (max-width: 360px) {
  .u-pl-4\@xxs {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xxs.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pl-4\@xs {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xs.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pl-4\@s {
    padding-left: 4rem !important;
  }
  .u-pl-4\@s.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pl-4\@m {
    padding-left: 4rem !important;
  }
  .u-pl-4\@m.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-4\@l {
    padding-left: 4rem !important;
  }
  .u-pl-4\@l.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-4\@xl {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xl.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-4\@xxl {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xxl.u-pl--neg {
    padding-left: -4rem;
  }
}
.u-pb-4 {
  padding-bottom: 4rem;
}

.u-pb-4.u-pb--neg {
  padding-bottom: -4rem;
}

@media (max-width: 360px) {
  .u-pb-4\@xxs {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xxs.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pb-4\@xs {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xs.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pb-4\@s {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@s.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pb-4\@m {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@m.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-4\@l {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@l.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-4\@xl {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xl.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-4\@xxl {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xxl.u-pb--neg {
    padding-bottom: -4rem;
  }
}
.u-pr-4 {
  padding-right: 4rem;
}

.u-pr-4.u-pr--neg {
  padding-right: -4rem;
}

@media (max-width: 360px) {
  .u-pr-4\@xxs {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xxs.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pr-4\@xs {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xs.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pr-4\@s {
    padding-right: 4rem !important;
  }
  .u-pr-4\@s.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pr-4\@m {
    padding-right: 4rem !important;
  }
  .u-pr-4\@m.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-4\@l {
    padding-right: 4rem !important;
  }
  .u-pr-4\@l.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-4\@xl {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xl.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-4\@xxl {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xxl.u-pr--neg {
    padding-right: -4rem;
  }
}
.u-p-4\.5 {
  padding: 4.5rem;
}

.u-p-4\.5.u-p--neg {
  padding: -4.5rem;
}

@media (max-width: 360px) {
  .u-p-4\.5\@xxs {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xxs.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-4\.5\@xs {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xs.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-4\.5\@s {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@s.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-4\.5\@m {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@m.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-4\.5\@l {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@l.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-4\.5\@xl {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xl.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-4\.5\@xxl {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xxl.u-p--neg {
    padding: -4.5rem;
  }
}
.u-pt-4\.5 {
  padding-top: 4.5rem;
}

.u-pt-4\.5.u-pt--neg {
  padding-top: -4.5rem;
}

@media (max-width: 360px) {
  .u-pt-4\.5\@xxs {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xxs.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-4\.5\@xs {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xs.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-4\.5\@s {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@s.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-4\.5\@m {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@m.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-4\.5\@l {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@l.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-4\.5\@xl {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xl.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-4\.5\@xxl {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xxl.u-pt--neg {
    padding-top: -4.5rem;
  }
}
.u-pl-4\.5 {
  padding-left: 4.5rem;
}

.u-pl-4\.5.u-pl--neg {
  padding-left: -4.5rem;
}

@media (max-width: 360px) {
  .u-pl-4\.5\@xxs {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xxs.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-4\.5\@xs {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xs.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-4\.5\@s {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@s.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-4\.5\@m {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@m.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-4\.5\@l {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@l.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-4\.5\@xl {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xl.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-4\.5\@xxl {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xxl.u-pl--neg {
    padding-left: -4.5rem;
  }
}
.u-pb-4\.5 {
  padding-bottom: 4.5rem;
}

.u-pb-4\.5.u-pb--neg {
  padding-bottom: -4.5rem;
}

@media (max-width: 360px) {
  .u-pb-4\.5\@xxs {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xxs.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-4\.5\@xs {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xs.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-4\.5\@s {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@s.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-4\.5\@m {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@m.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-4\.5\@l {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@l.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-4\.5\@xl {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xl.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-4\.5\@xxl {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xxl.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
.u-pr-4\.5 {
  padding-right: 4.5rem;
}

.u-pr-4\.5.u-pr--neg {
  padding-right: -4.5rem;
}

@media (max-width: 360px) {
  .u-pr-4\.5\@xxs {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xxs.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-4\.5\@xs {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xs.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-4\.5\@s {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@s.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-4\.5\@m {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@m.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-4\.5\@l {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@l.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-4\.5\@xl {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xl.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-4\.5\@xxl {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xxl.u-pr--neg {
    padding-right: -4.5rem;
  }
}
.u-p-5 {
  padding: 5rem;
}

.u-p-5.u-p--neg {
  padding: -5rem;
}

@media (max-width: 360px) {
  .u-p-5\@xxs {
    padding: 5rem !important;
  }
  .u-p-5\@xxs.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 575px) {
  .u-p-5\@xs {
    padding: 5rem !important;
  }
  .u-p-5\@xs.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 767px) {
  .u-p-5\@s {
    padding: 5rem !important;
  }
  .u-p-5\@s.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 991px) {
  .u-p-5\@m {
    padding: 5rem !important;
  }
  .u-p-5\@m.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-5\@l {
    padding: 5rem !important;
  }
  .u-p-5\@l.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-5\@xl {
    padding: 5rem !important;
  }
  .u-p-5\@xl.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-5\@xxl {
    padding: 5rem !important;
  }
  .u-p-5\@xxl.u-p--neg {
    padding: -5rem;
  }
}
.u-pt-5 {
  padding-top: 5rem;
}

.u-pt-5.u-pt--neg {
  padding-top: -5rem;
}

@media (max-width: 360px) {
  .u-pt-5\@xxs {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xxs.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-5\@xs {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xs.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-5\@s {
    padding-top: 5rem !important;
  }
  .u-pt-5\@s.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-5\@m {
    padding-top: 5rem !important;
  }
  .u-pt-5\@m.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-5\@l {
    padding-top: 5rem !important;
  }
  .u-pt-5\@l.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-5\@xl {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xl.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-5\@xxl {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xxl.u-pt--neg {
    padding-top: -5rem;
  }
}
.u-pl-5 {
  padding-left: 5rem;
}

.u-pl-5.u-pl--neg {
  padding-left: -5rem;
}

@media (max-width: 360px) {
  .u-pl-5\@xxs {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xxs.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-5\@xs {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xs.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-5\@s {
    padding-left: 5rem !important;
  }
  .u-pl-5\@s.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-5\@m {
    padding-left: 5rem !important;
  }
  .u-pl-5\@m.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-5\@l {
    padding-left: 5rem !important;
  }
  .u-pl-5\@l.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-5\@xl {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xl.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-5\@xxl {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xxl.u-pl--neg {
    padding-left: -5rem;
  }
}
.u-pb-5 {
  padding-bottom: 5rem;
}

.u-pb-5.u-pb--neg {
  padding-bottom: -5rem;
}

@media (max-width: 360px) {
  .u-pb-5\@xxs {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xxs.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-5\@xs {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xs.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-5\@s {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@s.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-5\@m {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@m.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-5\@l {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@l.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-5\@xl {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xl.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-5\@xxl {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xxl.u-pb--neg {
    padding-bottom: -5rem;
  }
}
.u-pr-5 {
  padding-right: 5rem;
}

.u-pr-5.u-pr--neg {
  padding-right: -5rem;
}

@media (max-width: 360px) {
  .u-pr-5\@xxs {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xxs.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-5\@xs {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xs.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-5\@s {
    padding-right: 5rem !important;
  }
  .u-pr-5\@s.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-5\@m {
    padding-right: 5rem !important;
  }
  .u-pr-5\@m.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-5\@l {
    padding-right: 5rem !important;
  }
  .u-pr-5\@l.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-5\@xl {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xl.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-5\@xxl {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xxl.u-pr--neg {
    padding-right: -5rem;
  }
}
.u-p-5\.5 {
  padding: 5.5rem;
}

.u-p-5\.5.u-p--neg {
  padding: -5.5rem;
}

@media (max-width: 360px) {
  .u-p-5\.5\@xxs {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xxs.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-5\.5\@xs {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xs.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-5\.5\@s {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@s.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-5\.5\@m {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@m.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-5\.5\@l {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@l.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-5\.5\@xl {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xl.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-5\.5\@xxl {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xxl.u-p--neg {
    padding: -5.5rem;
  }
}
.u-pt-5\.5 {
  padding-top: 5.5rem;
}

.u-pt-5\.5.u-pt--neg {
  padding-top: -5.5rem;
}

@media (max-width: 360px) {
  .u-pt-5\.5\@xxs {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xxs.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-5\.5\@xs {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xs.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-5\.5\@s {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@s.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-5\.5\@m {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@m.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-5\.5\@l {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@l.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-5\.5\@xl {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xl.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-5\.5\@xxl {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xxl.u-pt--neg {
    padding-top: -5.5rem;
  }
}
.u-pl-5\.5 {
  padding-left: 5.5rem;
}

.u-pl-5\.5.u-pl--neg {
  padding-left: -5.5rem;
}

@media (max-width: 360px) {
  .u-pl-5\.5\@xxs {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xxs.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-5\.5\@xs {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xs.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-5\.5\@s {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@s.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-5\.5\@m {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@m.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-5\.5\@l {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@l.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-5\.5\@xl {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xl.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-5\.5\@xxl {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xxl.u-pl--neg {
    padding-left: -5.5rem;
  }
}
.u-pb-5\.5 {
  padding-bottom: 5.5rem;
}

.u-pb-5\.5.u-pb--neg {
  padding-bottom: -5.5rem;
}

@media (max-width: 360px) {
  .u-pb-5\.5\@xxs {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xxs.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-5\.5\@xs {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xs.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-5\.5\@s {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@s.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-5\.5\@m {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@m.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-5\.5\@l {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@l.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-5\.5\@xl {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xl.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-5\.5\@xxl {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xxl.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
.u-pr-5\.5 {
  padding-right: 5.5rem;
}

.u-pr-5\.5.u-pr--neg {
  padding-right: -5.5rem;
}

@media (max-width: 360px) {
  .u-pr-5\.5\@xxs {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xxs.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-5\.5\@xs {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xs.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-5\.5\@s {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@s.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-5\.5\@m {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@m.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-5\.5\@l {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@l.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-5\.5\@xl {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xl.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-5\.5\@xxl {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xxl.u-pr--neg {
    padding-right: -5.5rem;
  }
}
.u-p-6 {
  padding: 6rem;
}

.u-p-6.u-p--neg {
  padding: -6rem;
}

@media (max-width: 360px) {
  .u-p-6\@xxs {
    padding: 6rem !important;
  }
  .u-p-6\@xxs.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 575px) {
  .u-p-6\@xs {
    padding: 6rem !important;
  }
  .u-p-6\@xs.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 767px) {
  .u-p-6\@s {
    padding: 6rem !important;
  }
  .u-p-6\@s.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 991px) {
  .u-p-6\@m {
    padding: 6rem !important;
  }
  .u-p-6\@m.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-p-6\@l {
    padding: 6rem !important;
  }
  .u-p-6\@l.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-p-6\@xl {
    padding: 6rem !important;
  }
  .u-p-6\@xl.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-p-6\@xxl {
    padding: 6rem !important;
  }
  .u-p-6\@xxl.u-p--neg {
    padding: -6rem;
  }
}
.u-pt-6 {
  padding-top: 6rem;
}

.u-pt-6.u-pt--neg {
  padding-top: -6rem;
}

@media (max-width: 360px) {
  .u-pt-6\@xxs {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xxs.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pt-6\@xs {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xs.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pt-6\@s {
    padding-top: 6rem !important;
  }
  .u-pt-6\@s.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pt-6\@m {
    padding-top: 6rem !important;
  }
  .u-pt-6\@m.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-6\@l {
    padding-top: 6rem !important;
  }
  .u-pt-6\@l.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-6\@xl {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xl.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-6\@xxl {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xxl.u-pt--neg {
    padding-top: -6rem;
  }
}
.u-pl-6 {
  padding-left: 6rem;
}

.u-pl-6.u-pl--neg {
  padding-left: -6rem;
}

@media (max-width: 360px) {
  .u-pl-6\@xxs {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xxs.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pl-6\@xs {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xs.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pl-6\@s {
    padding-left: 6rem !important;
  }
  .u-pl-6\@s.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pl-6\@m {
    padding-left: 6rem !important;
  }
  .u-pl-6\@m.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-6\@l {
    padding-left: 6rem !important;
  }
  .u-pl-6\@l.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-6\@xl {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xl.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-6\@xxl {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xxl.u-pl--neg {
    padding-left: -6rem;
  }
}
.u-pb-6 {
  padding-bottom: 6rem;
}

.u-pb-6.u-pb--neg {
  padding-bottom: -6rem;
}

@media (max-width: 360px) {
  .u-pb-6\@xxs {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xxs.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pb-6\@xs {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xs.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pb-6\@s {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@s.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pb-6\@m {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@m.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-6\@l {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@l.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-6\@xl {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xl.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-6\@xxl {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xxl.u-pb--neg {
    padding-bottom: -6rem;
  }
}
.u-pr-6 {
  padding-right: 6rem;
}

.u-pr-6.u-pr--neg {
  padding-right: -6rem;
}

@media (max-width: 360px) {
  .u-pr-6\@xxs {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xxs.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pr-6\@xs {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xs.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pr-6\@s {
    padding-right: 6rem !important;
  }
  .u-pr-6\@s.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pr-6\@m {
    padding-right: 6rem !important;
  }
  .u-pr-6\@m.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-6\@l {
    padding-right: 6rem !important;
  }
  .u-pr-6\@l.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-6\@xl {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xl.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-6\@xxl {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xxl.u-pr--neg {
    padding-right: -6rem;
  }
}
.u-p-6\.5 {
  padding: 6.5rem;
}

.u-p-6\.5.u-p--neg {
  padding: -6.5rem;
}

@media (max-width: 360px) {
  .u-p-6\.5\@xxs {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xxs.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-6\.5\@xs {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xs.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-6\.5\@s {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@s.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-6\.5\@m {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@m.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-6\.5\@l {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@l.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-6\.5\@xl {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xl.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-6\.5\@xxl {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xxl.u-p--neg {
    padding: -6.5rem;
  }
}
.u-pt-6\.5 {
  padding-top: 6.5rem;
}

.u-pt-6\.5.u-pt--neg {
  padding-top: -6.5rem;
}

@media (max-width: 360px) {
  .u-pt-6\.5\@xxs {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xxs.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-6\.5\@xs {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xs.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-6\.5\@s {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@s.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-6\.5\@m {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@m.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-6\.5\@l {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@l.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-6\.5\@xl {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xl.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-6\.5\@xxl {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xxl.u-pt--neg {
    padding-top: -6.5rem;
  }
}
.u-pl-6\.5 {
  padding-left: 6.5rem;
}

.u-pl-6\.5.u-pl--neg {
  padding-left: -6.5rem;
}

@media (max-width: 360px) {
  .u-pl-6\.5\@xxs {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xxs.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-6\.5\@xs {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xs.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-6\.5\@s {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@s.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-6\.5\@m {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@m.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-6\.5\@l {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@l.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-6\.5\@xl {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xl.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-6\.5\@xxl {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xxl.u-pl--neg {
    padding-left: -6.5rem;
  }
}
.u-pb-6\.5 {
  padding-bottom: 6.5rem;
}

.u-pb-6\.5.u-pb--neg {
  padding-bottom: -6.5rem;
}

@media (max-width: 360px) {
  .u-pb-6\.5\@xxs {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xxs.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-6\.5\@xs {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xs.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-6\.5\@s {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@s.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-6\.5\@m {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@m.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-6\.5\@l {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@l.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-6\.5\@xl {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xl.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-6\.5\@xxl {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xxl.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
.u-pr-6\.5 {
  padding-right: 6.5rem;
}

.u-pr-6\.5.u-pr--neg {
  padding-right: -6.5rem;
}

@media (max-width: 360px) {
  .u-pr-6\.5\@xxs {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xxs.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-6\.5\@xs {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xs.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-6\.5\@s {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@s.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-6\.5\@m {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@m.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-6\.5\@l {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@l.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-6\.5\@xl {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xl.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-6\.5\@xxl {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xxl.u-pr--neg {
    padding-right: -6.5rem;
  }
}
.u-p-7 {
  padding: 7rem;
}

.u-p-7.u-p--neg {
  padding: -7rem;
}

@media (max-width: 360px) {
  .u-p-7\@xxs {
    padding: 7rem !important;
  }
  .u-p-7\@xxs.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 575px) {
  .u-p-7\@xs {
    padding: 7rem !important;
  }
  .u-p-7\@xs.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 767px) {
  .u-p-7\@s {
    padding: 7rem !important;
  }
  .u-p-7\@s.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 991px) {
  .u-p-7\@m {
    padding: 7rem !important;
  }
  .u-p-7\@m.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-p-7\@l {
    padding: 7rem !important;
  }
  .u-p-7\@l.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-p-7\@xl {
    padding: 7rem !important;
  }
  .u-p-7\@xl.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-p-7\@xxl {
    padding: 7rem !important;
  }
  .u-p-7\@xxl.u-p--neg {
    padding: -7rem;
  }
}
.u-pt-7 {
  padding-top: 7rem;
}

.u-pt-7.u-pt--neg {
  padding-top: -7rem;
}

@media (max-width: 360px) {
  .u-pt-7\@xxs {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xxs.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pt-7\@xs {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xs.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pt-7\@s {
    padding-top: 7rem !important;
  }
  .u-pt-7\@s.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pt-7\@m {
    padding-top: 7rem !important;
  }
  .u-pt-7\@m.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-7\@l {
    padding-top: 7rem !important;
  }
  .u-pt-7\@l.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-7\@xl {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xl.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-7\@xxl {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xxl.u-pt--neg {
    padding-top: -7rem;
  }
}
.u-pl-7 {
  padding-left: 7rem;
}

.u-pl-7.u-pl--neg {
  padding-left: -7rem;
}

@media (max-width: 360px) {
  .u-pl-7\@xxs {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xxs.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pl-7\@xs {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xs.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pl-7\@s {
    padding-left: 7rem !important;
  }
  .u-pl-7\@s.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pl-7\@m {
    padding-left: 7rem !important;
  }
  .u-pl-7\@m.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-7\@l {
    padding-left: 7rem !important;
  }
  .u-pl-7\@l.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-7\@xl {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xl.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-7\@xxl {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xxl.u-pl--neg {
    padding-left: -7rem;
  }
}
.u-pb-7 {
  padding-bottom: 7rem;
}

.u-pb-7.u-pb--neg {
  padding-bottom: -7rem;
}

@media (max-width: 360px) {
  .u-pb-7\@xxs {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xxs.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pb-7\@xs {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xs.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pb-7\@s {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@s.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pb-7\@m {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@m.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-7\@l {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@l.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-7\@xl {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xl.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-7\@xxl {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xxl.u-pb--neg {
    padding-bottom: -7rem;
  }
}
.u-pr-7 {
  padding-right: 7rem;
}

.u-pr-7.u-pr--neg {
  padding-right: -7rem;
}

@media (max-width: 360px) {
  .u-pr-7\@xxs {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xxs.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pr-7\@xs {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xs.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pr-7\@s {
    padding-right: 7rem !important;
  }
  .u-pr-7\@s.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pr-7\@m {
    padding-right: 7rem !important;
  }
  .u-pr-7\@m.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-7\@l {
    padding-right: 7rem !important;
  }
  .u-pr-7\@l.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-7\@xl {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xl.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-7\@xxl {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xxl.u-pr--neg {
    padding-right: -7rem;
  }
}
.u-p-7\.5 {
  padding: 7.5rem;
}

.u-p-7\.5.u-p--neg {
  padding: -7.5rem;
}

@media (max-width: 360px) {
  .u-p-7\.5\@xxs {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xxs.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-7\.5\@xs {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xs.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-7\.5\@s {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@s.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-7\.5\@m {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@m.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-7\.5\@l {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@l.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-7\.5\@xl {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xl.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-7\.5\@xxl {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xxl.u-p--neg {
    padding: -7.5rem;
  }
}
.u-pt-7\.5 {
  padding-top: 7.5rem;
}

.u-pt-7\.5.u-pt--neg {
  padding-top: -7.5rem;
}

@media (max-width: 360px) {
  .u-pt-7\.5\@xxs {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xxs.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-7\.5\@xs {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xs.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-7\.5\@s {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@s.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-7\.5\@m {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@m.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-7\.5\@l {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@l.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-7\.5\@xl {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xl.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-7\.5\@xxl {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xxl.u-pt--neg {
    padding-top: -7.5rem;
  }
}
.u-pl-7\.5 {
  padding-left: 7.5rem;
}

.u-pl-7\.5.u-pl--neg {
  padding-left: -7.5rem;
}

@media (max-width: 360px) {
  .u-pl-7\.5\@xxs {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xxs.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-7\.5\@xs {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xs.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-7\.5\@s {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@s.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-7\.5\@m {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@m.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-7\.5\@l {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@l.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-7\.5\@xl {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xl.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-7\.5\@xxl {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xxl.u-pl--neg {
    padding-left: -7.5rem;
  }
}
.u-pb-7\.5 {
  padding-bottom: 7.5rem;
}

.u-pb-7\.5.u-pb--neg {
  padding-bottom: -7.5rem;
}

@media (max-width: 360px) {
  .u-pb-7\.5\@xxs {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xxs.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-7\.5\@xs {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xs.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-7\.5\@s {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@s.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-7\.5\@m {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@m.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-7\.5\@l {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@l.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-7\.5\@xl {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xl.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-7\.5\@xxl {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xxl.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
.u-pr-7\.5 {
  padding-right: 7.5rem;
}

.u-pr-7\.5.u-pr--neg {
  padding-right: -7.5rem;
}

@media (max-width: 360px) {
  .u-pr-7\.5\@xxs {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xxs.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-7\.5\@xs {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xs.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-7\.5\@s {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@s.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-7\.5\@m {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@m.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-7\.5\@l {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@l.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-7\.5\@xl {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xl.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-7\.5\@xxl {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xxl.u-pr--neg {
    padding-right: -7.5rem;
  }
}
.u-p-8 {
  padding: 8rem;
}

.u-p-8.u-p--neg {
  padding: -8rem;
}

@media (max-width: 360px) {
  .u-p-8\@xxs {
    padding: 8rem !important;
  }
  .u-p-8\@xxs.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 575px) {
  .u-p-8\@xs {
    padding: 8rem !important;
  }
  .u-p-8\@xs.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 767px) {
  .u-p-8\@s {
    padding: 8rem !important;
  }
  .u-p-8\@s.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 991px) {
  .u-p-8\@m {
    padding: 8rem !important;
  }
  .u-p-8\@m.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-p-8\@l {
    padding: 8rem !important;
  }
  .u-p-8\@l.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-p-8\@xl {
    padding: 8rem !important;
  }
  .u-p-8\@xl.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-p-8\@xxl {
    padding: 8rem !important;
  }
  .u-p-8\@xxl.u-p--neg {
    padding: -8rem;
  }
}
.u-pt-8 {
  padding-top: 8rem;
}

.u-pt-8.u-pt--neg {
  padding-top: -8rem;
}

@media (max-width: 360px) {
  .u-pt-8\@xxs {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xxs.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pt-8\@xs {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xs.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pt-8\@s {
    padding-top: 8rem !important;
  }
  .u-pt-8\@s.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pt-8\@m {
    padding-top: 8rem !important;
  }
  .u-pt-8\@m.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-8\@l {
    padding-top: 8rem !important;
  }
  .u-pt-8\@l.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-8\@xl {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xl.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-8\@xxl {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xxl.u-pt--neg {
    padding-top: -8rem;
  }
}
.u-pl-8 {
  padding-left: 8rem;
}

.u-pl-8.u-pl--neg {
  padding-left: -8rem;
}

@media (max-width: 360px) {
  .u-pl-8\@xxs {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xxs.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pl-8\@xs {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xs.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pl-8\@s {
    padding-left: 8rem !important;
  }
  .u-pl-8\@s.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pl-8\@m {
    padding-left: 8rem !important;
  }
  .u-pl-8\@m.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-8\@l {
    padding-left: 8rem !important;
  }
  .u-pl-8\@l.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-8\@xl {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xl.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-8\@xxl {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xxl.u-pl--neg {
    padding-left: -8rem;
  }
}
.u-pb-8 {
  padding-bottom: 8rem;
}

.u-pb-8.u-pb--neg {
  padding-bottom: -8rem;
}

@media (max-width: 360px) {
  .u-pb-8\@xxs {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xxs.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pb-8\@xs {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xs.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pb-8\@s {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@s.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pb-8\@m {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@m.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-8\@l {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@l.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-8\@xl {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xl.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-8\@xxl {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xxl.u-pb--neg {
    padding-bottom: -8rem;
  }
}
.u-pr-8 {
  padding-right: 8rem;
}

.u-pr-8.u-pr--neg {
  padding-right: -8rem;
}

@media (max-width: 360px) {
  .u-pr-8\@xxs {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xxs.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pr-8\@xs {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xs.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pr-8\@s {
    padding-right: 8rem !important;
  }
  .u-pr-8\@s.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pr-8\@m {
    padding-right: 8rem !important;
  }
  .u-pr-8\@m.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-8\@l {
    padding-right: 8rem !important;
  }
  .u-pr-8\@l.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-8\@xl {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xl.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-8\@xxl {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xxl.u-pr--neg {
    padding-right: -8rem;
  }
}
.u-p-8\.5 {
  padding: 8.5rem;
}

.u-p-8\.5.u-p--neg {
  padding: -8.5rem;
}

@media (max-width: 360px) {
  .u-p-8\.5\@xxs {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xxs.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-8\.5\@xs {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xs.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-8\.5\@s {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@s.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-8\.5\@m {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@m.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-8\.5\@l {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@l.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-8\.5\@xl {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xl.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-8\.5\@xxl {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xxl.u-p--neg {
    padding: -8.5rem;
  }
}
.u-pt-8\.5 {
  padding-top: 8.5rem;
}

.u-pt-8\.5.u-pt--neg {
  padding-top: -8.5rem;
}

@media (max-width: 360px) {
  .u-pt-8\.5\@xxs {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xxs.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-8\.5\@xs {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xs.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-8\.5\@s {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@s.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-8\.5\@m {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@m.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-8\.5\@l {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@l.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-8\.5\@xl {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xl.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-8\.5\@xxl {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xxl.u-pt--neg {
    padding-top: -8.5rem;
  }
}
.u-pl-8\.5 {
  padding-left: 8.5rem;
}

.u-pl-8\.5.u-pl--neg {
  padding-left: -8.5rem;
}

@media (max-width: 360px) {
  .u-pl-8\.5\@xxs {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xxs.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-8\.5\@xs {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xs.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-8\.5\@s {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@s.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-8\.5\@m {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@m.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-8\.5\@l {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@l.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-8\.5\@xl {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xl.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-8\.5\@xxl {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xxl.u-pl--neg {
    padding-left: -8.5rem;
  }
}
.u-pb-8\.5 {
  padding-bottom: 8.5rem;
}

.u-pb-8\.5.u-pb--neg {
  padding-bottom: -8.5rem;
}

@media (max-width: 360px) {
  .u-pb-8\.5\@xxs {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xxs.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-8\.5\@xs {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xs.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-8\.5\@s {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@s.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-8\.5\@m {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@m.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-8\.5\@l {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@l.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-8\.5\@xl {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xl.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-8\.5\@xxl {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xxl.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
.u-pr-8\.5 {
  padding-right: 8.5rem;
}

.u-pr-8\.5.u-pr--neg {
  padding-right: -8.5rem;
}

@media (max-width: 360px) {
  .u-pr-8\.5\@xxs {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xxs.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-8\.5\@xs {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xs.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-8\.5\@s {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@s.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-8\.5\@m {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@m.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-8\.5\@l {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@l.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-8\.5\@xl {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xl.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-8\.5\@xxl {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xxl.u-pr--neg {
    padding-right: -8.5rem;
  }
}
.u-p-9 {
  padding: 9rem;
}

.u-p-9.u-p--neg {
  padding: -9rem;
}

@media (max-width: 360px) {
  .u-p-9\@xxs {
    padding: 9rem !important;
  }
  .u-p-9\@xxs.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 575px) {
  .u-p-9\@xs {
    padding: 9rem !important;
  }
  .u-p-9\@xs.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 767px) {
  .u-p-9\@s {
    padding: 9rem !important;
  }
  .u-p-9\@s.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 991px) {
  .u-p-9\@m {
    padding: 9rem !important;
  }
  .u-p-9\@m.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-p-9\@l {
    padding: 9rem !important;
  }
  .u-p-9\@l.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-p-9\@xl {
    padding: 9rem !important;
  }
  .u-p-9\@xl.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-p-9\@xxl {
    padding: 9rem !important;
  }
  .u-p-9\@xxl.u-p--neg {
    padding: -9rem;
  }
}
.u-pt-9 {
  padding-top: 9rem;
}

.u-pt-9.u-pt--neg {
  padding-top: -9rem;
}

@media (max-width: 360px) {
  .u-pt-9\@xxs {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xxs.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pt-9\@xs {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xs.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pt-9\@s {
    padding-top: 9rem !important;
  }
  .u-pt-9\@s.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pt-9\@m {
    padding-top: 9rem !important;
  }
  .u-pt-9\@m.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-9\@l {
    padding-top: 9rem !important;
  }
  .u-pt-9\@l.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-9\@xl {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xl.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-9\@xxl {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xxl.u-pt--neg {
    padding-top: -9rem;
  }
}
.u-pl-9 {
  padding-left: 9rem;
}

.u-pl-9.u-pl--neg {
  padding-left: -9rem;
}

@media (max-width: 360px) {
  .u-pl-9\@xxs {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xxs.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pl-9\@xs {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xs.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pl-9\@s {
    padding-left: 9rem !important;
  }
  .u-pl-9\@s.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pl-9\@m {
    padding-left: 9rem !important;
  }
  .u-pl-9\@m.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-9\@l {
    padding-left: 9rem !important;
  }
  .u-pl-9\@l.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-9\@xl {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xl.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-9\@xxl {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xxl.u-pl--neg {
    padding-left: -9rem;
  }
}
.u-pb-9 {
  padding-bottom: 9rem;
}

.u-pb-9.u-pb--neg {
  padding-bottom: -9rem;
}

@media (max-width: 360px) {
  .u-pb-9\@xxs {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xxs.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pb-9\@xs {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xs.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pb-9\@s {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@s.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pb-9\@m {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@m.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-9\@l {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@l.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-9\@xl {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xl.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-9\@xxl {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xxl.u-pb--neg {
    padding-bottom: -9rem;
  }
}
.u-pr-9 {
  padding-right: 9rem;
}

.u-pr-9.u-pr--neg {
  padding-right: -9rem;
}

@media (max-width: 360px) {
  .u-pr-9\@xxs {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xxs.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pr-9\@xs {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xs.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pr-9\@s {
    padding-right: 9rem !important;
  }
  .u-pr-9\@s.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pr-9\@m {
    padding-right: 9rem !important;
  }
  .u-pr-9\@m.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-9\@l {
    padding-right: 9rem !important;
  }
  .u-pr-9\@l.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-9\@xl {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xl.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-9\@xxl {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xxl.u-pr--neg {
    padding-right: -9rem;
  }
}
.u-p-9\.5 {
  padding: 9.5rem;
}

.u-p-9\.5.u-p--neg {
  padding: -9.5rem;
}

@media (max-width: 360px) {
  .u-p-9\.5\@xxs {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xxs.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-9\.5\@xs {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xs.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-9\.5\@s {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@s.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-9\.5\@m {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@m.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-9\.5\@l {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@l.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-9\.5\@xl {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xl.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-9\.5\@xxl {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xxl.u-p--neg {
    padding: -9.5rem;
  }
}
.u-pt-9\.5 {
  padding-top: 9.5rem;
}

.u-pt-9\.5.u-pt--neg {
  padding-top: -9.5rem;
}

@media (max-width: 360px) {
  .u-pt-9\.5\@xxs {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xxs.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-9\.5\@xs {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xs.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-9\.5\@s {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@s.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-9\.5\@m {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@m.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-9\.5\@l {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@l.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-9\.5\@xl {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xl.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-9\.5\@xxl {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xxl.u-pt--neg {
    padding-top: -9.5rem;
  }
}
.u-pl-9\.5 {
  padding-left: 9.5rem;
}

.u-pl-9\.5.u-pl--neg {
  padding-left: -9.5rem;
}

@media (max-width: 360px) {
  .u-pl-9\.5\@xxs {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xxs.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-9\.5\@xs {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xs.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-9\.5\@s {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@s.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-9\.5\@m {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@m.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-9\.5\@l {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@l.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-9\.5\@xl {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xl.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-9\.5\@xxl {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xxl.u-pl--neg {
    padding-left: -9.5rem;
  }
}
.u-pb-9\.5 {
  padding-bottom: 9.5rem;
}

.u-pb-9\.5.u-pb--neg {
  padding-bottom: -9.5rem;
}

@media (max-width: 360px) {
  .u-pb-9\.5\@xxs {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xxs.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-9\.5\@xs {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xs.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-9\.5\@s {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@s.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-9\.5\@m {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@m.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-9\.5\@l {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@l.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-9\.5\@xl {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xl.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-9\.5\@xxl {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xxl.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
.u-pr-9\.5 {
  padding-right: 9.5rem;
}

.u-pr-9\.5.u-pr--neg {
  padding-right: -9.5rem;
}

@media (max-width: 360px) {
  .u-pr-9\.5\@xxs {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xxs.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-9\.5\@xs {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xs.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-9\.5\@s {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@s.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-9\.5\@m {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@m.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-9\.5\@l {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@l.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-9\.5\@xl {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xl.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-9\.5\@xxl {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xxl.u-pr--neg {
    padding-right: -9.5rem;
  }
}
.u-p-10 {
  padding: 10rem;
}

.u-p-10.u-p--neg {
  padding: -10rem;
}

@media (max-width: 360px) {
  .u-p-10\@xxs {
    padding: 10rem !important;
  }
  .u-p-10\@xxs.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 575px) {
  .u-p-10\@xs {
    padding: 10rem !important;
  }
  .u-p-10\@xs.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 767px) {
  .u-p-10\@s {
    padding: 10rem !important;
  }
  .u-p-10\@s.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 991px) {
  .u-p-10\@m {
    padding: 10rem !important;
  }
  .u-p-10\@m.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-p-10\@l {
    padding: 10rem !important;
  }
  .u-p-10\@l.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-p-10\@xl {
    padding: 10rem !important;
  }
  .u-p-10\@xl.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-p-10\@xxl {
    padding: 10rem !important;
  }
  .u-p-10\@xxl.u-p--neg {
    padding: -10rem;
  }
}
.u-pt-10 {
  padding-top: 10rem;
}

.u-pt-10.u-pt--neg {
  padding-top: -10rem;
}

@media (max-width: 360px) {
  .u-pt-10\@xxs {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xxs.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pt-10\@xs {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xs.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pt-10\@s {
    padding-top: 10rem !important;
  }
  .u-pt-10\@s.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pt-10\@m {
    padding-top: 10rem !important;
  }
  .u-pt-10\@m.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-10\@l {
    padding-top: 10rem !important;
  }
  .u-pt-10\@l.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-10\@xl {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xl.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-10\@xxl {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xxl.u-pt--neg {
    padding-top: -10rem;
  }
}
.u-pl-10 {
  padding-left: 10rem;
}

.u-pl-10.u-pl--neg {
  padding-left: -10rem;
}

@media (max-width: 360px) {
  .u-pl-10\@xxs {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xxs.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pl-10\@xs {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xs.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pl-10\@s {
    padding-left: 10rem !important;
  }
  .u-pl-10\@s.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pl-10\@m {
    padding-left: 10rem !important;
  }
  .u-pl-10\@m.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-10\@l {
    padding-left: 10rem !important;
  }
  .u-pl-10\@l.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-10\@xl {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xl.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-10\@xxl {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xxl.u-pl--neg {
    padding-left: -10rem;
  }
}
.u-pb-10 {
  padding-bottom: 10rem;
}

.u-pb-10.u-pb--neg {
  padding-bottom: -10rem;
}

@media (max-width: 360px) {
  .u-pb-10\@xxs {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xxs.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pb-10\@xs {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xs.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pb-10\@s {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@s.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pb-10\@m {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@m.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-10\@l {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@l.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-10\@xl {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xl.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-10\@xxl {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xxl.u-pb--neg {
    padding-bottom: -10rem;
  }
}
.u-pr-10 {
  padding-right: 10rem;
}

.u-pr-10.u-pr--neg {
  padding-right: -10rem;
}

@media (max-width: 360px) {
  .u-pr-10\@xxs {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xxs.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pr-10\@xs {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xs.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pr-10\@s {
    padding-right: 10rem !important;
  }
  .u-pr-10\@s.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pr-10\@m {
    padding-right: 10rem !important;
  }
  .u-pr-10\@m.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-10\@l {
    padding-right: 10rem !important;
  }
  .u-pr-10\@l.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-10\@xl {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xl.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-10\@xxl {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xxl.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 360px) {
  .u-align-center-xxs {
    text-align: center !important;
  }
  .u-align-left-xxs {
    text-align: left !important;
  }
  .u-align-right-xxs {
    text-align: right !important;
  }
}
@media (max-width: 575px) {
  .u-align-center-xs {
    text-align: center !important;
  }
  .u-align-left-xs {
    text-align: left !important;
  }
  .u-align-right-xs {
    text-align: right !important;
  }
}
@media (max-width: 767px) {
  .u-align-center-s {
    text-align: center !important;
  }
  .u-align-left-s {
    text-align: left !important;
  }
  .u-align-right-s {
    text-align: right !important;
  }
}
@media (max-width: 991px) {
  .u-align-center-m {
    text-align: center !important;
  }
  .u-align-left-m {
    text-align: left !important;
  }
  .u-align-right-m {
    text-align: right !important;
  }
}
@media (max-width: 1199px) {
  .u-align-center-l {
    text-align: center !important;
  }
  .u-align-left-l {
    text-align: left !important;
  }
  .u-align-right-l {
    text-align: right !important;
  }
}
@media (max-width: 1440px) {
  .u-align-center-xl {
    text-align: center !important;
  }
  .u-align-left-xl {
    text-align: left !important;
  }
  .u-align-right-xl {
    text-align: right !important;
  }
}
@media (max-width: 1679px) {
  .u-align-center-xxl {
    text-align: center !important;
  }
  .u-align-left-xxl {
    text-align: left !important;
  }
  .u-align-right-xxl {
    text-align: right !important;
  }
}
@media (max-width: 1919px) {
  .u-align-center-xxxl {
    text-align: center !important;
  }
  .u-align-left-xxxl {
    text-align: left !important;
  }
  .u-align-right-xxxl {
    text-align: right !important;
  }
}
.u-render_img {
  image-rendering: -webkit-optimize-contrast;
}
.u-align-center {
  text-align: center !important;
}
.u-align-left {
  text-align: left !important;
}
.u-align-right {
  text-align: right !important;
}
.u-center-vertical {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.u-center-horizontal {
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.u-center-both {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.u-display-block {
  display: block;
}
.u-display-inline {
  display: inline;
}
.u-display-inlineblock {
  display: inline-block;
}
.u-capitalize {
  text-transform: capitalize;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-upperfirst::first-letter {
  text-transform: uppercase;
}
.u-text_center {
  text-align: center !important;
}
.u-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-break {
  word-break: break-word;
}
.u-rotate180 {
  transform: rotate(180deg);
}
.u-table_fixed {
  table-layout: fixed;
  width: 100%;
}
.u-clickable {
  cursor: pointer;
}
.u-extra_bold {
  font-size: 0.875rem;
  font-weight: 800;
}

.flex {
  flex: 1 0 auto !important;
}
.flex--rigid {
  flex: 0 0 0 !important;
}
.flex--expandable {
  flex: 1 1 auto !important;
}

*[hidden] {
  display: none !important;
}
.mp-app {
  position: relative;
}
.mp-app-container {
  margin: 0 0 0 14rem;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: calc(100% - 17.125rem);
}
@media (max-width: 767px) {
  .mp-app-container {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mp-app-container.expanded {
    margin: 0 0 0 4.125rem;
    width: calc(100% - 7.1rem);
  }
}
.mp-app-spinner {
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.mp-app-spinner .fa {
  color: #A6AFC2;
}
.mp-app-spinner .fa + .mp-app-spinner_text {
  margin-top: 2rem;
}
.mp-app-spinner_text {
  font-size: 1.25rem;
  font-weight: 600;
}
.mp-app-user_impersonation {
  position: relative;
}
.alert-warn {
  background-color: #fff4ce;
  border: 2px solid #e6e190;
  margin-left: 15px;
  margin-top: 15px;
  width: 98%;
  padding: 5px;
  border-radius: 4px;
}

.mp-dashboard .mp-filter_panel-container {
  flex: 1 1 auto;
}
.mp-dashboard-widgets {
  margin: 1.375rem 1.5rem 0;
}
.mp-dashboard .mp-datatable .mp-datatable-field {
  width: 11rem;
}
.mp-dashboard .mp-datatable .mp-datatable-field--day {
  width: 14rem;
}
.mp-marketplace-container {
  padding: 1rem;
}

@media (min-width: 992px) {
  .mp-marketplace-container {
    padding: 1.25rem 1.75rem;
  }
}
.mp-forbidden_error-body {
  padding: 1rem 1.25rem;
}
:host {
  display: block;
}

:host, .tpvgo__content {
  height: 100%;
}

:host {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.mp-header.tpvgo__header {
  min-height: 3.5rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #28c3ff 0%, #08a3e6 100%);
}

.mp-header-title {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
}

.tpvgo__subtitle {
  margin-left: 0.5rem;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.9);
}

.tpvgo__content {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
}

.tpvgo__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.tpvgo__spinner, .tpvgo__error {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 1rem;
}

.tpvgo__actions {
  margin-top: 1rem;
  display: flex;
  gap: 0.75rem;
}
.mp-welcome_guide {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 1rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.mp-welcome_guide-cover_content {
  opacity: 0;
  text-align: center;
  transform: translateY(-50px);
  transition: all 0.25s ease-in-out 0.5s;
}
.mp-welcome_guide-cover_page {
  align-items: center;
  background: #08CDFF;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 0;
  justify-content: center;
  left: 50%;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s ease-in-out;
  width: 0;
  z-index: 11;
}
.mp-welcome_guide-cover_page.explode {
  height: 2000px;
  width: 2000px;
}
.mp-welcome_guide-cover_page.explode .mp-welcome_guide-cover_content {
  opacity: 1;
  transform: translateY(0);
}
.mp-welcome_guide-cover_page.hidden {
  opacity: 0;
  z-index: -1;
}
.mp-welcome_guide-greet {
  font-weight: 200;
  margin-bottom: 4rem;
  text-align: center;
}
.mp-welcome_guide-greet_title {
  color: white;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}
.mp-welcome_guide-greet_subtitle {
  color: white;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}
.mp-welcome_guide-greet_subtitle span {
  font-weight: 600;
}
.mp-welcome_guide-greet_description {
  color: #495366;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.mp-welcome_guide-init_button {
  background: white;
  border: 0;
  font-size: 0.875rem;
  font-weight: 800;
}
.mp-welcome_guide-init_button:hover {
  background: #D8DDE5 !important;
}
.mp-welcome_guide-container {
  background: white;
  border-radius: 0.3125rem;
  height: 80vh;
  max-height: 54rem;
  max-width: 87.5rem;
  overflow: hidden;
  position: relative;
  width: 72vw;
}
.mp-welcome_guide-container_left {
  padding: 1rem;
  position: relative;
  width: 37.5%;
}
.mp-welcome_guide-container_right {
  position: relative;
  width: 62.5%;
}
.mp-welcome_guide-container_right .mp-welcome_guide-content {
  height: 100%;
  left: -29px;
  overflow: hidden;
  position: relative;
  transform: skew(-5deg);
  width: calc(100% + 64px);
}
.mp-welcome_guide-process {
  display: flex;
  height: 100%;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  z-index: 1;
}
.mp-welcome_guide-process.visible {
  opacity: 1;
  z-index: 11;
}
.mp-welcome_guide-image {
  background-size: cover;
  display: block;
  height: 100%;
  left: -34px;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: skew(5deg);
  transition: opacity 0.25s ease-in-out, visible 0.25s ease-in-out;
  width: 100%;
  z-index: 1;
}
.mp-welcome_guide-image.active {
  opacity: 1;
  z-index: 11;
}
.mp-welcome_guide-text {
  left: 50%;
  max-width: 16.25rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.25s ease-in-out, visible 0.25s ease-in-out;
  z-index: 1;
}
.mp-welcome_guide-text.active {
  opacity: 1;
  z-index: 11;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_subtitle {
  color: black;
  font-size: 1rem;
  font-style: italic;
  font-weight: 800;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_title {
  color: black;
  display: inline-block;
  margin-bottom: 2rem;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_title div:first-child {
  font-size: 3.25rem;
  font-style: italic;
  font-weight: 800;
  line-height: 3.25rem;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_title div:last-child {
  color: #0081D3;
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-align: right;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_description {
  display: block;
}
.mp-welcome_guide-text--highlighted .mp-welcome_guide-greet_description div {
  background: black;
  box-shadow: 0.25rem 0 0 black, -0.25rem 0 0 black;
  color: white;
  display: inline;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.25rem;
  padding: 0.125rem 0;
}
.mp-welcome_guide-title {
  color: #15E8FF;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-bottom: 2.25rem;
}
.mp-welcome_guide-description {
  font-size: 0.875rem;
}
.mp-welcome_guide-skip {
  color: #495366;
  cursor: pointer;
  display: block;
  font-size: 0.75rem;
  margin-top: 2.5rem;
  text-decoration: underline;
}
.mp-welcome_guide-close_button {
  color: white;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 111;
}
.mp-welcome_guide-previous_button, .mp-welcome_guide-next_button {
  bottom: 1rem;
  color: white;
  cursor: pointer;
  display: inline-block;
  height: 3rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
}
.mp-welcome_guide-previous_button .mpi, .mp-welcome_guide-next_button .mpi {
  font-size: 4rem;
  height: 3rem;
  width: 3rem;
}
.mp-welcome_guide-previous_button {
  bottom: auto;
  top: 1rem;
}
.mp-welcome_guide-previous_button .mpi {
  transform: rotate(180deg);
}
.mp-welcome_guide-slider {
  left: 0;
  margin: 0 2.8rem;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.mp-welcome_guide-slider_item {
  background: #A6AFC2;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  height: 0.625rem;
  margin-bottom: 1.25rem;
  width: 0.625rem;
}
.mp-welcome_guide-slider_item.active {
  background: #495366;
}

@media (max-width: 1440px) {
  .mp-welcome_guide-slider {
    margin: 0 1.5rem;
  }
}
@media (max-width: 1199px) {
  .mp-welcome_guide-container_left {
    width: 52.5%;
  }
  .mp-welcome_guide-container_right {
    width: 47.5%;
  }
  .mp-welcome_guide-container_right .mp-welcome_guide-content {
    left: 0;
  }
  .mp-welcome_guide-slider {
    margin: 0 2rem;
  }
}
@media (max-width: 767px) {
  .mp-welcome_guide-container {
    max-width: 90vw;
  }
  .mp-welcome_guide-container_left {
    display: block;
    overflow: auto;
    padding: 2rem;
    position: relative;
    width: 100%;
  }
  .mp-welcome_guide-container_right {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
  .mp-welcome_guide-container_right .mp-welcome_guide-content {
    display: none;
  }
  .mp-welcome_guide-process.visible {
    padding-bottom: 3rem;
  }
  .mp-welcome_guide-cover_content {
    max-width: 90vw;
    padding: 1rem;
  }
  .mp-welcome_guide-content {
    display: none;
  }
  .mp-welcome_guide-slider {
    display: none;
  }
  .mp-welcome_guide-next_button {
    color: #495366;
    z-index: 111;
  }
  .mp-welcome_guide-text {
    max-width: none;
  }
}
.mp-aggregate_analysis .mp-datatable_cell_comparer-value:before {
  display: none;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals {
  margin-bottom: 1.75rem;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable {
  height: 31.125rem;
  overflow-x: auto;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable .mp-datatable-cell {
  padding: 1.875rem 1.175rem;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable .mp-datatable-head_cell {
  padding-left: 1.175rem !important;
  padding-right: 1.175rem !important;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable tr .mp-datatable-head_cell:first-child,
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable tr .mp-datatable-cell:first-child {
  padding-left: 1.175rem !important;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable tr .mp-datatable-head_cell:last-child,
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable tr .mp-datatable-cell:last-child {
  padding-left: 0;
  padding-right: 0.6875rem;
  width: 7rem;
}
.mp-aggregate_analysis .mp-top_table_analisys_refusals .mp-datatable .mp-datatable-field {
  line-height: 1rem;
  width: 11rem;
}
.form-group .form-group-label.ui-slider-title_label {
  margin-bottom: 0;
}

.ui-slider-range_values {
  color: #373737;
  font-size: 0.875rem;
  padding-left: 1rem;
}

.mp-payments {
  position: relative;
}
.mp-payments_list-table {
  overflow-x: auto !important;
}
.mp-payments_list-table > * {
  min-width: 60rem;
}
.mp-payments-filter_date {
  max-width: 50%;
}
.mp-payments-filters_reset {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  top: -0.1875rem;
}
.mp-payments-filters_reset > * {
  display: inline-block;
  vertical-align: initial;
}
.mp-payments-filters_reset .fa {
  font-size: 1.125rem;
  margin-left: 0.125rem;
}

@media (max-width: 767px) {
  .mp-payments_list-table > * {
    min-width: 0;
  }
}
.mp-potential_stores_filters-fields {
  align-items: flex-start;
  flex: 1 0 0%;
  width: 100%;
}
.mp-potential_stores_filters .filter_grid-item {
  line-height: 0.75rem;
}
.mp-potential_stores_filters .filter_grid-actions {
  flex: 1 0 auto;
}
.mp-potential_stores_filters .filter_grid-btn_reset {
  margin: 0 0 0.375rem auto;
}
.mp-potential_stores_filters .input_badges {
  min-width: 17.5rem;
}
.mp-potential_stores_filters .input_badges-item {
  position: relative;
}
.mp-potential_stores_filters-sector {
  margin-top: 0.5625rem;
}
.mp-potential_stores_filters-sector .ui-dropdown {
  min-width: 17.5rem;
}
.mp-potential_stores_filters-postal_codes {
  flex: 1 0 0%;
  margin-top: 0.5625rem;
}
.mp-potential_stores_filters .form-error {
  bottom: -0.3125rem;
  font-size: 0.75rem;
  left: 0;
  position: absolute;
  transform: translateY(100%);
}
@media (max-width: 767px) {
  .mp-potential_stores_filters .mp-potential_stores_filters-fields {
    flex-direction: column;
  }
  .mp-potential_stores_filters .filter_grid-item {
    margin-left: 0;
    width: 100%;
  }
  .mp-potential_stores_filters .filter_grid-actions {
    width: 100%;
  }
  .mp-potential_stores_filters .filter_grid-btn_search {
    width: 100%;
  }
  .mp-potential_stores_filters .form-error {
    bottom: auto;
    margin-top: 0.5rem;
    position: relative;
    transform: none;
  }
}
.mp-sales_by_postal_code {
  padding-bottom: 1rem;
}
.mp-sales_by_postal_code-kpis {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 1rem;
  padding: 2rem 0.5rem;
}
.mp-sales_by_postal_code .lined_box-data {
  font-size: 1.75rem;
}
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown .ui-dropdown-label,
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  color: #373737;
}
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown:hover,
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown.ui-dropdown-open:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown:hover .ui-dropdown-label,
.mp-home-header .mp-header-commercesearch .mp-commerces-tree:not(.ui-state-placeholder) .ui-dropdown.ui-dropdown-open:hover .ui-dropdown-label {
  border-color: white;
  color: white;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown .ui-dropdown-label {
  border: solid 1px transparent;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-focus) .ui-dropdown-label {
  color: white;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled):hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: none;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: white;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled).ui-dropdown-open {
  background-color: white;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled).ui-dropdown-open .ui-dropdown-label {
  border-color: none;
  color: #373737;
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled).ui-dropdown-open:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.mp-home-header .mp-header-commercesearch .ui-dropdown:not(.ui-state-disabled).ui-dropdown-open:hover .ui-dropdown-label {
  border-color: white;
  color: white;
}
.mp-home-body {
  padding: 0 1.25rem 0.625rem;
}
.mp-home-date {
  color: #373737;
  font-size: 0.875rem;
  padding: 0.75rem 0;
}
.mp-home-date--hidden {
  visibility: hidden;
}
.mp-alerts--floating {
  left: 2%;
  margin-top: 5rem;
  position: absolute;
  top: 0;
  width: 96%;
}
.mp-alerts--floating .mp-alerts-item {
  box-shadow: 0 7px 46px -17px black;
}
.mp-alerts-item {
  align-items: baseline;
  display: flex;
  margin-bottom: 1.8rem;
  position: relative;
}
.mp-alerts-item:last-child {
  margin-bottom: 1rem;
}

.mp-alerts--padded .mp-alerts {
  padding: 1rem;
}
.mp-amount_slider {
  min-width: 17.5rem;
}
.mp-amount_slider-body {
  padding-top: 0.75rem;
}
.mp-amount_slider .mp-amount_slider-input.input-button {
  margin-bottom: 1.375rem;
  margin-top: 0.375rem;
  width: 15.875rem;
}
.mp-amount_slider .mp-amount_slider-input.input-button .fa.fa-search {
  font-size: 1.25rem;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control::-webkit-input-placeholder {
  color: #373737;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control:-moz-placeholder {
  color: #373737;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control::-moz-placeholder {
  color: #373737;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control:-ms-input-placeholder {
  color: #373737;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
  border-radius: 0.3125rem;
  color: #373737;
  padding: 0.6875rem 0.625rem;
  width: 100%;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control:hover, .mp-amount_slider .mp-amount_slider-input.input-button .form-control:focus {
  border-color: #08CDFF;
}
.mp-amount_slider .mp-amount_slider-input.input-button .form-control:focus {
  background-color: white;
}
.mp-amount_slider .ui-slider-range.ui-slider-range_values {
  color: white;
  margin-bottom: 0.1875rem;
}
.mp-amount_slider .mp-datatable-filter_actions {
  padding: 0.625rem 0.875rem;
}
.mp-amount_slider .mp-datatable-filter_actions button {
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
}
.mp-autocomplete_text {
  position: relative;
}
.mp-autocomplete_text-input {
  display: inline-block;
  position: relative;
}
.mp-autocomplete_text-input .form-control {
  font-size: 0.875rem;
  height: auto;
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
}
.mp-autocomplete_text-loading {
  bottom: 0;
  height: 1.25rem;
  margin: auto;
  position: absolute;
  right: 0.375rem;
  top: 0;
}
.mp-autocomplete_text-loading .fa {
  color: #A6AFC2;
  font-size: 1.25rem;
}
.mp-autocomplete_text-list {
  background: white;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  bottom: 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  left: 0;
  list-style-type: none;
  margin: 0;
  max-height: 10rem;
  overflow: auto;
  padding: 0;
  position: absolute;
  transform: translateY(100%);
  width: 100%;
  z-index: 1060;
}
.mp-autocomplete_text-item {
  cursor: pointer;
  padding: 0.625rem 0.75rem;
}
.mp-autocomplete_text-item:hover, .mp-autocomplete_text-item--hovered {
  background: #D8DDE5;
}
.mp-autocomplete_text-item--blank {
  background: white !important;
  cursor: default;
}
.form-group.mp-calendar-input {
  align-items: start;
  flex-direction: column;
}
.form-group.mp-calendar-input_input {
  padding: 0.3125rem 0.5625rem 0.25rem 0.625rem;
}

.mp-calendar-input_mask {
  display: block;
  width: 100%;
}
.mp-calendar {
  color: white;
  display: inline-block;
  font-family: "NunitoSans";
  width: 22rem;
}
.mp-calendar .popover {
  left: 100px !important;
}
.mp-calendar .popover::after {
  left: calc(50% - 100px) !important;
}
@media (max-width: 1679px) {
  .mp-calendar {
    width: 15rem;
  }
}
.mp-calendar_datepicker {
  padding: 0 2rem;
}
.mp-calendar_date-inputs {
  display: flex;
  flex-direction: column;
  margin-left: 0.625rem;
  margin-top: 1.5rem;
}
.mp-calendar_date-inputs .form-group {
  margin-right: 0.8875rem;
}
.mp-calendar_date-inputs .form-group .ui-inputtext {
  font-family: "NunitoSans";
  line-height: 0.875rem;
  padding: 0.375rem 0.75rem;
  width: 100%;
}
.mp-calendar_date-inputs label {
  font-weight: 800;
  margin-bottom: 0.3125rem;
}
.mp-calendar_date-inputs--hidden {
  visibility: hidden;
}
.mp-calendar-month_date {
  background: #6D7584;
  border-radius: 0.3125rem;
  color: #373737;
  height: 1.75rem;
  min-width: 6rem;
  padding-left: 0.75rem;
  padding-top: 0.4375rem;
  width: 100%;
}
.mp-calendar_tooltip-body {
  cursor: auto;
}
.mp-calendar_range-selectors {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  cursor: default;
  flex: 1 1 auto;
  padding: 1.5rem 0 0.13125rem 0.75rem;
  white-space: nowrap;
}
.mp-calendar_range-selectors .form-check-input {
  display: inline-block;
  margin-bottom: 1.0625rem;
  padding-left: 1rem;
}
.mp-calendar_range-selectors .form-check-input .ui-radiobutton-label {
  cursor: pointer;
  display: inline-block;
  font-size: 0.75rem;
}
.mp-calendar_range-selectors .form-check-input .ui-radiobutton .ui-radiobutton-box:hover:not(.ui-state-active) {
  background-color: rgba(255, 255, 255, 0.2);
}
.mp-calendar_range-selectors .form-check-input .ui-radiobutton.ui-widget {
  transform: translateY(-10%);
}
.mp-calendar-tabs {
  justify-content: center;
  width: 100%;
}
.mp-calendar_tooltip {
  background-color: #2D3544;
  border: solid 1px #2D3544;
  border-radius: 5px;
  box-shadow: 0 0 0.875rem 0 #373737;
}
.mp-calendar_tooltip-body {
  display: flex;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.mp-calendar_tooltip-body .ui-radiobutton .ui-radiobutton-box {
  background-color: transparent;
  border-color: white;
}
.mp-calendar_tooltip-left_panel {
  background: #2D3544;
  display: flex;
  flex-direction: column;
  min-width: 11rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1rem;
}
@media (max-width: 1199px) {
  .mp-calendar_tooltip-left_panel {
    display: none;
  }
}
.mp-calendar_tooltip-right_panel {
  background: #6D7584;
  width: 35rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation {
  font-weight: 800;
  line-height: 1.375rem;
  margin-top: 0.375rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation_year {
  margin: 0 1.125rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation_arrow {
  cursor: pointer;
  font-size: 1.25rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly {
  font-size: 0.75rem;
  font-weight: 800;
  position: relative;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly > div {
  display: inline-block;
  vertical-align: middle;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_arrow {
  cursor: pointer;
  font-size: 1.25rem;
  padding: 1rem;
  position: absolute;
  transform: translateY(-25%);
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_arrow_left {
  left: 1.25rem;
  padding-top: 0.125rem;
  transform: translateX(-50%);
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_arrow_right {
  padding-top: 0.125rem;
  right: 1.25rem;
  transform: translateX(50%);
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_month {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 0.2625rem;
  padding-top: 0.375rem;
  text-align: center;
  width: 14rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_month_left {
  margin-left: 2.3rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar-navigation-monthly_month_right {
  margin-left: 2rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar_day {
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  width: 2rem;
}
.mp-calendar_tooltip-right_panel .mp-calendar_day--disabled {
  background-color: initial !important;
  opacity: 0.2;
}
.mp-calendar_tooltip-right_panel .mp-calendar_day--focused {
  background-color: #08CDFF;
  color: #495366;
  font-weight: 800;
}
.mp-calendar_tooltip-right_panel .mp-calendar_day-range, .mp-calendar_tooltip-right_panel .mp-calendar_day:hover {
  background-color: #808EA9;
}
.mp-calendar_tooltip-right_panel .mp-calendar_day--faded {
  background-color: rgba(9, 205, 255, 0.27);
}
.mp-calendar_tooltip-right_panel .interval_checkbox {
  margin-top: -8px;
  bottom: 3.75rem;
  padding-left: 2.3rem;
  justify-content: space-between;
}
.mp-calendar_tooltip-right_panel .interval_checkbox .ui-chkbox {
  margin-right: 0.5rem;
}
.mp-calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box {
  background-color: transparent;
  border-color: white;
}
.mp-calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.mp-calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}
.mp-calendar_tooltip-footer {
  background: white;
  border-radius: 5px;
  cursor: auto;
  padding: 0.7rem;
}
.mp-calendar_tooltip-footer .btn {
  font-weight: 700;
}
.mp-calendar_tooltip-footer .btn + .btn {
  margin-left: 0.75rem;
}
.mp-calendar .ui-state-disabled {
  opacity: 0.75;
}

.mp-time_filter-body {
  width: 200px;
}

.ngb-dp-month-name {
  display: none;
}

.ngb-dp-month:first-child {
  margin-right: 1rem;
}

.ngb-dp-week {
  margin-bottom: 0.25rem;
}

.ngb-dp-weekdays {
  background: none !important;
  border: 0 !important;
  font-size: 0.75rem;
  font-weight: 200;
  margin-bottom: 0;
  opacity: 0.83;
}
.ngb-dp-weekdays .ngb-dp-weekday {
  color: white !important;
}
.ngb-dp-weekdays .ngb-dp-weekday.small {
  font-size: inherit;
  font-weight: inherit;
}

#ngbDatePicker {
  border: 0;
}
#ngbDatePicker .ngb-dp-header {
  display: none;
}
.mp-checkbox-channels .form-control {
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0.5625rem 1.25rem 0.5625rem 0.75rem;
}
.mp-chart_percentage {
  padding: 3rem 5rem;
}
@media (max-width: 991px) {
  .mp-chart_percentage {
    padding: 4rem;
  }
}
.mp-chart_percentage-outer {
  background-color: #E8EBEF;
  border-radius: 6.25rem;
  display: flex;
  flex-wrap: nowrap;
  height: 0.625rem;
  position: relative;
}
.mp-chart_percentage-inner {
  background-color: #6555E2;
  border-radius: 6.25rem;
  height: 0.625rem;
  position: relative;
}
.mp-chart_percentage-footer {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.mp-chart_percentage-footer div:first-child {
  transform: translateX(-50%);
}
.mp-chart_percentage-footer div:last-child {
  transform: translateX(50%);
}
.mp-chart_percentage-content_data {
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .mp-chart_percentage-content_data {
    white-space: normal;
  }
}
.mp-chart_percentage-data {
  background-color: white;
  border: solid 1px #6555E2;
  border-radius: 0.3125rem;
  box-shadow: 0 0.125rem 0.25rem 0 #D8DDE5;
  color: #6555E2;
  min-height: 3.75rem;
  min-width: 6.25rem;
  padding: 0.3125rem;
  position: absolute;
  right: 0;
  transform: translateX(50%) translateY(-120%);
}
.mp-chart_percentage-data::after {
  background-color: white;
  border-bottom: solid #6555E2 1px;
  border-radius: 0 0 0.25rem;
  border-right: solid #6555E2 1px;
  bottom: -0.9375rem;
  box-shadow: 0.125rem 0.125rem 0.125rem 0 #D8DDE5;
  content: "";
  display: inline-block;
  height: 1.0625rem;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%);
  width: 1.0625rem;
}
.mp-chart_percentage--negative .mp-chart_percentage-outer {
  justify-content: flex-end;
}
.mp-chart_percentage--negative .mp-chart_percentage-data {
  left: 0;
  right: auto;
  transform: translateX(-50%) translateY(-120%);
}
.mp-commerces_tree {
  font-size: 0.875rem;
  width: 23.5rem;
}
@media (max-width: 1679px) {
  .mp-commerces_tree {
    width: 16rem;
  }
}
.mp-commerces_tree .popover {
  left: auto !important;
  right: 0 !important;
}
.mp-commerces_tree .popover:after {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .mp-commerces_tree .popover {
    left: 0 !important;
    right: 0 !important;
  }
  .mp-commerces_tree .popover:after {
    left: auto;
    right: 0;
  }
}
.mp-commerces_tree-container {
  background-color: #495366;
  width: 25rem;
}
@media (max-width: 1679px) {
  .mp-commerces_tree-container {
    width: 16rem;
  }
}
@media (max-width: 767px) {
  .mp-commerces_tree-container {
    width: 100% !important;
  }
}
.mp-commerces_tree-bookmarks {
  background-color: #2D3544;
  color: white;
  list-style-type: none;
  margin: 0;
  padding: 0.625rem;
}
.mp-commerces_tree-bookmark {
  cursor: pointer;
}
.mp-commerces_tree-bookmark .fa {
  color: #F8E81C;
  margin-right: 0.3125rem;
}
.mp-commerces_tree-bookmark + .mp-commerces_tree-bookmark {
  margin-top: 0.3125rem;
}
.mp-commerces_tree-check_bookmark_text {
  color: #373737;
  margin-left: -0.125rem;
}
.mp-commerces_tree-content {
  padding: 0.625rem 0.625rem 0;
}
.mp-commerces_tree-remove_button {
  color: white;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
.mp-commerces_tree-remove_button.disabled {
  cursor: default;
  opacity: 0.5;
}
.mp-commerces_tree-search {
  color: #6D7584 !important;
  font-size: 1.25rem !important;
}
.mp-commerces_tree-filter {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.mp-commerces_tree-filter .input-button {
  width: 100%;
}
.mp-commerces_tree-filter .input-button .form-control::-webkit-input-placeholder {
  color: #373737;
}
.mp-commerces_tree-filter .input-button .form-control:-moz-placeholder {
  color: #373737;
}
.mp-commerces_tree-filter .input-button .form-control::-moz-placeholder {
  color: #373737;
}
.mp-commerces_tree-filter .input-button .form-control:-ms-input-placeholder {
  color: #373737;
}
.mp-commerces_tree-filter .input-button .form-control {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
  border-radius: 0.3125rem 0.3125rem 0 0;
  color: #373737;
  padding: 0.6875rem 0.625rem;
  width: 100%;
}
.mp-commerces_tree-filter .input-button .form-control:hover, .mp-commerces_tree-filter .input-button .form-control:focus {
  border-color: white;
}
.mp-commerces_tree-filter .input-button .form-control:focus {
  background-color: white;
}
.mp-commerces_tree-filter .input-button .form-control:focus + .mp-commerces_tree-search {
  color: #A6AFC2 !important;
}
.mp-commerces_tree-filter .ui-dropdown .ui-dropdown-panel {
  border-color: #08CDFF;
}
.mp-commerces_tree-filter .ui-dropdown .ui-dropdown-label {
  background-color: #6D7584;
  border: 1px solid white;
  color: white;
  font-size: 0.875rem;
  line-height: 1rem;
}
.mp-commerces_tree-filter .ui-dropdown .ui-dropdown-trigger {
  background-color: #6D7584;
  border: 1px solid white;
  border-left-width: 0;
}
.mp-commerces_tree-filter .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  background-color: #6D7584;
  border-color: #08CDFF;
  color: white;
}
.mp-commerces_tree-filter .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger {
  background-color: #6D7584;
  border-color: #08CDFF;
  color: white;
}
.mp-commerces_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-label {
  background-color: white !important;
  color: #373737 !important;
}
.mp-commerces_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-label.ui-inputtext {
  border: 1px solid #08CDFF;
}
.mp-commerces_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-trigger {
  background-color: white !important;
  border-color: #08CDFF;
}
.mp-commerces_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-trigger .fa {
  color: #373737 !important;
}
.mp-commerces_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  background-color: white !important;
  border-color: #08CDFF;
  color: #373737 !important;
}
.mp-commerces_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-trigger {
  background-color: white !important;
  border-bottom-right-radius: 0 !important;
  border-color: #08CDFF;
  color: #373737 !important;
}
.mp-commerces_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-trigger .fa {
  background: none;
  color: #373737;
}
.mp-commerces_tree-filter .ui-dropdown.ui-state-disabled {
  pointer-events: none;
}
.mp-commerces_tree-actions {
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.875rem;
}
.mp-commerces_tree-buttons .btn {
  font-size: 1rem;
  font-weight: 700;
}
.mp-commerces_tree-buttons .btn + .btn {
  margin-left: 0.75rem;
}
.mp-commerces_tree .mp-alerts-item {
  border-radius: 0;
  margin-bottom: 0 !important;
}
.mp-commerces_tree .mp-treeview-scroll {
  height: 15.875rem;
}
@media (max-width: 767px) {
  .mp-commerces_tree .mp-treeview-scroll {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .mp-commerces_tree .mp-treeview-container {
    max-width: 100%;
  }
}
.mp-dashboard_new-content {
  margin: 1.375rem 1.5rem 0;
  position: relative;
}
.u-m-0 {
  margin: 0;
}

.u-m-0.u-m--neg {
  margin: 0;
}

@media (max-width: 360px) {
  .u-m-0\@xxs {
    margin: 0 !important;
  }
  .u-m-0\@xxs.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 575px) {
  .u-m-0\@xs {
    margin: 0 !important;
  }
  .u-m-0\@xs.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .u-m-0\@s {
    margin: 0 !important;
  }
  .u-m-0\@s.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .u-m-0\@m {
    margin: 0 !important;
  }
  .u-m-0\@m.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .u-m-0\@l {
    margin: 0 !important;
  }
  .u-m-0\@l.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1440px) {
  .u-m-0\@xl {
    margin: 0 !important;
  }
  .u-m-0\@xl.u-m--neg {
    margin: 0;
  }
}
@media (max-width: 1679px) {
  .u-m-0\@xxl {
    margin: 0 !important;
  }
  .u-m-0\@xxl.u-m--neg {
    margin: 0;
  }
}
.u-mt-0 {
  margin-top: 0;
}

.u-mt-0.u-mt--neg {
  margin-top: 0;
}

@media (max-width: 360px) {
  .u-mt-0\@xxs {
    margin-top: 0 !important;
  }
  .u-mt-0\@xxs.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .u-mt-0\@xs {
    margin-top: 0 !important;
  }
  .u-mt-0\@xs.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .u-mt-0\@s {
    margin-top: 0 !important;
  }
  .u-mt-0\@s.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .u-mt-0\@m {
    margin-top: 0 !important;
  }
  .u-mt-0\@m.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .u-mt-0\@l {
    margin-top: 0 !important;
  }
  .u-mt-0\@l.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1440px) {
  .u-mt-0\@xl {
    margin-top: 0 !important;
  }
  .u-mt-0\@xl.u-mt--neg {
    margin-top: 0;
  }
}
@media (max-width: 1679px) {
  .u-mt-0\@xxl {
    margin-top: 0 !important;
  }
  .u-mt-0\@xxl.u-mt--neg {
    margin-top: 0;
  }
}
.u-ml-0 {
  margin-left: 0;
}

.u-ml-0.u-ml--neg {
  margin-left: 0;
}

@media (max-width: 360px) {
  .u-ml-0\@xxs {
    margin-left: 0 !important;
  }
  .u-ml-0\@xxs.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .u-ml-0\@xs {
    margin-left: 0 !important;
  }
  .u-ml-0\@xs.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .u-ml-0\@s {
    margin-left: 0 !important;
  }
  .u-ml-0\@s.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .u-ml-0\@m {
    margin-left: 0 !important;
  }
  .u-ml-0\@m.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .u-ml-0\@l {
    margin-left: 0 !important;
  }
  .u-ml-0\@l.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1440px) {
  .u-ml-0\@xl {
    margin-left: 0 !important;
  }
  .u-ml-0\@xl.u-ml--neg {
    margin-left: 0;
  }
}
@media (max-width: 1679px) {
  .u-ml-0\@xxl {
    margin-left: 0 !important;
  }
  .u-ml-0\@xxl.u-ml--neg {
    margin-left: 0;
  }
}
.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-0.u-mb--neg {
  margin-bottom: 0;
}

@media (max-width: 360px) {
  .u-mb-0\@xxs {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xxs.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .u-mb-0\@xs {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xs.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .u-mb-0\@s {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@s.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .u-mb-0\@m {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@m.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .u-mb-0\@l {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@l.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .u-mb-0\@xl {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xl.u-mb--neg {
    margin-bottom: 0;
  }
}
@media (max-width: 1679px) {
  .u-mb-0\@xxl {
    margin-bottom: 0 !important;
  }
  .u-mb-0\@xxl.u-mb--neg {
    margin-bottom: 0;
  }
}
.u-mr-0 {
  margin-right: 0;
}

.u-mr-0.u-mr--neg {
  margin-right: 0;
}

@media (max-width: 360px) {
  .u-mr-0\@xxs {
    margin-right: 0 !important;
  }
  .u-mr-0\@xxs.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .u-mr-0\@xs {
    margin-right: 0 !important;
  }
  .u-mr-0\@xs.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .u-mr-0\@s {
    margin-right: 0 !important;
  }
  .u-mr-0\@s.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .u-mr-0\@m {
    margin-right: 0 !important;
  }
  .u-mr-0\@m.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .u-mr-0\@l {
    margin-right: 0 !important;
  }
  .u-mr-0\@l.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1440px) {
  .u-mr-0\@xl {
    margin-right: 0 !important;
  }
  .u-mr-0\@xl.u-mr--neg {
    margin-right: 0;
  }
}
@media (max-width: 1679px) {
  .u-mr-0\@xxl {
    margin-right: 0 !important;
  }
  .u-mr-0\@xxl.u-mr--neg {
    margin-right: 0;
  }
}
.u-m-0\.5 {
  margin: 0.5rem;
}

.u-m-0\.5.u-m--neg {
  margin: -0.5rem;
}

@media (max-width: 360px) {
  .u-m-0\.5\@xxs {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xxs.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-0\.5\@xs {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xs.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-0\.5\@s {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@s.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-0\.5\@m {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@m.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-0\.5\@l {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@l.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-0\.5\@xl {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xl.u-m--neg {
    margin: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-0\.5\@xxl {
    margin: 0.5rem !important;
  }
  .u-m-0\.5\@xxl.u-m--neg {
    margin: -0.5rem;
  }
}
.u-mt-0\.5 {
  margin-top: 0.5rem;
}

.u-mt-0\.5.u-mt--neg {
  margin-top: -0.5rem;
}

@media (max-width: 360px) {
  .u-mt-0\.5\@xxs {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xxs.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-0\.5\@xs {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xs.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-0\.5\@s {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@s.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-0\.5\@m {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@m.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-0\.5\@l {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@l.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-0\.5\@xl {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xl.u-mt--neg {
    margin-top: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-0\.5\@xxl {
    margin-top: 0.5rem !important;
  }
  .u-mt-0\.5\@xxl.u-mt--neg {
    margin-top: -0.5rem;
  }
}
.u-ml-0\.5 {
  margin-left: 0.5rem;
}

.u-ml-0\.5.u-ml--neg {
  margin-left: -0.5rem;
}

@media (max-width: 360px) {
  .u-ml-0\.5\@xxs {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xxs.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-0\.5\@xs {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xs.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-0\.5\@s {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@s.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-0\.5\@m {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@m.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-0\.5\@l {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@l.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-0\.5\@xl {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xl.u-ml--neg {
    margin-left: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-0\.5\@xxl {
    margin-left: 0.5rem !important;
  }
  .u-ml-0\.5\@xxl.u-ml--neg {
    margin-left: -0.5rem;
  }
}
.u-mb-0\.5 {
  margin-bottom: 0.5rem;
}

.u-mb-0\.5.u-mb--neg {
  margin-bottom: -0.5rem;
}

@media (max-width: 360px) {
  .u-mb-0\.5\@xxs {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xxs.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-0\.5\@xs {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xs.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-0\.5\@s {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@s.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-0\.5\@m {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@m.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-0\.5\@l {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@l.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-0\.5\@xl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xl.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-0\.5\@xxl {
    margin-bottom: 0.5rem !important;
  }
  .u-mb-0\.5\@xxl.u-mb--neg {
    margin-bottom: -0.5rem;
  }
}
.u-mr-0\.5 {
  margin-right: 0.5rem;
}

.u-mr-0\.5.u-mr--neg {
  margin-right: -0.5rem;
}

@media (max-width: 360px) {
  .u-mr-0\.5\@xxs {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xxs.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-0\.5\@xs {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xs.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-0\.5\@s {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@s.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-0\.5\@m {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@m.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-0\.5\@l {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@l.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-0\.5\@xl {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xl.u-mr--neg {
    margin-right: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-0\.5\@xxl {
    margin-right: 0.5rem !important;
  }
  .u-mr-0\.5\@xxl.u-mr--neg {
    margin-right: -0.5rem;
  }
}
.u-m-1 {
  margin: 1rem;
}

.u-m-1.u-m--neg {
  margin: -1rem;
}

@media (max-width: 360px) {
  .u-m-1\@xxs {
    margin: 1rem !important;
  }
  .u-m-1\@xxs.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 575px) {
  .u-m-1\@xs {
    margin: 1rem !important;
  }
  .u-m-1\@xs.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 767px) {
  .u-m-1\@s {
    margin: 1rem !important;
  }
  .u-m-1\@s.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 991px) {
  .u-m-1\@m {
    margin: 1rem !important;
  }
  .u-m-1\@m.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-m-1\@l {
    margin: 1rem !important;
  }
  .u-m-1\@l.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-m-1\@xl {
    margin: 1rem !important;
  }
  .u-m-1\@xl.u-m--neg {
    margin: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-m-1\@xxl {
    margin: 1rem !important;
  }
  .u-m-1\@xxl.u-m--neg {
    margin: -1rem;
  }
}
.u-mt-1 {
  margin-top: 1rem;
}

.u-mt-1.u-mt--neg {
  margin-top: -1rem;
}

@media (max-width: 360px) {
  .u-mt-1\@xxs {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xxs.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mt-1\@xs {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xs.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mt-1\@s {
    margin-top: 1rem !important;
  }
  .u-mt-1\@s.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mt-1\@m {
    margin-top: 1rem !important;
  }
  .u-mt-1\@m.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-1\@l {
    margin-top: 1rem !important;
  }
  .u-mt-1\@l.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-1\@xl {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xl.u-mt--neg {
    margin-top: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-1\@xxl {
    margin-top: 1rem !important;
  }
  .u-mt-1\@xxl.u-mt--neg {
    margin-top: -1rem;
  }
}
.u-ml-1 {
  margin-left: 1rem;
}

.u-ml-1.u-ml--neg {
  margin-left: -1rem;
}

@media (max-width: 360px) {
  .u-ml-1\@xxs {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xxs.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 575px) {
  .u-ml-1\@xs {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xs.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 767px) {
  .u-ml-1\@s {
    margin-left: 1rem !important;
  }
  .u-ml-1\@s.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 991px) {
  .u-ml-1\@m {
    margin-left: 1rem !important;
  }
  .u-ml-1\@m.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-1\@l {
    margin-left: 1rem !important;
  }
  .u-ml-1\@l.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-1\@xl {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xl.u-ml--neg {
    margin-left: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-1\@xxl {
    margin-left: 1rem !important;
  }
  .u-ml-1\@xxl.u-ml--neg {
    margin-left: -1rem;
  }
}
.u-mb-1 {
  margin-bottom: 1rem;
}

.u-mb-1.u-mb--neg {
  margin-bottom: -1rem;
}

@media (max-width: 360px) {
  .u-mb-1\@xxs {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xxs.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mb-1\@xs {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xs.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mb-1\@s {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@s.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mb-1\@m {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@m.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-1\@l {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@l.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-1\@xl {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xl.u-mb--neg {
    margin-bottom: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-1\@xxl {
    margin-bottom: 1rem !important;
  }
  .u-mb-1\@xxl.u-mb--neg {
    margin-bottom: -1rem;
  }
}
.u-mr-1 {
  margin-right: 1rem;
}

.u-mr-1.u-mr--neg {
  margin-right: -1rem;
}

@media (max-width: 360px) {
  .u-mr-1\@xxs {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xxs.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 575px) {
  .u-mr-1\@xs {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xs.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 767px) {
  .u-mr-1\@s {
    margin-right: 1rem !important;
  }
  .u-mr-1\@s.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 991px) {
  .u-mr-1\@m {
    margin-right: 1rem !important;
  }
  .u-mr-1\@m.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-1\@l {
    margin-right: 1rem !important;
  }
  .u-mr-1\@l.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-1\@xl {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xl.u-mr--neg {
    margin-right: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-1\@xxl {
    margin-right: 1rem !important;
  }
  .u-mr-1\@xxl.u-mr--neg {
    margin-right: -1rem;
  }
}
.u-m-1\.5 {
  margin: 1.5rem;
}

.u-m-1\.5.u-m--neg {
  margin: -1.5rem;
}

@media (max-width: 360px) {
  .u-m-1\.5\@xxs {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xxs.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-1\.5\@xs {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xs.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-1\.5\@s {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@s.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-1\.5\@m {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@m.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-1\.5\@l {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@l.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-1\.5\@xl {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xl.u-m--neg {
    margin: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-1\.5\@xxl {
    margin: 1.5rem !important;
  }
  .u-m-1\.5\@xxl.u-m--neg {
    margin: -1.5rem;
  }
}
.u-mt-1\.5 {
  margin-top: 1.5rem;
}

.u-mt-1\.5.u-mt--neg {
  margin-top: -1.5rem;
}

@media (max-width: 360px) {
  .u-mt-1\.5\@xxs {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xxs.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-1\.5\@xs {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xs.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-1\.5\@s {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@s.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-1\.5\@m {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@m.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-1\.5\@l {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@l.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-1\.5\@xl {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xl.u-mt--neg {
    margin-top: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-1\.5\@xxl {
    margin-top: 1.5rem !important;
  }
  .u-mt-1\.5\@xxl.u-mt--neg {
    margin-top: -1.5rem;
  }
}
.u-ml-1\.5 {
  margin-left: 1.5rem;
}

.u-ml-1\.5.u-ml--neg {
  margin-left: -1.5rem;
}

@media (max-width: 360px) {
  .u-ml-1\.5\@xxs {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xxs.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-1\.5\@xs {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xs.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-1\.5\@s {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@s.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-1\.5\@m {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@m.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-1\.5\@l {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@l.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-1\.5\@xl {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xl.u-ml--neg {
    margin-left: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-1\.5\@xxl {
    margin-left: 1.5rem !important;
  }
  .u-ml-1\.5\@xxl.u-ml--neg {
    margin-left: -1.5rem;
  }
}
.u-mb-1\.5 {
  margin-bottom: 1.5rem;
}

.u-mb-1\.5.u-mb--neg {
  margin-bottom: -1.5rem;
}

@media (max-width: 360px) {
  .u-mb-1\.5\@xxs {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xxs.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-1\.5\@xs {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xs.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-1\.5\@s {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@s.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-1\.5\@m {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@m.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-1\.5\@l {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@l.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-1\.5\@xl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xl.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-1\.5\@xxl {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-1\.5\@xxl.u-mb--neg {
    margin-bottom: -1.5rem;
  }
}
.u-mr-1\.5 {
  margin-right: 1.5rem;
}

.u-mr-1\.5.u-mr--neg {
  margin-right: -1.5rem;
}

@media (max-width: 360px) {
  .u-mr-1\.5\@xxs {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xxs.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-1\.5\@xs {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xs.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-1\.5\@s {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@s.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-1\.5\@m {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@m.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-1\.5\@l {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@l.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-1\.5\@xl {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xl.u-mr--neg {
    margin-right: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-1\.5\@xxl {
    margin-right: 1.5rem !important;
  }
  .u-mr-1\.5\@xxl.u-mr--neg {
    margin-right: -1.5rem;
  }
}
.u-m-2 {
  margin: 2rem;
}

.u-m-2.u-m--neg {
  margin: -2rem;
}

@media (max-width: 360px) {
  .u-m-2\@xxs {
    margin: 2rem !important;
  }
  .u-m-2\@xxs.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 575px) {
  .u-m-2\@xs {
    margin: 2rem !important;
  }
  .u-m-2\@xs.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 767px) {
  .u-m-2\@s {
    margin: 2rem !important;
  }
  .u-m-2\@s.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 991px) {
  .u-m-2\@m {
    margin: 2rem !important;
  }
  .u-m-2\@m.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-m-2\@l {
    margin: 2rem !important;
  }
  .u-m-2\@l.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-m-2\@xl {
    margin: 2rem !important;
  }
  .u-m-2\@xl.u-m--neg {
    margin: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-m-2\@xxl {
    margin: 2rem !important;
  }
  .u-m-2\@xxl.u-m--neg {
    margin: -2rem;
  }
}
.u-mt-2 {
  margin-top: 2rem;
}

.u-mt-2.u-mt--neg {
  margin-top: -2rem;
}

@media (max-width: 360px) {
  .u-mt-2\@xxs {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xxs.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mt-2\@xs {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xs.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mt-2\@s {
    margin-top: 2rem !important;
  }
  .u-mt-2\@s.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mt-2\@m {
    margin-top: 2rem !important;
  }
  .u-mt-2\@m.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-2\@l {
    margin-top: 2rem !important;
  }
  .u-mt-2\@l.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-2\@xl {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xl.u-mt--neg {
    margin-top: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-2\@xxl {
    margin-top: 2rem !important;
  }
  .u-mt-2\@xxl.u-mt--neg {
    margin-top: -2rem;
  }
}
.u-ml-2 {
  margin-left: 2rem;
}

.u-ml-2.u-ml--neg {
  margin-left: -2rem;
}

@media (max-width: 360px) {
  .u-ml-2\@xxs {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xxs.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 575px) {
  .u-ml-2\@xs {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xs.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 767px) {
  .u-ml-2\@s {
    margin-left: 2rem !important;
  }
  .u-ml-2\@s.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 991px) {
  .u-ml-2\@m {
    margin-left: 2rem !important;
  }
  .u-ml-2\@m.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-2\@l {
    margin-left: 2rem !important;
  }
  .u-ml-2\@l.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-2\@xl {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xl.u-ml--neg {
    margin-left: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-2\@xxl {
    margin-left: 2rem !important;
  }
  .u-ml-2\@xxl.u-ml--neg {
    margin-left: -2rem;
  }
}
.u-mb-2 {
  margin-bottom: 2rem;
}

.u-mb-2.u-mb--neg {
  margin-bottom: -2rem;
}

@media (max-width: 360px) {
  .u-mb-2\@xxs {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xxs.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mb-2\@xs {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xs.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mb-2\@s {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@s.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mb-2\@m {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@m.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-2\@l {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@l.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-2\@xl {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xl.u-mb--neg {
    margin-bottom: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-2\@xxl {
    margin-bottom: 2rem !important;
  }
  .u-mb-2\@xxl.u-mb--neg {
    margin-bottom: -2rem;
  }
}
.u-mr-2 {
  margin-right: 2rem;
}

.u-mr-2.u-mr--neg {
  margin-right: -2rem;
}

@media (max-width: 360px) {
  .u-mr-2\@xxs {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xxs.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 575px) {
  .u-mr-2\@xs {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xs.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 767px) {
  .u-mr-2\@s {
    margin-right: 2rem !important;
  }
  .u-mr-2\@s.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 991px) {
  .u-mr-2\@m {
    margin-right: 2rem !important;
  }
  .u-mr-2\@m.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-2\@l {
    margin-right: 2rem !important;
  }
  .u-mr-2\@l.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-2\@xl {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xl.u-mr--neg {
    margin-right: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-2\@xxl {
    margin-right: 2rem !important;
  }
  .u-mr-2\@xxl.u-mr--neg {
    margin-right: -2rem;
  }
}
.u-m-2\.5 {
  margin: 2.5rem;
}

.u-m-2\.5.u-m--neg {
  margin: -2.5rem;
}

@media (max-width: 360px) {
  .u-m-2\.5\@xxs {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xxs.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-2\.5\@xs {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xs.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-2\.5\@s {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@s.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-2\.5\@m {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@m.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-2\.5\@l {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@l.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-2\.5\@xl {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xl.u-m--neg {
    margin: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-2\.5\@xxl {
    margin: 2.5rem !important;
  }
  .u-m-2\.5\@xxl.u-m--neg {
    margin: -2.5rem;
  }
}
.u-mt-2\.5 {
  margin-top: 2.5rem;
}

.u-mt-2\.5.u-mt--neg {
  margin-top: -2.5rem;
}

@media (max-width: 360px) {
  .u-mt-2\.5\@xxs {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xxs.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-2\.5\@xs {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xs.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-2\.5\@s {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@s.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-2\.5\@m {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@m.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-2\.5\@l {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@l.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-2\.5\@xl {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xl.u-mt--neg {
    margin-top: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-2\.5\@xxl {
    margin-top: 2.5rem !important;
  }
  .u-mt-2\.5\@xxl.u-mt--neg {
    margin-top: -2.5rem;
  }
}
.u-ml-2\.5 {
  margin-left: 2.5rem;
}

.u-ml-2\.5.u-ml--neg {
  margin-left: -2.5rem;
}

@media (max-width: 360px) {
  .u-ml-2\.5\@xxs {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xxs.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-2\.5\@xs {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xs.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-2\.5\@s {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@s.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-2\.5\@m {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@m.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-2\.5\@l {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@l.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-2\.5\@xl {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xl.u-ml--neg {
    margin-left: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-2\.5\@xxl {
    margin-left: 2.5rem !important;
  }
  .u-ml-2\.5\@xxl.u-ml--neg {
    margin-left: -2.5rem;
  }
}
.u-mb-2\.5 {
  margin-bottom: 2.5rem;
}

.u-mb-2\.5.u-mb--neg {
  margin-bottom: -2.5rem;
}

@media (max-width: 360px) {
  .u-mb-2\.5\@xxs {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xxs.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-2\.5\@xs {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xs.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-2\.5\@s {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@s.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-2\.5\@m {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@m.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-2\.5\@l {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@l.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-2\.5\@xl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xl.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-2\.5\@xxl {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-2\.5\@xxl.u-mb--neg {
    margin-bottom: -2.5rem;
  }
}
.u-mr-2\.5 {
  margin-right: 2.5rem;
}

.u-mr-2\.5.u-mr--neg {
  margin-right: -2.5rem;
}

@media (max-width: 360px) {
  .u-mr-2\.5\@xxs {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xxs.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-2\.5\@xs {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xs.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-2\.5\@s {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@s.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-2\.5\@m {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@m.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-2\.5\@l {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@l.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-2\.5\@xl {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xl.u-mr--neg {
    margin-right: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-2\.5\@xxl {
    margin-right: 2.5rem !important;
  }
  .u-mr-2\.5\@xxl.u-mr--neg {
    margin-right: -2.5rem;
  }
}
.u-m-3 {
  margin: 3rem;
}

.u-m-3.u-m--neg {
  margin: -3rem;
}

@media (max-width: 360px) {
  .u-m-3\@xxs {
    margin: 3rem !important;
  }
  .u-m-3\@xxs.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 575px) {
  .u-m-3\@xs {
    margin: 3rem !important;
  }
  .u-m-3\@xs.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 767px) {
  .u-m-3\@s {
    margin: 3rem !important;
  }
  .u-m-3\@s.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 991px) {
  .u-m-3\@m {
    margin: 3rem !important;
  }
  .u-m-3\@m.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-m-3\@l {
    margin: 3rem !important;
  }
  .u-m-3\@l.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-m-3\@xl {
    margin: 3rem !important;
  }
  .u-m-3\@xl.u-m--neg {
    margin: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-m-3\@xxl {
    margin: 3rem !important;
  }
  .u-m-3\@xxl.u-m--neg {
    margin: -3rem;
  }
}
.u-mt-3 {
  margin-top: 3rem;
}

.u-mt-3.u-mt--neg {
  margin-top: -3rem;
}

@media (max-width: 360px) {
  .u-mt-3\@xxs {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xxs.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mt-3\@xs {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xs.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mt-3\@s {
    margin-top: 3rem !important;
  }
  .u-mt-3\@s.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mt-3\@m {
    margin-top: 3rem !important;
  }
  .u-mt-3\@m.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-3\@l {
    margin-top: 3rem !important;
  }
  .u-mt-3\@l.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-3\@xl {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xl.u-mt--neg {
    margin-top: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-3\@xxl {
    margin-top: 3rem !important;
  }
  .u-mt-3\@xxl.u-mt--neg {
    margin-top: -3rem;
  }
}
.u-ml-3 {
  margin-left: 3rem;
}

.u-ml-3.u-ml--neg {
  margin-left: -3rem;
}

@media (max-width: 360px) {
  .u-ml-3\@xxs {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xxs.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 575px) {
  .u-ml-3\@xs {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xs.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 767px) {
  .u-ml-3\@s {
    margin-left: 3rem !important;
  }
  .u-ml-3\@s.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 991px) {
  .u-ml-3\@m {
    margin-left: 3rem !important;
  }
  .u-ml-3\@m.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-3\@l {
    margin-left: 3rem !important;
  }
  .u-ml-3\@l.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-3\@xl {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xl.u-ml--neg {
    margin-left: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-3\@xxl {
    margin-left: 3rem !important;
  }
  .u-ml-3\@xxl.u-ml--neg {
    margin-left: -3rem;
  }
}
.u-mb-3 {
  margin-bottom: 3rem;
}

.u-mb-3.u-mb--neg {
  margin-bottom: -3rem;
}

@media (max-width: 360px) {
  .u-mb-3\@xxs {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xxs.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mb-3\@xs {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xs.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mb-3\@s {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@s.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mb-3\@m {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@m.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-3\@l {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@l.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-3\@xl {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xl.u-mb--neg {
    margin-bottom: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-3\@xxl {
    margin-bottom: 3rem !important;
  }
  .u-mb-3\@xxl.u-mb--neg {
    margin-bottom: -3rem;
  }
}
.u-mr-3 {
  margin-right: 3rem;
}

.u-mr-3.u-mr--neg {
  margin-right: -3rem;
}

@media (max-width: 360px) {
  .u-mr-3\@xxs {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xxs.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 575px) {
  .u-mr-3\@xs {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xs.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 767px) {
  .u-mr-3\@s {
    margin-right: 3rem !important;
  }
  .u-mr-3\@s.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 991px) {
  .u-mr-3\@m {
    margin-right: 3rem !important;
  }
  .u-mr-3\@m.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-3\@l {
    margin-right: 3rem !important;
  }
  .u-mr-3\@l.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-3\@xl {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xl.u-mr--neg {
    margin-right: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-3\@xxl {
    margin-right: 3rem !important;
  }
  .u-mr-3\@xxl.u-mr--neg {
    margin-right: -3rem;
  }
}
.u-m-3\.5 {
  margin: 3.5rem;
}

.u-m-3\.5.u-m--neg {
  margin: -3.5rem;
}

@media (max-width: 360px) {
  .u-m-3\.5\@xxs {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xxs.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-3\.5\@xs {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xs.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-3\.5\@s {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@s.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-3\.5\@m {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@m.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-3\.5\@l {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@l.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-3\.5\@xl {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xl.u-m--neg {
    margin: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-3\.5\@xxl {
    margin: 3.5rem !important;
  }
  .u-m-3\.5\@xxl.u-m--neg {
    margin: -3.5rem;
  }
}
.u-mt-3\.5 {
  margin-top: 3.5rem;
}

.u-mt-3\.5.u-mt--neg {
  margin-top: -3.5rem;
}

@media (max-width: 360px) {
  .u-mt-3\.5\@xxs {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xxs.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-3\.5\@xs {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xs.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-3\.5\@s {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@s.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-3\.5\@m {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@m.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-3\.5\@l {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@l.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-3\.5\@xl {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xl.u-mt--neg {
    margin-top: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-3\.5\@xxl {
    margin-top: 3.5rem !important;
  }
  .u-mt-3\.5\@xxl.u-mt--neg {
    margin-top: -3.5rem;
  }
}
.u-ml-3\.5 {
  margin-left: 3.5rem;
}

.u-ml-3\.5.u-ml--neg {
  margin-left: -3.5rem;
}

@media (max-width: 360px) {
  .u-ml-3\.5\@xxs {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xxs.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-3\.5\@xs {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xs.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-3\.5\@s {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@s.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-3\.5\@m {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@m.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-3\.5\@l {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@l.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-3\.5\@xl {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xl.u-ml--neg {
    margin-left: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-3\.5\@xxl {
    margin-left: 3.5rem !important;
  }
  .u-ml-3\.5\@xxl.u-ml--neg {
    margin-left: -3.5rem;
  }
}
.u-mb-3\.5 {
  margin-bottom: 3.5rem;
}

.u-mb-3\.5.u-mb--neg {
  margin-bottom: -3.5rem;
}

@media (max-width: 360px) {
  .u-mb-3\.5\@xxs {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xxs.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-3\.5\@xs {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xs.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-3\.5\@s {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@s.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-3\.5\@m {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@m.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-3\.5\@l {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@l.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-3\.5\@xl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xl.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-3\.5\@xxl {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-3\.5\@xxl.u-mb--neg {
    margin-bottom: -3.5rem;
  }
}
.u-mr-3\.5 {
  margin-right: 3.5rem;
}

.u-mr-3\.5.u-mr--neg {
  margin-right: -3.5rem;
}

@media (max-width: 360px) {
  .u-mr-3\.5\@xxs {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xxs.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-3\.5\@xs {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xs.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-3\.5\@s {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@s.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-3\.5\@m {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@m.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-3\.5\@l {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@l.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-3\.5\@xl {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xl.u-mr--neg {
    margin-right: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-3\.5\@xxl {
    margin-right: 3.5rem !important;
  }
  .u-mr-3\.5\@xxl.u-mr--neg {
    margin-right: -3.5rem;
  }
}
.u-m-4 {
  margin: 4rem;
}

.u-m-4.u-m--neg {
  margin: -4rem;
}

@media (max-width: 360px) {
  .u-m-4\@xxs {
    margin: 4rem !important;
  }
  .u-m-4\@xxs.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 575px) {
  .u-m-4\@xs {
    margin: 4rem !important;
  }
  .u-m-4\@xs.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 767px) {
  .u-m-4\@s {
    margin: 4rem !important;
  }
  .u-m-4\@s.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 991px) {
  .u-m-4\@m {
    margin: 4rem !important;
  }
  .u-m-4\@m.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-m-4\@l {
    margin: 4rem !important;
  }
  .u-m-4\@l.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-m-4\@xl {
    margin: 4rem !important;
  }
  .u-m-4\@xl.u-m--neg {
    margin: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-m-4\@xxl {
    margin: 4rem !important;
  }
  .u-m-4\@xxl.u-m--neg {
    margin: -4rem;
  }
}
.u-mt-4 {
  margin-top: 4rem;
}

.u-mt-4.u-mt--neg {
  margin-top: -4rem;
}

@media (max-width: 360px) {
  .u-mt-4\@xxs {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xxs.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mt-4\@xs {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xs.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mt-4\@s {
    margin-top: 4rem !important;
  }
  .u-mt-4\@s.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mt-4\@m {
    margin-top: 4rem !important;
  }
  .u-mt-4\@m.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-4\@l {
    margin-top: 4rem !important;
  }
  .u-mt-4\@l.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-4\@xl {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xl.u-mt--neg {
    margin-top: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-4\@xxl {
    margin-top: 4rem !important;
  }
  .u-mt-4\@xxl.u-mt--neg {
    margin-top: -4rem;
  }
}
.u-ml-4 {
  margin-left: 4rem;
}

.u-ml-4.u-ml--neg {
  margin-left: -4rem;
}

@media (max-width: 360px) {
  .u-ml-4\@xxs {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xxs.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 575px) {
  .u-ml-4\@xs {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xs.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 767px) {
  .u-ml-4\@s {
    margin-left: 4rem !important;
  }
  .u-ml-4\@s.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 991px) {
  .u-ml-4\@m {
    margin-left: 4rem !important;
  }
  .u-ml-4\@m.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-4\@l {
    margin-left: 4rem !important;
  }
  .u-ml-4\@l.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-4\@xl {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xl.u-ml--neg {
    margin-left: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-4\@xxl {
    margin-left: 4rem !important;
  }
  .u-ml-4\@xxl.u-ml--neg {
    margin-left: -4rem;
  }
}
.u-mb-4 {
  margin-bottom: 4rem;
}

.u-mb-4.u-mb--neg {
  margin-bottom: -4rem;
}

@media (max-width: 360px) {
  .u-mb-4\@xxs {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xxs.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mb-4\@xs {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xs.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mb-4\@s {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@s.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mb-4\@m {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@m.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-4\@l {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@l.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-4\@xl {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xl.u-mb--neg {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-4\@xxl {
    margin-bottom: 4rem !important;
  }
  .u-mb-4\@xxl.u-mb--neg {
    margin-bottom: -4rem;
  }
}
.u-mr-4 {
  margin-right: 4rem;
}

.u-mr-4.u-mr--neg {
  margin-right: -4rem;
}

@media (max-width: 360px) {
  .u-mr-4\@xxs {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xxs.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 575px) {
  .u-mr-4\@xs {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xs.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 767px) {
  .u-mr-4\@s {
    margin-right: 4rem !important;
  }
  .u-mr-4\@s.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 991px) {
  .u-mr-4\@m {
    margin-right: 4rem !important;
  }
  .u-mr-4\@m.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-4\@l {
    margin-right: 4rem !important;
  }
  .u-mr-4\@l.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-4\@xl {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xl.u-mr--neg {
    margin-right: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-4\@xxl {
    margin-right: 4rem !important;
  }
  .u-mr-4\@xxl.u-mr--neg {
    margin-right: -4rem;
  }
}
.u-m-4\.5 {
  margin: 4.5rem;
}

.u-m-4\.5.u-m--neg {
  margin: -4.5rem;
}

@media (max-width: 360px) {
  .u-m-4\.5\@xxs {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xxs.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-4\.5\@xs {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xs.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-4\.5\@s {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@s.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-4\.5\@m {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@m.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-4\.5\@l {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@l.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-4\.5\@xl {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xl.u-m--neg {
    margin: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-4\.5\@xxl {
    margin: 4.5rem !important;
  }
  .u-m-4\.5\@xxl.u-m--neg {
    margin: -4.5rem;
  }
}
.u-mt-4\.5 {
  margin-top: 4.5rem;
}

.u-mt-4\.5.u-mt--neg {
  margin-top: -4.5rem;
}

@media (max-width: 360px) {
  .u-mt-4\.5\@xxs {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xxs.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-4\.5\@xs {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xs.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-4\.5\@s {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@s.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-4\.5\@m {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@m.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-4\.5\@l {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@l.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-4\.5\@xl {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xl.u-mt--neg {
    margin-top: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-4\.5\@xxl {
    margin-top: 4.5rem !important;
  }
  .u-mt-4\.5\@xxl.u-mt--neg {
    margin-top: -4.5rem;
  }
}
.u-ml-4\.5 {
  margin-left: 4.5rem;
}

.u-ml-4\.5.u-ml--neg {
  margin-left: -4.5rem;
}

@media (max-width: 360px) {
  .u-ml-4\.5\@xxs {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xxs.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-4\.5\@xs {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xs.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-4\.5\@s {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@s.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-4\.5\@m {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@m.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-4\.5\@l {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@l.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-4\.5\@xl {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xl.u-ml--neg {
    margin-left: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-4\.5\@xxl {
    margin-left: 4.5rem !important;
  }
  .u-ml-4\.5\@xxl.u-ml--neg {
    margin-left: -4.5rem;
  }
}
.u-mb-4\.5 {
  margin-bottom: 4.5rem;
}

.u-mb-4\.5.u-mb--neg {
  margin-bottom: -4.5rem;
}

@media (max-width: 360px) {
  .u-mb-4\.5\@xxs {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xxs.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-4\.5\@xs {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xs.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-4\.5\@s {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@s.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-4\.5\@m {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@m.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-4\.5\@l {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@l.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-4\.5\@xl {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xl.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-4\.5\@xxl {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-4\.5\@xxl.u-mb--neg {
    margin-bottom: -4.5rem;
  }
}
.u-mr-4\.5 {
  margin-right: 4.5rem;
}

.u-mr-4\.5.u-mr--neg {
  margin-right: -4.5rem;
}

@media (max-width: 360px) {
  .u-mr-4\.5\@xxs {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xxs.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-4\.5\@xs {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xs.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-4\.5\@s {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@s.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-4\.5\@m {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@m.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-4\.5\@l {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@l.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-4\.5\@xl {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xl.u-mr--neg {
    margin-right: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-4\.5\@xxl {
    margin-right: 4.5rem !important;
  }
  .u-mr-4\.5\@xxl.u-mr--neg {
    margin-right: -4.5rem;
  }
}
.u-m-5 {
  margin: 5rem;
}

.u-m-5.u-m--neg {
  margin: -5rem;
}

@media (max-width: 360px) {
  .u-m-5\@xxs {
    margin: 5rem !important;
  }
  .u-m-5\@xxs.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 575px) {
  .u-m-5\@xs {
    margin: 5rem !important;
  }
  .u-m-5\@xs.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 767px) {
  .u-m-5\@s {
    margin: 5rem !important;
  }
  .u-m-5\@s.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 991px) {
  .u-m-5\@m {
    margin: 5rem !important;
  }
  .u-m-5\@m.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-5\@l {
    margin: 5rem !important;
  }
  .u-m-5\@l.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-5\@xl {
    margin: 5rem !important;
  }
  .u-m-5\@xl.u-m--neg {
    margin: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-5\@xxl {
    margin: 5rem !important;
  }
  .u-m-5\@xxl.u-m--neg {
    margin: -5rem;
  }
}
.u-mt-5 {
  margin-top: 5rem;
}

.u-mt-5.u-mt--neg {
  margin-top: -5rem;
}

@media (max-width: 360px) {
  .u-mt-5\@xxs {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xxs.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-5\@xs {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xs.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-5\@s {
    margin-top: 5rem !important;
  }
  .u-mt-5\@s.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-5\@m {
    margin-top: 5rem !important;
  }
  .u-mt-5\@m.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-5\@l {
    margin-top: 5rem !important;
  }
  .u-mt-5\@l.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-5\@xl {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xl.u-mt--neg {
    margin-top: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-5\@xxl {
    margin-top: 5rem !important;
  }
  .u-mt-5\@xxl.u-mt--neg {
    margin-top: -5rem;
  }
}
.u-ml-5 {
  margin-left: 5rem;
}

.u-ml-5.u-ml--neg {
  margin-left: -5rem;
}

@media (max-width: 360px) {
  .u-ml-5\@xxs {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xxs.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-5\@xs {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xs.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-5\@s {
    margin-left: 5rem !important;
  }
  .u-ml-5\@s.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-5\@m {
    margin-left: 5rem !important;
  }
  .u-ml-5\@m.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-5\@l {
    margin-left: 5rem !important;
  }
  .u-ml-5\@l.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-5\@xl {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xl.u-ml--neg {
    margin-left: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-5\@xxl {
    margin-left: 5rem !important;
  }
  .u-ml-5\@xxl.u-ml--neg {
    margin-left: -5rem;
  }
}
.u-mb-5 {
  margin-bottom: 5rem;
}

.u-mb-5.u-mb--neg {
  margin-bottom: -5rem;
}

@media (max-width: 360px) {
  .u-mb-5\@xxs {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xxs.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-5\@xs {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xs.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-5\@s {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@s.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-5\@m {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@m.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-5\@l {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@l.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-5\@xl {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xl.u-mb--neg {
    margin-bottom: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-5\@xxl {
    margin-bottom: 5rem !important;
  }
  .u-mb-5\@xxl.u-mb--neg {
    margin-bottom: -5rem;
  }
}
.u-mr-5 {
  margin-right: 5rem;
}

.u-mr-5.u-mr--neg {
  margin-right: -5rem;
}

@media (max-width: 360px) {
  .u-mr-5\@xxs {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xxs.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-5\@xs {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xs.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-5\@s {
    margin-right: 5rem !important;
  }
  .u-mr-5\@s.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-5\@m {
    margin-right: 5rem !important;
  }
  .u-mr-5\@m.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-5\@l {
    margin-right: 5rem !important;
  }
  .u-mr-5\@l.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-5\@xl {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xl.u-mr--neg {
    margin-right: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-5\@xxl {
    margin-right: 5rem !important;
  }
  .u-mr-5\@xxl.u-mr--neg {
    margin-right: -5rem;
  }
}
.u-m-5\.5 {
  margin: 5.5rem;
}

.u-m-5\.5.u-m--neg {
  margin: -5.5rem;
}

@media (max-width: 360px) {
  .u-m-5\.5\@xxs {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xxs.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-5\.5\@xs {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xs.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-5\.5\@s {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@s.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-5\.5\@m {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@m.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-5\.5\@l {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@l.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-5\.5\@xl {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xl.u-m--neg {
    margin: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-5\.5\@xxl {
    margin: 5.5rem !important;
  }
  .u-m-5\.5\@xxl.u-m--neg {
    margin: -5.5rem;
  }
}
.u-mt-5\.5 {
  margin-top: 5.5rem;
}

.u-mt-5\.5.u-mt--neg {
  margin-top: -5.5rem;
}

@media (max-width: 360px) {
  .u-mt-5\.5\@xxs {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xxs.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-5\.5\@xs {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xs.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-5\.5\@s {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@s.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-5\.5\@m {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@m.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-5\.5\@l {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@l.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-5\.5\@xl {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xl.u-mt--neg {
    margin-top: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-5\.5\@xxl {
    margin-top: 5.5rem !important;
  }
  .u-mt-5\.5\@xxl.u-mt--neg {
    margin-top: -5.5rem;
  }
}
.u-ml-5\.5 {
  margin-left: 5.5rem;
}

.u-ml-5\.5.u-ml--neg {
  margin-left: -5.5rem;
}

@media (max-width: 360px) {
  .u-ml-5\.5\@xxs {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xxs.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-5\.5\@xs {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xs.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-5\.5\@s {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@s.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-5\.5\@m {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@m.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-5\.5\@l {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@l.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-5\.5\@xl {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xl.u-ml--neg {
    margin-left: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-5\.5\@xxl {
    margin-left: 5.5rem !important;
  }
  .u-ml-5\.5\@xxl.u-ml--neg {
    margin-left: -5.5rem;
  }
}
.u-mb-5\.5 {
  margin-bottom: 5.5rem;
}

.u-mb-5\.5.u-mb--neg {
  margin-bottom: -5.5rem;
}

@media (max-width: 360px) {
  .u-mb-5\.5\@xxs {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xxs.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-5\.5\@xs {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xs.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-5\.5\@s {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@s.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-5\.5\@m {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@m.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-5\.5\@l {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@l.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-5\.5\@xl {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xl.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-5\.5\@xxl {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-5\.5\@xxl.u-mb--neg {
    margin-bottom: -5.5rem;
  }
}
.u-mr-5\.5 {
  margin-right: 5.5rem;
}

.u-mr-5\.5.u-mr--neg {
  margin-right: -5.5rem;
}

@media (max-width: 360px) {
  .u-mr-5\.5\@xxs {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xxs.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-5\.5\@xs {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xs.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-5\.5\@s {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@s.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-5\.5\@m {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@m.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-5\.5\@l {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@l.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-5\.5\@xl {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xl.u-mr--neg {
    margin-right: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-5\.5\@xxl {
    margin-right: 5.5rem !important;
  }
  .u-mr-5\.5\@xxl.u-mr--neg {
    margin-right: -5.5rem;
  }
}
.u-m-6 {
  margin: 6rem;
}

.u-m-6.u-m--neg {
  margin: -6rem;
}

@media (max-width: 360px) {
  .u-m-6\@xxs {
    margin: 6rem !important;
  }
  .u-m-6\@xxs.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 575px) {
  .u-m-6\@xs {
    margin: 6rem !important;
  }
  .u-m-6\@xs.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 767px) {
  .u-m-6\@s {
    margin: 6rem !important;
  }
  .u-m-6\@s.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 991px) {
  .u-m-6\@m {
    margin: 6rem !important;
  }
  .u-m-6\@m.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-m-6\@l {
    margin: 6rem !important;
  }
  .u-m-6\@l.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-m-6\@xl {
    margin: 6rem !important;
  }
  .u-m-6\@xl.u-m--neg {
    margin: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-m-6\@xxl {
    margin: 6rem !important;
  }
  .u-m-6\@xxl.u-m--neg {
    margin: -6rem;
  }
}
.u-mt-6 {
  margin-top: 6rem;
}

.u-mt-6.u-mt--neg {
  margin-top: -6rem;
}

@media (max-width: 360px) {
  .u-mt-6\@xxs {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xxs.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mt-6\@xs {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xs.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mt-6\@s {
    margin-top: 6rem !important;
  }
  .u-mt-6\@s.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mt-6\@m {
    margin-top: 6rem !important;
  }
  .u-mt-6\@m.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-6\@l {
    margin-top: 6rem !important;
  }
  .u-mt-6\@l.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-6\@xl {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xl.u-mt--neg {
    margin-top: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-6\@xxl {
    margin-top: 6rem !important;
  }
  .u-mt-6\@xxl.u-mt--neg {
    margin-top: -6rem;
  }
}
.u-ml-6 {
  margin-left: 6rem;
}

.u-ml-6.u-ml--neg {
  margin-left: -6rem;
}

@media (max-width: 360px) {
  .u-ml-6\@xxs {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xxs.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 575px) {
  .u-ml-6\@xs {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xs.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 767px) {
  .u-ml-6\@s {
    margin-left: 6rem !important;
  }
  .u-ml-6\@s.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 991px) {
  .u-ml-6\@m {
    margin-left: 6rem !important;
  }
  .u-ml-6\@m.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-6\@l {
    margin-left: 6rem !important;
  }
  .u-ml-6\@l.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-6\@xl {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xl.u-ml--neg {
    margin-left: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-6\@xxl {
    margin-left: 6rem !important;
  }
  .u-ml-6\@xxl.u-ml--neg {
    margin-left: -6rem;
  }
}
.u-mb-6 {
  margin-bottom: 6rem;
}

.u-mb-6.u-mb--neg {
  margin-bottom: -6rem;
}

@media (max-width: 360px) {
  .u-mb-6\@xxs {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xxs.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mb-6\@xs {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xs.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mb-6\@s {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@s.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mb-6\@m {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@m.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-6\@l {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@l.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-6\@xl {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xl.u-mb--neg {
    margin-bottom: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-6\@xxl {
    margin-bottom: 6rem !important;
  }
  .u-mb-6\@xxl.u-mb--neg {
    margin-bottom: -6rem;
  }
}
.u-mr-6 {
  margin-right: 6rem;
}

.u-mr-6.u-mr--neg {
  margin-right: -6rem;
}

@media (max-width: 360px) {
  .u-mr-6\@xxs {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xxs.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 575px) {
  .u-mr-6\@xs {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xs.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 767px) {
  .u-mr-6\@s {
    margin-right: 6rem !important;
  }
  .u-mr-6\@s.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 991px) {
  .u-mr-6\@m {
    margin-right: 6rem !important;
  }
  .u-mr-6\@m.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-6\@l {
    margin-right: 6rem !important;
  }
  .u-mr-6\@l.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-6\@xl {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xl.u-mr--neg {
    margin-right: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-6\@xxl {
    margin-right: 6rem !important;
  }
  .u-mr-6\@xxl.u-mr--neg {
    margin-right: -6rem;
  }
}
.u-m-6\.5 {
  margin: 6.5rem;
}

.u-m-6\.5.u-m--neg {
  margin: -6.5rem;
}

@media (max-width: 360px) {
  .u-m-6\.5\@xxs {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xxs.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-6\.5\@xs {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xs.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-6\.5\@s {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@s.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-6\.5\@m {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@m.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-6\.5\@l {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@l.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-6\.5\@xl {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xl.u-m--neg {
    margin: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-6\.5\@xxl {
    margin: 6.5rem !important;
  }
  .u-m-6\.5\@xxl.u-m--neg {
    margin: -6.5rem;
  }
}
.u-mt-6\.5 {
  margin-top: 6.5rem;
}

.u-mt-6\.5.u-mt--neg {
  margin-top: -6.5rem;
}

@media (max-width: 360px) {
  .u-mt-6\.5\@xxs {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xxs.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-6\.5\@xs {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xs.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-6\.5\@s {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@s.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-6\.5\@m {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@m.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-6\.5\@l {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@l.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-6\.5\@xl {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xl.u-mt--neg {
    margin-top: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-6\.5\@xxl {
    margin-top: 6.5rem !important;
  }
  .u-mt-6\.5\@xxl.u-mt--neg {
    margin-top: -6.5rem;
  }
}
.u-ml-6\.5 {
  margin-left: 6.5rem;
}

.u-ml-6\.5.u-ml--neg {
  margin-left: -6.5rem;
}

@media (max-width: 360px) {
  .u-ml-6\.5\@xxs {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xxs.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-6\.5\@xs {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xs.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-6\.5\@s {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@s.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-6\.5\@m {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@m.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-6\.5\@l {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@l.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-6\.5\@xl {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xl.u-ml--neg {
    margin-left: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-6\.5\@xxl {
    margin-left: 6.5rem !important;
  }
  .u-ml-6\.5\@xxl.u-ml--neg {
    margin-left: -6.5rem;
  }
}
.u-mb-6\.5 {
  margin-bottom: 6.5rem;
}

.u-mb-6\.5.u-mb--neg {
  margin-bottom: -6.5rem;
}

@media (max-width: 360px) {
  .u-mb-6\.5\@xxs {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xxs.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-6\.5\@xs {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xs.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-6\.5\@s {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@s.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-6\.5\@m {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@m.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-6\.5\@l {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@l.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-6\.5\@xl {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xl.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-6\.5\@xxl {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-6\.5\@xxl.u-mb--neg {
    margin-bottom: -6.5rem;
  }
}
.u-mr-6\.5 {
  margin-right: 6.5rem;
}

.u-mr-6\.5.u-mr--neg {
  margin-right: -6.5rem;
}

@media (max-width: 360px) {
  .u-mr-6\.5\@xxs {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xxs.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-6\.5\@xs {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xs.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-6\.5\@s {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@s.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-6\.5\@m {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@m.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-6\.5\@l {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@l.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-6\.5\@xl {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xl.u-mr--neg {
    margin-right: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-6\.5\@xxl {
    margin-right: 6.5rem !important;
  }
  .u-mr-6\.5\@xxl.u-mr--neg {
    margin-right: -6.5rem;
  }
}
.u-m-7 {
  margin: 7rem;
}

.u-m-7.u-m--neg {
  margin: -7rem;
}

@media (max-width: 360px) {
  .u-m-7\@xxs {
    margin: 7rem !important;
  }
  .u-m-7\@xxs.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 575px) {
  .u-m-7\@xs {
    margin: 7rem !important;
  }
  .u-m-7\@xs.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 767px) {
  .u-m-7\@s {
    margin: 7rem !important;
  }
  .u-m-7\@s.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 991px) {
  .u-m-7\@m {
    margin: 7rem !important;
  }
  .u-m-7\@m.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-m-7\@l {
    margin: 7rem !important;
  }
  .u-m-7\@l.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-m-7\@xl {
    margin: 7rem !important;
  }
  .u-m-7\@xl.u-m--neg {
    margin: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-m-7\@xxl {
    margin: 7rem !important;
  }
  .u-m-7\@xxl.u-m--neg {
    margin: -7rem;
  }
}
.u-mt-7 {
  margin-top: 7rem;
}

.u-mt-7.u-mt--neg {
  margin-top: -7rem;
}

@media (max-width: 360px) {
  .u-mt-7\@xxs {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xxs.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mt-7\@xs {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xs.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mt-7\@s {
    margin-top: 7rem !important;
  }
  .u-mt-7\@s.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mt-7\@m {
    margin-top: 7rem !important;
  }
  .u-mt-7\@m.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-7\@l {
    margin-top: 7rem !important;
  }
  .u-mt-7\@l.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-7\@xl {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xl.u-mt--neg {
    margin-top: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-7\@xxl {
    margin-top: 7rem !important;
  }
  .u-mt-7\@xxl.u-mt--neg {
    margin-top: -7rem;
  }
}
.u-ml-7 {
  margin-left: 7rem;
}

.u-ml-7.u-ml--neg {
  margin-left: -7rem;
}

@media (max-width: 360px) {
  .u-ml-7\@xxs {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xxs.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 575px) {
  .u-ml-7\@xs {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xs.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 767px) {
  .u-ml-7\@s {
    margin-left: 7rem !important;
  }
  .u-ml-7\@s.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 991px) {
  .u-ml-7\@m {
    margin-left: 7rem !important;
  }
  .u-ml-7\@m.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-7\@l {
    margin-left: 7rem !important;
  }
  .u-ml-7\@l.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-7\@xl {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xl.u-ml--neg {
    margin-left: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-7\@xxl {
    margin-left: 7rem !important;
  }
  .u-ml-7\@xxl.u-ml--neg {
    margin-left: -7rem;
  }
}
.u-mb-7 {
  margin-bottom: 7rem;
}

.u-mb-7.u-mb--neg {
  margin-bottom: -7rem;
}

@media (max-width: 360px) {
  .u-mb-7\@xxs {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xxs.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mb-7\@xs {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xs.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mb-7\@s {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@s.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mb-7\@m {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@m.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-7\@l {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@l.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-7\@xl {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xl.u-mb--neg {
    margin-bottom: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-7\@xxl {
    margin-bottom: 7rem !important;
  }
  .u-mb-7\@xxl.u-mb--neg {
    margin-bottom: -7rem;
  }
}
.u-mr-7 {
  margin-right: 7rem;
}

.u-mr-7.u-mr--neg {
  margin-right: -7rem;
}

@media (max-width: 360px) {
  .u-mr-7\@xxs {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xxs.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 575px) {
  .u-mr-7\@xs {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xs.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 767px) {
  .u-mr-7\@s {
    margin-right: 7rem !important;
  }
  .u-mr-7\@s.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 991px) {
  .u-mr-7\@m {
    margin-right: 7rem !important;
  }
  .u-mr-7\@m.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-7\@l {
    margin-right: 7rem !important;
  }
  .u-mr-7\@l.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-7\@xl {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xl.u-mr--neg {
    margin-right: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-7\@xxl {
    margin-right: 7rem !important;
  }
  .u-mr-7\@xxl.u-mr--neg {
    margin-right: -7rem;
  }
}
.u-m-7\.5 {
  margin: 7.5rem;
}

.u-m-7\.5.u-m--neg {
  margin: -7.5rem;
}

@media (max-width: 360px) {
  .u-m-7\.5\@xxs {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xxs.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-7\.5\@xs {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xs.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-7\.5\@s {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@s.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-7\.5\@m {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@m.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-7\.5\@l {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@l.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-7\.5\@xl {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xl.u-m--neg {
    margin: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-7\.5\@xxl {
    margin: 7.5rem !important;
  }
  .u-m-7\.5\@xxl.u-m--neg {
    margin: -7.5rem;
  }
}
.u-mt-7\.5 {
  margin-top: 7.5rem;
}

.u-mt-7\.5.u-mt--neg {
  margin-top: -7.5rem;
}

@media (max-width: 360px) {
  .u-mt-7\.5\@xxs {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xxs.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-7\.5\@xs {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xs.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-7\.5\@s {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@s.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-7\.5\@m {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@m.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-7\.5\@l {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@l.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-7\.5\@xl {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xl.u-mt--neg {
    margin-top: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-7\.5\@xxl {
    margin-top: 7.5rem !important;
  }
  .u-mt-7\.5\@xxl.u-mt--neg {
    margin-top: -7.5rem;
  }
}
.u-ml-7\.5 {
  margin-left: 7.5rem;
}

.u-ml-7\.5.u-ml--neg {
  margin-left: -7.5rem;
}

@media (max-width: 360px) {
  .u-ml-7\.5\@xxs {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xxs.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-7\.5\@xs {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xs.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-7\.5\@s {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@s.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-7\.5\@m {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@m.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-7\.5\@l {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@l.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-7\.5\@xl {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xl.u-ml--neg {
    margin-left: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-7\.5\@xxl {
    margin-left: 7.5rem !important;
  }
  .u-ml-7\.5\@xxl.u-ml--neg {
    margin-left: -7.5rem;
  }
}
.u-mb-7\.5 {
  margin-bottom: 7.5rem;
}

.u-mb-7\.5.u-mb--neg {
  margin-bottom: -7.5rem;
}

@media (max-width: 360px) {
  .u-mb-7\.5\@xxs {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xxs.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-7\.5\@xs {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xs.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-7\.5\@s {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@s.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-7\.5\@m {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@m.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-7\.5\@l {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@l.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-7\.5\@xl {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xl.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-7\.5\@xxl {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-7\.5\@xxl.u-mb--neg {
    margin-bottom: -7.5rem;
  }
}
.u-mr-7\.5 {
  margin-right: 7.5rem;
}

.u-mr-7\.5.u-mr--neg {
  margin-right: -7.5rem;
}

@media (max-width: 360px) {
  .u-mr-7\.5\@xxs {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xxs.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-7\.5\@xs {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xs.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-7\.5\@s {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@s.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-7\.5\@m {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@m.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-7\.5\@l {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@l.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-7\.5\@xl {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xl.u-mr--neg {
    margin-right: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-7\.5\@xxl {
    margin-right: 7.5rem !important;
  }
  .u-mr-7\.5\@xxl.u-mr--neg {
    margin-right: -7.5rem;
  }
}
.u-m-8 {
  margin: 8rem;
}

.u-m-8.u-m--neg {
  margin: -8rem;
}

@media (max-width: 360px) {
  .u-m-8\@xxs {
    margin: 8rem !important;
  }
  .u-m-8\@xxs.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 575px) {
  .u-m-8\@xs {
    margin: 8rem !important;
  }
  .u-m-8\@xs.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 767px) {
  .u-m-8\@s {
    margin: 8rem !important;
  }
  .u-m-8\@s.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 991px) {
  .u-m-8\@m {
    margin: 8rem !important;
  }
  .u-m-8\@m.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-m-8\@l {
    margin: 8rem !important;
  }
  .u-m-8\@l.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-m-8\@xl {
    margin: 8rem !important;
  }
  .u-m-8\@xl.u-m--neg {
    margin: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-m-8\@xxl {
    margin: 8rem !important;
  }
  .u-m-8\@xxl.u-m--neg {
    margin: -8rem;
  }
}
.u-mt-8 {
  margin-top: 8rem;
}

.u-mt-8.u-mt--neg {
  margin-top: -8rem;
}

@media (max-width: 360px) {
  .u-mt-8\@xxs {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xxs.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mt-8\@xs {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xs.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mt-8\@s {
    margin-top: 8rem !important;
  }
  .u-mt-8\@s.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mt-8\@m {
    margin-top: 8rem !important;
  }
  .u-mt-8\@m.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-8\@l {
    margin-top: 8rem !important;
  }
  .u-mt-8\@l.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-8\@xl {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xl.u-mt--neg {
    margin-top: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-8\@xxl {
    margin-top: 8rem !important;
  }
  .u-mt-8\@xxl.u-mt--neg {
    margin-top: -8rem;
  }
}
.u-ml-8 {
  margin-left: 8rem;
}

.u-ml-8.u-ml--neg {
  margin-left: -8rem;
}

@media (max-width: 360px) {
  .u-ml-8\@xxs {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xxs.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 575px) {
  .u-ml-8\@xs {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xs.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 767px) {
  .u-ml-8\@s {
    margin-left: 8rem !important;
  }
  .u-ml-8\@s.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 991px) {
  .u-ml-8\@m {
    margin-left: 8rem !important;
  }
  .u-ml-8\@m.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-8\@l {
    margin-left: 8rem !important;
  }
  .u-ml-8\@l.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-8\@xl {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xl.u-ml--neg {
    margin-left: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-8\@xxl {
    margin-left: 8rem !important;
  }
  .u-ml-8\@xxl.u-ml--neg {
    margin-left: -8rem;
  }
}
.u-mb-8 {
  margin-bottom: 8rem;
}

.u-mb-8.u-mb--neg {
  margin-bottom: -8rem;
}

@media (max-width: 360px) {
  .u-mb-8\@xxs {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xxs.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mb-8\@xs {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xs.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mb-8\@s {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@s.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mb-8\@m {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@m.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-8\@l {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@l.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-8\@xl {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xl.u-mb--neg {
    margin-bottom: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-8\@xxl {
    margin-bottom: 8rem !important;
  }
  .u-mb-8\@xxl.u-mb--neg {
    margin-bottom: -8rem;
  }
}
.u-mr-8 {
  margin-right: 8rem;
}

.u-mr-8.u-mr--neg {
  margin-right: -8rem;
}

@media (max-width: 360px) {
  .u-mr-8\@xxs {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xxs.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 575px) {
  .u-mr-8\@xs {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xs.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 767px) {
  .u-mr-8\@s {
    margin-right: 8rem !important;
  }
  .u-mr-8\@s.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 991px) {
  .u-mr-8\@m {
    margin-right: 8rem !important;
  }
  .u-mr-8\@m.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-8\@l {
    margin-right: 8rem !important;
  }
  .u-mr-8\@l.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-8\@xl {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xl.u-mr--neg {
    margin-right: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-8\@xxl {
    margin-right: 8rem !important;
  }
  .u-mr-8\@xxl.u-mr--neg {
    margin-right: -8rem;
  }
}
.u-m-8\.5 {
  margin: 8.5rem;
}

.u-m-8\.5.u-m--neg {
  margin: -8.5rem;
}

@media (max-width: 360px) {
  .u-m-8\.5\@xxs {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xxs.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-8\.5\@xs {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xs.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-8\.5\@s {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@s.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-8\.5\@m {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@m.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-8\.5\@l {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@l.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-8\.5\@xl {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xl.u-m--neg {
    margin: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-8\.5\@xxl {
    margin: 8.5rem !important;
  }
  .u-m-8\.5\@xxl.u-m--neg {
    margin: -8.5rem;
  }
}
.u-mt-8\.5 {
  margin-top: 8.5rem;
}

.u-mt-8\.5.u-mt--neg {
  margin-top: -8.5rem;
}

@media (max-width: 360px) {
  .u-mt-8\.5\@xxs {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xxs.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-8\.5\@xs {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xs.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-8\.5\@s {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@s.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-8\.5\@m {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@m.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-8\.5\@l {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@l.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-8\.5\@xl {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xl.u-mt--neg {
    margin-top: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-8\.5\@xxl {
    margin-top: 8.5rem !important;
  }
  .u-mt-8\.5\@xxl.u-mt--neg {
    margin-top: -8.5rem;
  }
}
.u-ml-8\.5 {
  margin-left: 8.5rem;
}

.u-ml-8\.5.u-ml--neg {
  margin-left: -8.5rem;
}

@media (max-width: 360px) {
  .u-ml-8\.5\@xxs {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xxs.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-8\.5\@xs {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xs.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-8\.5\@s {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@s.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-8\.5\@m {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@m.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-8\.5\@l {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@l.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-8\.5\@xl {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xl.u-ml--neg {
    margin-left: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-8\.5\@xxl {
    margin-left: 8.5rem !important;
  }
  .u-ml-8\.5\@xxl.u-ml--neg {
    margin-left: -8.5rem;
  }
}
.u-mb-8\.5 {
  margin-bottom: 8.5rem;
}

.u-mb-8\.5.u-mb--neg {
  margin-bottom: -8.5rem;
}

@media (max-width: 360px) {
  .u-mb-8\.5\@xxs {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xxs.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-8\.5\@xs {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xs.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-8\.5\@s {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@s.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-8\.5\@m {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@m.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-8\.5\@l {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@l.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-8\.5\@xl {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xl.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-8\.5\@xxl {
    margin-bottom: 8.5rem !important;
  }
  .u-mb-8\.5\@xxl.u-mb--neg {
    margin-bottom: -8.5rem;
  }
}
.u-mr-8\.5 {
  margin-right: 8.5rem;
}

.u-mr-8\.5.u-mr--neg {
  margin-right: -8.5rem;
}

@media (max-width: 360px) {
  .u-mr-8\.5\@xxs {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xxs.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-8\.5\@xs {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xs.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-8\.5\@s {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@s.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-8\.5\@m {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@m.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-8\.5\@l {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@l.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-8\.5\@xl {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xl.u-mr--neg {
    margin-right: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-8\.5\@xxl {
    margin-right: 8.5rem !important;
  }
  .u-mr-8\.5\@xxl.u-mr--neg {
    margin-right: -8.5rem;
  }
}
.u-m-9 {
  margin: 9rem;
}

.u-m-9.u-m--neg {
  margin: -9rem;
}

@media (max-width: 360px) {
  .u-m-9\@xxs {
    margin: 9rem !important;
  }
  .u-m-9\@xxs.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 575px) {
  .u-m-9\@xs {
    margin: 9rem !important;
  }
  .u-m-9\@xs.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 767px) {
  .u-m-9\@s {
    margin: 9rem !important;
  }
  .u-m-9\@s.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 991px) {
  .u-m-9\@m {
    margin: 9rem !important;
  }
  .u-m-9\@m.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-m-9\@l {
    margin: 9rem !important;
  }
  .u-m-9\@l.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-m-9\@xl {
    margin: 9rem !important;
  }
  .u-m-9\@xl.u-m--neg {
    margin: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-m-9\@xxl {
    margin: 9rem !important;
  }
  .u-m-9\@xxl.u-m--neg {
    margin: -9rem;
  }
}
.u-mt-9 {
  margin-top: 9rem;
}

.u-mt-9.u-mt--neg {
  margin-top: -9rem;
}

@media (max-width: 360px) {
  .u-mt-9\@xxs {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xxs.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mt-9\@xs {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xs.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mt-9\@s {
    margin-top: 9rem !important;
  }
  .u-mt-9\@s.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mt-9\@m {
    margin-top: 9rem !important;
  }
  .u-mt-9\@m.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-9\@l {
    margin-top: 9rem !important;
  }
  .u-mt-9\@l.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-9\@xl {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xl.u-mt--neg {
    margin-top: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-9\@xxl {
    margin-top: 9rem !important;
  }
  .u-mt-9\@xxl.u-mt--neg {
    margin-top: -9rem;
  }
}
.u-ml-9 {
  margin-left: 9rem;
}

.u-ml-9.u-ml--neg {
  margin-left: -9rem;
}

@media (max-width: 360px) {
  .u-ml-9\@xxs {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xxs.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 575px) {
  .u-ml-9\@xs {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xs.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 767px) {
  .u-ml-9\@s {
    margin-left: 9rem !important;
  }
  .u-ml-9\@s.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 991px) {
  .u-ml-9\@m {
    margin-left: 9rem !important;
  }
  .u-ml-9\@m.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-9\@l {
    margin-left: 9rem !important;
  }
  .u-ml-9\@l.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-9\@xl {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xl.u-ml--neg {
    margin-left: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-9\@xxl {
    margin-left: 9rem !important;
  }
  .u-ml-9\@xxl.u-ml--neg {
    margin-left: -9rem;
  }
}
.u-mb-9 {
  margin-bottom: 9rem;
}

.u-mb-9.u-mb--neg {
  margin-bottom: -9rem;
}

@media (max-width: 360px) {
  .u-mb-9\@xxs {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xxs.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mb-9\@xs {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xs.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mb-9\@s {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@s.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mb-9\@m {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@m.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-9\@l {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@l.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-9\@xl {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xl.u-mb--neg {
    margin-bottom: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-9\@xxl {
    margin-bottom: 9rem !important;
  }
  .u-mb-9\@xxl.u-mb--neg {
    margin-bottom: -9rem;
  }
}
.u-mr-9 {
  margin-right: 9rem;
}

.u-mr-9.u-mr--neg {
  margin-right: -9rem;
}

@media (max-width: 360px) {
  .u-mr-9\@xxs {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xxs.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 575px) {
  .u-mr-9\@xs {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xs.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 767px) {
  .u-mr-9\@s {
    margin-right: 9rem !important;
  }
  .u-mr-9\@s.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 991px) {
  .u-mr-9\@m {
    margin-right: 9rem !important;
  }
  .u-mr-9\@m.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-9\@l {
    margin-right: 9rem !important;
  }
  .u-mr-9\@l.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-9\@xl {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xl.u-mr--neg {
    margin-right: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-9\@xxl {
    margin-right: 9rem !important;
  }
  .u-mr-9\@xxl.u-mr--neg {
    margin-right: -9rem;
  }
}
.u-m-9\.5 {
  margin: 9.5rem;
}

.u-m-9\.5.u-m--neg {
  margin: -9.5rem;
}

@media (max-width: 360px) {
  .u-m-9\.5\@xxs {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xxs.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-m-9\.5\@xs {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xs.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-m-9\.5\@s {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@s.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-m-9\.5\@m {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@m.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-m-9\.5\@l {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@l.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-m-9\.5\@xl {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xl.u-m--neg {
    margin: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-m-9\.5\@xxl {
    margin: 9.5rem !important;
  }
  .u-m-9\.5\@xxl.u-m--neg {
    margin: -9.5rem;
  }
}
.u-mt-9\.5 {
  margin-top: 9.5rem;
}

.u-mt-9\.5.u-mt--neg {
  margin-top: -9.5rem;
}

@media (max-width: 360px) {
  .u-mt-9\.5\@xxs {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xxs.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mt-9\.5\@xs {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xs.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mt-9\.5\@s {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@s.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mt-9\.5\@m {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@m.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-9\.5\@l {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@l.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-9\.5\@xl {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xl.u-mt--neg {
    margin-top: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-9\.5\@xxl {
    margin-top: 9.5rem !important;
  }
  .u-mt-9\.5\@xxl.u-mt--neg {
    margin-top: -9.5rem;
  }
}
.u-ml-9\.5 {
  margin-left: 9.5rem;
}

.u-ml-9\.5.u-ml--neg {
  margin-left: -9.5rem;
}

@media (max-width: 360px) {
  .u-ml-9\.5\@xxs {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xxs.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-ml-9\.5\@xs {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xs.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-ml-9\.5\@s {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@s.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-ml-9\.5\@m {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@m.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-9\.5\@l {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@l.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-9\.5\@xl {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xl.u-ml--neg {
    margin-left: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-9\.5\@xxl {
    margin-left: 9.5rem !important;
  }
  .u-ml-9\.5\@xxl.u-ml--neg {
    margin-left: -9.5rem;
  }
}
.u-mb-9\.5 {
  margin-bottom: 9.5rem;
}

.u-mb-9\.5.u-mb--neg {
  margin-bottom: -9.5rem;
}

@media (max-width: 360px) {
  .u-mb-9\.5\@xxs {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xxs.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mb-9\.5\@xs {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xs.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mb-9\.5\@s {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@s.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mb-9\.5\@m {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@m.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-9\.5\@l {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@l.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-9\.5\@xl {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xl.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-9\.5\@xxl {
    margin-bottom: 9.5rem !important;
  }
  .u-mb-9\.5\@xxl.u-mb--neg {
    margin-bottom: -9.5rem;
  }
}
.u-mr-9\.5 {
  margin-right: 9.5rem;
}

.u-mr-9\.5.u-mr--neg {
  margin-right: -9.5rem;
}

@media (max-width: 360px) {
  .u-mr-9\.5\@xxs {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xxs.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-mr-9\.5\@xs {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xs.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-mr-9\.5\@s {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@s.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-mr-9\.5\@m {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@m.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-9\.5\@l {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@l.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-9\.5\@xl {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xl.u-mr--neg {
    margin-right: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-9\.5\@xxl {
    margin-right: 9.5rem !important;
  }
  .u-mr-9\.5\@xxl.u-mr--neg {
    margin-right: -9.5rem;
  }
}
.u-m-10 {
  margin: 10rem;
}

.u-m-10.u-m--neg {
  margin: -10rem;
}

@media (max-width: 360px) {
  .u-m-10\@xxs {
    margin: 10rem !important;
  }
  .u-m-10\@xxs.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 575px) {
  .u-m-10\@xs {
    margin: 10rem !important;
  }
  .u-m-10\@xs.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 767px) {
  .u-m-10\@s {
    margin: 10rem !important;
  }
  .u-m-10\@s.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 991px) {
  .u-m-10\@m {
    margin: 10rem !important;
  }
  .u-m-10\@m.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-m-10\@l {
    margin: 10rem !important;
  }
  .u-m-10\@l.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-m-10\@xl {
    margin: 10rem !important;
  }
  .u-m-10\@xl.u-m--neg {
    margin: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-m-10\@xxl {
    margin: 10rem !important;
  }
  .u-m-10\@xxl.u-m--neg {
    margin: -10rem;
  }
}
.u-mt-10 {
  margin-top: 10rem;
}

.u-mt-10.u-mt--neg {
  margin-top: -10rem;
}

@media (max-width: 360px) {
  .u-mt-10\@xxs {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xxs.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mt-10\@xs {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xs.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mt-10\@s {
    margin-top: 10rem !important;
  }
  .u-mt-10\@s.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mt-10\@m {
    margin-top: 10rem !important;
  }
  .u-mt-10\@m.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mt-10\@l {
    margin-top: 10rem !important;
  }
  .u-mt-10\@l.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mt-10\@xl {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xl.u-mt--neg {
    margin-top: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mt-10\@xxl {
    margin-top: 10rem !important;
  }
  .u-mt-10\@xxl.u-mt--neg {
    margin-top: -10rem;
  }
}
.u-ml-10 {
  margin-left: 10rem;
}

.u-ml-10.u-ml--neg {
  margin-left: -10rem;
}

@media (max-width: 360px) {
  .u-ml-10\@xxs {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xxs.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 575px) {
  .u-ml-10\@xs {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xs.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 767px) {
  .u-ml-10\@s {
    margin-left: 10rem !important;
  }
  .u-ml-10\@s.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 991px) {
  .u-ml-10\@m {
    margin-left: 10rem !important;
  }
  .u-ml-10\@m.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-ml-10\@l {
    margin-left: 10rem !important;
  }
  .u-ml-10\@l.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-ml-10\@xl {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xl.u-ml--neg {
    margin-left: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-ml-10\@xxl {
    margin-left: 10rem !important;
  }
  .u-ml-10\@xxl.u-ml--neg {
    margin-left: -10rem;
  }
}
.u-mb-10 {
  margin-bottom: 10rem;
}

.u-mb-10.u-mb--neg {
  margin-bottom: -10rem;
}

@media (max-width: 360px) {
  .u-mb-10\@xxs {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xxs.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mb-10\@xs {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xs.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mb-10\@s {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@s.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mb-10\@m {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@m.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mb-10\@l {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@l.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mb-10\@xl {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xl.u-mb--neg {
    margin-bottom: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mb-10\@xxl {
    margin-bottom: 10rem !important;
  }
  .u-mb-10\@xxl.u-mb--neg {
    margin-bottom: -10rem;
  }
}
.u-mr-10 {
  margin-right: 10rem;
}

.u-mr-10.u-mr--neg {
  margin-right: -10rem;
}

@media (max-width: 360px) {
  .u-mr-10\@xxs {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xxs.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 575px) {
  .u-mr-10\@xs {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xs.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 767px) {
  .u-mr-10\@s {
    margin-right: 10rem !important;
  }
  .u-mr-10\@s.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 991px) {
  .u-mr-10\@m {
    margin-right: 10rem !important;
  }
  .u-mr-10\@m.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-mr-10\@l {
    margin-right: 10rem !important;
  }
  .u-mr-10\@l.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-mr-10\@xl {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xl.u-mr--neg {
    margin-right: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-mr-10\@xxl {
    margin-right: 10rem !important;
  }
  .u-mr-10\@xxl.u-mr--neg {
    margin-right: -10rem;
  }
}
.u-p-0 {
  padding: 0;
}

.u-p-0.u-p--neg {
  padding: 0;
}

@media (max-width: 360px) {
  .u-p-0\@xxs {
    padding: 0 !important;
  }
  .u-p-0\@xxs.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .u-p-0\@xs {
    padding: 0 !important;
  }
  .u-p-0\@xs.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .u-p-0\@s {
    padding: 0 !important;
  }
  .u-p-0\@s.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .u-p-0\@m {
    padding: 0 !important;
  }
  .u-p-0\@m.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .u-p-0\@l {
    padding: 0 !important;
  }
  .u-p-0\@l.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1440px) {
  .u-p-0\@xl {
    padding: 0 !important;
  }
  .u-p-0\@xl.u-p--neg {
    padding: 0;
  }
}
@media (max-width: 1679px) {
  .u-p-0\@xxl {
    padding: 0 !important;
  }
  .u-p-0\@xxl.u-p--neg {
    padding: 0;
  }
}
.u-pt-0 {
  padding-top: 0;
}

.u-pt-0.u-pt--neg {
  padding-top: 0;
}

@media (max-width: 360px) {
  .u-pt-0\@xxs {
    padding-top: 0 !important;
  }
  .u-pt-0\@xxs.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .u-pt-0\@xs {
    padding-top: 0 !important;
  }
  .u-pt-0\@xs.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .u-pt-0\@s {
    padding-top: 0 !important;
  }
  .u-pt-0\@s.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .u-pt-0\@m {
    padding-top: 0 !important;
  }
  .u-pt-0\@m.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1199px) {
  .u-pt-0\@l {
    padding-top: 0 !important;
  }
  .u-pt-0\@l.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1440px) {
  .u-pt-0\@xl {
    padding-top: 0 !important;
  }
  .u-pt-0\@xl.u-pt--neg {
    padding-top: 0;
  }
}
@media (max-width: 1679px) {
  .u-pt-0\@xxl {
    padding-top: 0 !important;
  }
  .u-pt-0\@xxl.u-pt--neg {
    padding-top: 0;
  }
}
.u-pl-0 {
  padding-left: 0;
}

.u-pl-0.u-pl--neg {
  padding-left: 0;
}

@media (max-width: 360px) {
  .u-pl-0\@xxs {
    padding-left: 0 !important;
  }
  .u-pl-0\@xxs.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .u-pl-0\@xs {
    padding-left: 0 !important;
  }
  .u-pl-0\@xs.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .u-pl-0\@s {
    padding-left: 0 !important;
  }
  .u-pl-0\@s.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .u-pl-0\@m {
    padding-left: 0 !important;
  }
  .u-pl-0\@m.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .u-pl-0\@l {
    padding-left: 0 !important;
  }
  .u-pl-0\@l.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1440px) {
  .u-pl-0\@xl {
    padding-left: 0 !important;
  }
  .u-pl-0\@xl.u-pl--neg {
    padding-left: 0;
  }
}
@media (max-width: 1679px) {
  .u-pl-0\@xxl {
    padding-left: 0 !important;
  }
  .u-pl-0\@xxl.u-pl--neg {
    padding-left: 0;
  }
}
.u-pb-0 {
  padding-bottom: 0;
}

.u-pb-0.u-pb--neg {
  padding-bottom: 0;
}

@media (max-width: 360px) {
  .u-pb-0\@xxs {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xxs.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 575px) {
  .u-pb-0\@xs {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xs.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .u-pb-0\@s {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@s.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .u-pb-0\@m {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@m.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .u-pb-0\@l {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@l.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .u-pb-0\@xl {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xl.u-pb--neg {
    padding-bottom: 0;
  }
}
@media (max-width: 1679px) {
  .u-pb-0\@xxl {
    padding-bottom: 0 !important;
  }
  .u-pb-0\@xxl.u-pb--neg {
    padding-bottom: 0;
  }
}
.u-pr-0 {
  padding-right: 0;
}

.u-pr-0.u-pr--neg {
  padding-right: 0;
}

@media (max-width: 360px) {
  .u-pr-0\@xxs {
    padding-right: 0 !important;
  }
  .u-pr-0\@xxs.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .u-pr-0\@xs {
    padding-right: 0 !important;
  }
  .u-pr-0\@xs.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .u-pr-0\@s {
    padding-right: 0 !important;
  }
  .u-pr-0\@s.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .u-pr-0\@m {
    padding-right: 0 !important;
  }
  .u-pr-0\@m.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .u-pr-0\@l {
    padding-right: 0 !important;
  }
  .u-pr-0\@l.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1440px) {
  .u-pr-0\@xl {
    padding-right: 0 !important;
  }
  .u-pr-0\@xl.u-pr--neg {
    padding-right: 0;
  }
}
@media (max-width: 1679px) {
  .u-pr-0\@xxl {
    padding-right: 0 !important;
  }
  .u-pr-0\@xxl.u-pr--neg {
    padding-right: 0;
  }
}
.u-p-0\.5 {
  padding: 0.5rem;
}

.u-p-0\.5.u-p--neg {
  padding: -0.5rem;
}

@media (max-width: 360px) {
  .u-p-0\.5\@xxs {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xxs.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-0\.5\@xs {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xs.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-0\.5\@s {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@s.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-0\.5\@m {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@m.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-0\.5\@l {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@l.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-0\.5\@xl {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xl.u-p--neg {
    padding: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-0\.5\@xxl {
    padding: 0.5rem !important;
  }
  .u-p-0\.5\@xxl.u-p--neg {
    padding: -0.5rem;
  }
}
.u-pt-0\.5 {
  padding-top: 0.5rem;
}

.u-pt-0\.5.u-pt--neg {
  padding-top: -0.5rem;
}

@media (max-width: 360px) {
  .u-pt-0\.5\@xxs {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xxs.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-0\.5\@xs {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xs.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-0\.5\@s {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@s.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-0\.5\@m {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@m.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-0\.5\@l {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@l.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-0\.5\@xl {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xl.u-pt--neg {
    padding-top: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-0\.5\@xxl {
    padding-top: 0.5rem !important;
  }
  .u-pt-0\.5\@xxl.u-pt--neg {
    padding-top: -0.5rem;
  }
}
.u-pl-0\.5 {
  padding-left: 0.5rem;
}

.u-pl-0\.5.u-pl--neg {
  padding-left: -0.5rem;
}

@media (max-width: 360px) {
  .u-pl-0\.5\@xxs {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xxs.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-0\.5\@xs {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xs.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-0\.5\@s {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@s.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-0\.5\@m {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@m.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-0\.5\@l {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@l.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-0\.5\@xl {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xl.u-pl--neg {
    padding-left: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-0\.5\@xxl {
    padding-left: 0.5rem !important;
  }
  .u-pl-0\.5\@xxl.u-pl--neg {
    padding-left: -0.5rem;
  }
}
.u-pb-0\.5 {
  padding-bottom: 0.5rem;
}

.u-pb-0\.5.u-pb--neg {
  padding-bottom: -0.5rem;
}

@media (max-width: 360px) {
  .u-pb-0\.5\@xxs {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xxs.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-0\.5\@xs {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xs.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-0\.5\@s {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@s.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-0\.5\@m {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@m.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-0\.5\@l {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@l.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-0\.5\@xl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xl.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-0\.5\@xxl {
    padding-bottom: 0.5rem !important;
  }
  .u-pb-0\.5\@xxl.u-pb--neg {
    padding-bottom: -0.5rem;
  }
}
.u-pr-0\.5 {
  padding-right: 0.5rem;
}

.u-pr-0\.5.u-pr--neg {
  padding-right: -0.5rem;
}

@media (max-width: 360px) {
  .u-pr-0\.5\@xxs {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xxs.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-0\.5\@xs {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xs.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-0\.5\@s {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@s.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-0\.5\@m {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@m.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-0\.5\@l {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@l.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-0\.5\@xl {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xl.u-pr--neg {
    padding-right: -0.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-0\.5\@xxl {
    padding-right: 0.5rem !important;
  }
  .u-pr-0\.5\@xxl.u-pr--neg {
    padding-right: -0.5rem;
  }
}
.u-p-1 {
  padding: 1rem;
}

.u-p-1.u-p--neg {
  padding: -1rem;
}

@media (max-width: 360px) {
  .u-p-1\@xxs {
    padding: 1rem !important;
  }
  .u-p-1\@xxs.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 575px) {
  .u-p-1\@xs {
    padding: 1rem !important;
  }
  .u-p-1\@xs.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 767px) {
  .u-p-1\@s {
    padding: 1rem !important;
  }
  .u-p-1\@s.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 991px) {
  .u-p-1\@m {
    padding: 1rem !important;
  }
  .u-p-1\@m.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-p-1\@l {
    padding: 1rem !important;
  }
  .u-p-1\@l.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-p-1\@xl {
    padding: 1rem !important;
  }
  .u-p-1\@xl.u-p--neg {
    padding: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-p-1\@xxl {
    padding: 1rem !important;
  }
  .u-p-1\@xxl.u-p--neg {
    padding: -1rem;
  }
}
.u-pt-1 {
  padding-top: 1rem;
}

.u-pt-1.u-pt--neg {
  padding-top: -1rem;
}

@media (max-width: 360px) {
  .u-pt-1\@xxs {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xxs.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pt-1\@xs {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xs.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pt-1\@s {
    padding-top: 1rem !important;
  }
  .u-pt-1\@s.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pt-1\@m {
    padding-top: 1rem !important;
  }
  .u-pt-1\@m.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-1\@l {
    padding-top: 1rem !important;
  }
  .u-pt-1\@l.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-1\@xl {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xl.u-pt--neg {
    padding-top: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-1\@xxl {
    padding-top: 1rem !important;
  }
  .u-pt-1\@xxl.u-pt--neg {
    padding-top: -1rem;
  }
}
.u-pl-1 {
  padding-left: 1rem;
}

.u-pl-1.u-pl--neg {
  padding-left: -1rem;
}

@media (max-width: 360px) {
  .u-pl-1\@xxs {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xxs.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pl-1\@xs {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xs.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pl-1\@s {
    padding-left: 1rem !important;
  }
  .u-pl-1\@s.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pl-1\@m {
    padding-left: 1rem !important;
  }
  .u-pl-1\@m.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-1\@l {
    padding-left: 1rem !important;
  }
  .u-pl-1\@l.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-1\@xl {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xl.u-pl--neg {
    padding-left: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-1\@xxl {
    padding-left: 1rem !important;
  }
  .u-pl-1\@xxl.u-pl--neg {
    padding-left: -1rem;
  }
}
.u-pb-1 {
  padding-bottom: 1rem;
}

.u-pb-1.u-pb--neg {
  padding-bottom: -1rem;
}

@media (max-width: 360px) {
  .u-pb-1\@xxs {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xxs.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pb-1\@xs {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xs.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pb-1\@s {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@s.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pb-1\@m {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@m.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-1\@l {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@l.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-1\@xl {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xl.u-pb--neg {
    padding-bottom: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-1\@xxl {
    padding-bottom: 1rem !important;
  }
  .u-pb-1\@xxl.u-pb--neg {
    padding-bottom: -1rem;
  }
}
.u-pr-1 {
  padding-right: 1rem;
}

.u-pr-1.u-pr--neg {
  padding-right: -1rem;
}

@media (max-width: 360px) {
  .u-pr-1\@xxs {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xxs.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 575px) {
  .u-pr-1\@xs {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xs.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 767px) {
  .u-pr-1\@s {
    padding-right: 1rem !important;
  }
  .u-pr-1\@s.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 991px) {
  .u-pr-1\@m {
    padding-right: 1rem !important;
  }
  .u-pr-1\@m.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-1\@l {
    padding-right: 1rem !important;
  }
  .u-pr-1\@l.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-1\@xl {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xl.u-pr--neg {
    padding-right: -1rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-1\@xxl {
    padding-right: 1rem !important;
  }
  .u-pr-1\@xxl.u-pr--neg {
    padding-right: -1rem;
  }
}
.u-p-1\.5 {
  padding: 1.5rem;
}

.u-p-1\.5.u-p--neg {
  padding: -1.5rem;
}

@media (max-width: 360px) {
  .u-p-1\.5\@xxs {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xxs.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-1\.5\@xs {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xs.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-1\.5\@s {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@s.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-1\.5\@m {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@m.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-1\.5\@l {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@l.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-1\.5\@xl {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xl.u-p--neg {
    padding: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-1\.5\@xxl {
    padding: 1.5rem !important;
  }
  .u-p-1\.5\@xxl.u-p--neg {
    padding: -1.5rem;
  }
}
.u-pt-1\.5 {
  padding-top: 1.5rem;
}

.u-pt-1\.5.u-pt--neg {
  padding-top: -1.5rem;
}

@media (max-width: 360px) {
  .u-pt-1\.5\@xxs {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xxs.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-1\.5\@xs {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xs.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-1\.5\@s {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@s.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-1\.5\@m {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@m.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-1\.5\@l {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@l.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-1\.5\@xl {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xl.u-pt--neg {
    padding-top: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-1\.5\@xxl {
    padding-top: 1.5rem !important;
  }
  .u-pt-1\.5\@xxl.u-pt--neg {
    padding-top: -1.5rem;
  }
}
.u-pl-1\.5 {
  padding-left: 1.5rem;
}

.u-pl-1\.5.u-pl--neg {
  padding-left: -1.5rem;
}

@media (max-width: 360px) {
  .u-pl-1\.5\@xxs {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xxs.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-1\.5\@xs {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xs.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-1\.5\@s {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@s.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-1\.5\@m {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@m.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-1\.5\@l {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@l.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-1\.5\@xl {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xl.u-pl--neg {
    padding-left: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-1\.5\@xxl {
    padding-left: 1.5rem !important;
  }
  .u-pl-1\.5\@xxl.u-pl--neg {
    padding-left: -1.5rem;
  }
}
.u-pb-1\.5 {
  padding-bottom: 1.5rem;
}

.u-pb-1\.5.u-pb--neg {
  padding-bottom: -1.5rem;
}

@media (max-width: 360px) {
  .u-pb-1\.5\@xxs {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xxs.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-1\.5\@xs {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xs.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-1\.5\@s {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@s.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-1\.5\@m {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@m.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-1\.5\@l {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@l.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-1\.5\@xl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xl.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-1\.5\@xxl {
    padding-bottom: 1.5rem !important;
  }
  .u-pb-1\.5\@xxl.u-pb--neg {
    padding-bottom: -1.5rem;
  }
}
.u-pr-1\.5 {
  padding-right: 1.5rem;
}

.u-pr-1\.5.u-pr--neg {
  padding-right: -1.5rem;
}

@media (max-width: 360px) {
  .u-pr-1\.5\@xxs {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xxs.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-1\.5\@xs {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xs.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-1\.5\@s {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@s.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-1\.5\@m {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@m.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-1\.5\@l {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@l.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-1\.5\@xl {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xl.u-pr--neg {
    padding-right: -1.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-1\.5\@xxl {
    padding-right: 1.5rem !important;
  }
  .u-pr-1\.5\@xxl.u-pr--neg {
    padding-right: -1.5rem;
  }
}
.u-p-2 {
  padding: 2rem;
}

.u-p-2.u-p--neg {
  padding: -2rem;
}

@media (max-width: 360px) {
  .u-p-2\@xxs {
    padding: 2rem !important;
  }
  .u-p-2\@xxs.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 575px) {
  .u-p-2\@xs {
    padding: 2rem !important;
  }
  .u-p-2\@xs.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 767px) {
  .u-p-2\@s {
    padding: 2rem !important;
  }
  .u-p-2\@s.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 991px) {
  .u-p-2\@m {
    padding: 2rem !important;
  }
  .u-p-2\@m.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-p-2\@l {
    padding: 2rem !important;
  }
  .u-p-2\@l.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-p-2\@xl {
    padding: 2rem !important;
  }
  .u-p-2\@xl.u-p--neg {
    padding: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-p-2\@xxl {
    padding: 2rem !important;
  }
  .u-p-2\@xxl.u-p--neg {
    padding: -2rem;
  }
}
.u-pt-2 {
  padding-top: 2rem;
}

.u-pt-2.u-pt--neg {
  padding-top: -2rem;
}

@media (max-width: 360px) {
  .u-pt-2\@xxs {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xxs.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pt-2\@xs {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xs.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pt-2\@s {
    padding-top: 2rem !important;
  }
  .u-pt-2\@s.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pt-2\@m {
    padding-top: 2rem !important;
  }
  .u-pt-2\@m.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-2\@l {
    padding-top: 2rem !important;
  }
  .u-pt-2\@l.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-2\@xl {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xl.u-pt--neg {
    padding-top: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-2\@xxl {
    padding-top: 2rem !important;
  }
  .u-pt-2\@xxl.u-pt--neg {
    padding-top: -2rem;
  }
}
.u-pl-2 {
  padding-left: 2rem;
}

.u-pl-2.u-pl--neg {
  padding-left: -2rem;
}

@media (max-width: 360px) {
  .u-pl-2\@xxs {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xxs.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pl-2\@xs {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xs.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pl-2\@s {
    padding-left: 2rem !important;
  }
  .u-pl-2\@s.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pl-2\@m {
    padding-left: 2rem !important;
  }
  .u-pl-2\@m.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-2\@l {
    padding-left: 2rem !important;
  }
  .u-pl-2\@l.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-2\@xl {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xl.u-pl--neg {
    padding-left: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-2\@xxl {
    padding-left: 2rem !important;
  }
  .u-pl-2\@xxl.u-pl--neg {
    padding-left: -2rem;
  }
}
.u-pb-2 {
  padding-bottom: 2rem;
}

.u-pb-2.u-pb--neg {
  padding-bottom: -2rem;
}

@media (max-width: 360px) {
  .u-pb-2\@xxs {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xxs.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pb-2\@xs {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xs.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pb-2\@s {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@s.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pb-2\@m {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@m.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-2\@l {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@l.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-2\@xl {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xl.u-pb--neg {
    padding-bottom: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-2\@xxl {
    padding-bottom: 2rem !important;
  }
  .u-pb-2\@xxl.u-pb--neg {
    padding-bottom: -2rem;
  }
}
.u-pr-2 {
  padding-right: 2rem;
}

.u-pr-2.u-pr--neg {
  padding-right: -2rem;
}

@media (max-width: 360px) {
  .u-pr-2\@xxs {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xxs.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 575px) {
  .u-pr-2\@xs {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xs.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 767px) {
  .u-pr-2\@s {
    padding-right: 2rem !important;
  }
  .u-pr-2\@s.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 991px) {
  .u-pr-2\@m {
    padding-right: 2rem !important;
  }
  .u-pr-2\@m.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-2\@l {
    padding-right: 2rem !important;
  }
  .u-pr-2\@l.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-2\@xl {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xl.u-pr--neg {
    padding-right: -2rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-2\@xxl {
    padding-right: 2rem !important;
  }
  .u-pr-2\@xxl.u-pr--neg {
    padding-right: -2rem;
  }
}
.u-p-2\.5 {
  padding: 2.5rem;
}

.u-p-2\.5.u-p--neg {
  padding: -2.5rem;
}

@media (max-width: 360px) {
  .u-p-2\.5\@xxs {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xxs.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-2\.5\@xs {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xs.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-2\.5\@s {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@s.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-2\.5\@m {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@m.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-2\.5\@l {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@l.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-2\.5\@xl {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xl.u-p--neg {
    padding: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-2\.5\@xxl {
    padding: 2.5rem !important;
  }
  .u-p-2\.5\@xxl.u-p--neg {
    padding: -2.5rem;
  }
}
.u-pt-2\.5 {
  padding-top: 2.5rem;
}

.u-pt-2\.5.u-pt--neg {
  padding-top: -2.5rem;
}

@media (max-width: 360px) {
  .u-pt-2\.5\@xxs {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xxs.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-2\.5\@xs {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xs.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-2\.5\@s {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@s.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-2\.5\@m {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@m.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-2\.5\@l {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@l.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-2\.5\@xl {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xl.u-pt--neg {
    padding-top: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-2\.5\@xxl {
    padding-top: 2.5rem !important;
  }
  .u-pt-2\.5\@xxl.u-pt--neg {
    padding-top: -2.5rem;
  }
}
.u-pl-2\.5 {
  padding-left: 2.5rem;
}

.u-pl-2\.5.u-pl--neg {
  padding-left: -2.5rem;
}

@media (max-width: 360px) {
  .u-pl-2\.5\@xxs {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xxs.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-2\.5\@xs {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xs.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-2\.5\@s {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@s.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-2\.5\@m {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@m.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-2\.5\@l {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@l.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-2\.5\@xl {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xl.u-pl--neg {
    padding-left: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-2\.5\@xxl {
    padding-left: 2.5rem !important;
  }
  .u-pl-2\.5\@xxl.u-pl--neg {
    padding-left: -2.5rem;
  }
}
.u-pb-2\.5 {
  padding-bottom: 2.5rem;
}

.u-pb-2\.5.u-pb--neg {
  padding-bottom: -2.5rem;
}

@media (max-width: 360px) {
  .u-pb-2\.5\@xxs {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xxs.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-2\.5\@xs {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xs.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-2\.5\@s {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@s.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-2\.5\@m {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@m.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-2\.5\@l {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@l.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-2\.5\@xl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xl.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-2\.5\@xxl {
    padding-bottom: 2.5rem !important;
  }
  .u-pb-2\.5\@xxl.u-pb--neg {
    padding-bottom: -2.5rem;
  }
}
.u-pr-2\.5 {
  padding-right: 2.5rem;
}

.u-pr-2\.5.u-pr--neg {
  padding-right: -2.5rem;
}

@media (max-width: 360px) {
  .u-pr-2\.5\@xxs {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xxs.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-2\.5\@xs {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xs.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-2\.5\@s {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@s.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-2\.5\@m {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@m.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-2\.5\@l {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@l.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-2\.5\@xl {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xl.u-pr--neg {
    padding-right: -2.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-2\.5\@xxl {
    padding-right: 2.5rem !important;
  }
  .u-pr-2\.5\@xxl.u-pr--neg {
    padding-right: -2.5rem;
  }
}
.u-p-3 {
  padding: 3rem;
}

.u-p-3.u-p--neg {
  padding: -3rem;
}

@media (max-width: 360px) {
  .u-p-3\@xxs {
    padding: 3rem !important;
  }
  .u-p-3\@xxs.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 575px) {
  .u-p-3\@xs {
    padding: 3rem !important;
  }
  .u-p-3\@xs.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 767px) {
  .u-p-3\@s {
    padding: 3rem !important;
  }
  .u-p-3\@s.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 991px) {
  .u-p-3\@m {
    padding: 3rem !important;
  }
  .u-p-3\@m.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-p-3\@l {
    padding: 3rem !important;
  }
  .u-p-3\@l.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-p-3\@xl {
    padding: 3rem !important;
  }
  .u-p-3\@xl.u-p--neg {
    padding: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-p-3\@xxl {
    padding: 3rem !important;
  }
  .u-p-3\@xxl.u-p--neg {
    padding: -3rem;
  }
}
.u-pt-3 {
  padding-top: 3rem;
}

.u-pt-3.u-pt--neg {
  padding-top: -3rem;
}

@media (max-width: 360px) {
  .u-pt-3\@xxs {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xxs.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pt-3\@xs {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xs.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pt-3\@s {
    padding-top: 3rem !important;
  }
  .u-pt-3\@s.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pt-3\@m {
    padding-top: 3rem !important;
  }
  .u-pt-3\@m.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-3\@l {
    padding-top: 3rem !important;
  }
  .u-pt-3\@l.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-3\@xl {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xl.u-pt--neg {
    padding-top: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-3\@xxl {
    padding-top: 3rem !important;
  }
  .u-pt-3\@xxl.u-pt--neg {
    padding-top: -3rem;
  }
}
.u-pl-3 {
  padding-left: 3rem;
}

.u-pl-3.u-pl--neg {
  padding-left: -3rem;
}

@media (max-width: 360px) {
  .u-pl-3\@xxs {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xxs.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pl-3\@xs {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xs.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pl-3\@s {
    padding-left: 3rem !important;
  }
  .u-pl-3\@s.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pl-3\@m {
    padding-left: 3rem !important;
  }
  .u-pl-3\@m.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-3\@l {
    padding-left: 3rem !important;
  }
  .u-pl-3\@l.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-3\@xl {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xl.u-pl--neg {
    padding-left: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-3\@xxl {
    padding-left: 3rem !important;
  }
  .u-pl-3\@xxl.u-pl--neg {
    padding-left: -3rem;
  }
}
.u-pb-3 {
  padding-bottom: 3rem;
}

.u-pb-3.u-pb--neg {
  padding-bottom: -3rem;
}

@media (max-width: 360px) {
  .u-pb-3\@xxs {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xxs.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pb-3\@xs {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xs.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pb-3\@s {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@s.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pb-3\@m {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@m.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-3\@l {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@l.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-3\@xl {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xl.u-pb--neg {
    padding-bottom: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-3\@xxl {
    padding-bottom: 3rem !important;
  }
  .u-pb-3\@xxl.u-pb--neg {
    padding-bottom: -3rem;
  }
}
.u-pr-3 {
  padding-right: 3rem;
}

.u-pr-3.u-pr--neg {
  padding-right: -3rem;
}

@media (max-width: 360px) {
  .u-pr-3\@xxs {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xxs.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 575px) {
  .u-pr-3\@xs {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xs.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 767px) {
  .u-pr-3\@s {
    padding-right: 3rem !important;
  }
  .u-pr-3\@s.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 991px) {
  .u-pr-3\@m {
    padding-right: 3rem !important;
  }
  .u-pr-3\@m.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-3\@l {
    padding-right: 3rem !important;
  }
  .u-pr-3\@l.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-3\@xl {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xl.u-pr--neg {
    padding-right: -3rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-3\@xxl {
    padding-right: 3rem !important;
  }
  .u-pr-3\@xxl.u-pr--neg {
    padding-right: -3rem;
  }
}
.u-p-3\.5 {
  padding: 3.5rem;
}

.u-p-3\.5.u-p--neg {
  padding: -3.5rem;
}

@media (max-width: 360px) {
  .u-p-3\.5\@xxs {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xxs.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-3\.5\@xs {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xs.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-3\.5\@s {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@s.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-3\.5\@m {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@m.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-3\.5\@l {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@l.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-3\.5\@xl {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xl.u-p--neg {
    padding: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-3\.5\@xxl {
    padding: 3.5rem !important;
  }
  .u-p-3\.5\@xxl.u-p--neg {
    padding: -3.5rem;
  }
}
.u-pt-3\.5 {
  padding-top: 3.5rem;
}

.u-pt-3\.5.u-pt--neg {
  padding-top: -3.5rem;
}

@media (max-width: 360px) {
  .u-pt-3\.5\@xxs {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xxs.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-3\.5\@xs {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xs.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-3\.5\@s {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@s.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-3\.5\@m {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@m.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-3\.5\@l {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@l.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-3\.5\@xl {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xl.u-pt--neg {
    padding-top: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-3\.5\@xxl {
    padding-top: 3.5rem !important;
  }
  .u-pt-3\.5\@xxl.u-pt--neg {
    padding-top: -3.5rem;
  }
}
.u-pl-3\.5 {
  padding-left: 3.5rem;
}

.u-pl-3\.5.u-pl--neg {
  padding-left: -3.5rem;
}

@media (max-width: 360px) {
  .u-pl-3\.5\@xxs {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xxs.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-3\.5\@xs {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xs.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-3\.5\@s {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@s.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-3\.5\@m {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@m.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-3\.5\@l {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@l.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-3\.5\@xl {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xl.u-pl--neg {
    padding-left: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-3\.5\@xxl {
    padding-left: 3.5rem !important;
  }
  .u-pl-3\.5\@xxl.u-pl--neg {
    padding-left: -3.5rem;
  }
}
.u-pb-3\.5 {
  padding-bottom: 3.5rem;
}

.u-pb-3\.5.u-pb--neg {
  padding-bottom: -3.5rem;
}

@media (max-width: 360px) {
  .u-pb-3\.5\@xxs {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xxs.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-3\.5\@xs {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xs.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-3\.5\@s {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@s.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-3\.5\@m {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@m.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-3\.5\@l {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@l.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-3\.5\@xl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xl.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-3\.5\@xxl {
    padding-bottom: 3.5rem !important;
  }
  .u-pb-3\.5\@xxl.u-pb--neg {
    padding-bottom: -3.5rem;
  }
}
.u-pr-3\.5 {
  padding-right: 3.5rem;
}

.u-pr-3\.5.u-pr--neg {
  padding-right: -3.5rem;
}

@media (max-width: 360px) {
  .u-pr-3\.5\@xxs {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xxs.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-3\.5\@xs {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xs.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-3\.5\@s {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@s.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-3\.5\@m {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@m.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-3\.5\@l {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@l.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-3\.5\@xl {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xl.u-pr--neg {
    padding-right: -3.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-3\.5\@xxl {
    padding-right: 3.5rem !important;
  }
  .u-pr-3\.5\@xxl.u-pr--neg {
    padding-right: -3.5rem;
  }
}
.u-p-4 {
  padding: 4rem;
}

.u-p-4.u-p--neg {
  padding: -4rem;
}

@media (max-width: 360px) {
  .u-p-4\@xxs {
    padding: 4rem !important;
  }
  .u-p-4\@xxs.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 575px) {
  .u-p-4\@xs {
    padding: 4rem !important;
  }
  .u-p-4\@xs.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 767px) {
  .u-p-4\@s {
    padding: 4rem !important;
  }
  .u-p-4\@s.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 991px) {
  .u-p-4\@m {
    padding: 4rem !important;
  }
  .u-p-4\@m.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-p-4\@l {
    padding: 4rem !important;
  }
  .u-p-4\@l.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-p-4\@xl {
    padding: 4rem !important;
  }
  .u-p-4\@xl.u-p--neg {
    padding: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-p-4\@xxl {
    padding: 4rem !important;
  }
  .u-p-4\@xxl.u-p--neg {
    padding: -4rem;
  }
}
.u-pt-4 {
  padding-top: 4rem;
}

.u-pt-4.u-pt--neg {
  padding-top: -4rem;
}

@media (max-width: 360px) {
  .u-pt-4\@xxs {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xxs.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pt-4\@xs {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xs.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pt-4\@s {
    padding-top: 4rem !important;
  }
  .u-pt-4\@s.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pt-4\@m {
    padding-top: 4rem !important;
  }
  .u-pt-4\@m.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-4\@l {
    padding-top: 4rem !important;
  }
  .u-pt-4\@l.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-4\@xl {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xl.u-pt--neg {
    padding-top: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-4\@xxl {
    padding-top: 4rem !important;
  }
  .u-pt-4\@xxl.u-pt--neg {
    padding-top: -4rem;
  }
}
.u-pl-4 {
  padding-left: 4rem;
}

.u-pl-4.u-pl--neg {
  padding-left: -4rem;
}

@media (max-width: 360px) {
  .u-pl-4\@xxs {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xxs.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pl-4\@xs {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xs.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pl-4\@s {
    padding-left: 4rem !important;
  }
  .u-pl-4\@s.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pl-4\@m {
    padding-left: 4rem !important;
  }
  .u-pl-4\@m.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-4\@l {
    padding-left: 4rem !important;
  }
  .u-pl-4\@l.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-4\@xl {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xl.u-pl--neg {
    padding-left: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-4\@xxl {
    padding-left: 4rem !important;
  }
  .u-pl-4\@xxl.u-pl--neg {
    padding-left: -4rem;
  }
}
.u-pb-4 {
  padding-bottom: 4rem;
}

.u-pb-4.u-pb--neg {
  padding-bottom: -4rem;
}

@media (max-width: 360px) {
  .u-pb-4\@xxs {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xxs.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pb-4\@xs {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xs.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pb-4\@s {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@s.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pb-4\@m {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@m.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-4\@l {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@l.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-4\@xl {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xl.u-pb--neg {
    padding-bottom: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-4\@xxl {
    padding-bottom: 4rem !important;
  }
  .u-pb-4\@xxl.u-pb--neg {
    padding-bottom: -4rem;
  }
}
.u-pr-4 {
  padding-right: 4rem;
}

.u-pr-4.u-pr--neg {
  padding-right: -4rem;
}

@media (max-width: 360px) {
  .u-pr-4\@xxs {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xxs.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 575px) {
  .u-pr-4\@xs {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xs.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 767px) {
  .u-pr-4\@s {
    padding-right: 4rem !important;
  }
  .u-pr-4\@s.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 991px) {
  .u-pr-4\@m {
    padding-right: 4rem !important;
  }
  .u-pr-4\@m.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-4\@l {
    padding-right: 4rem !important;
  }
  .u-pr-4\@l.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-4\@xl {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xl.u-pr--neg {
    padding-right: -4rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-4\@xxl {
    padding-right: 4rem !important;
  }
  .u-pr-4\@xxl.u-pr--neg {
    padding-right: -4rem;
  }
}
.u-p-4\.5 {
  padding: 4.5rem;
}

.u-p-4\.5.u-p--neg {
  padding: -4.5rem;
}

@media (max-width: 360px) {
  .u-p-4\.5\@xxs {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xxs.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-4\.5\@xs {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xs.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-4\.5\@s {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@s.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-4\.5\@m {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@m.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-4\.5\@l {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@l.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-4\.5\@xl {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xl.u-p--neg {
    padding: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-4\.5\@xxl {
    padding: 4.5rem !important;
  }
  .u-p-4\.5\@xxl.u-p--neg {
    padding: -4.5rem;
  }
}
.u-pt-4\.5 {
  padding-top: 4.5rem;
}

.u-pt-4\.5.u-pt--neg {
  padding-top: -4.5rem;
}

@media (max-width: 360px) {
  .u-pt-4\.5\@xxs {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xxs.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-4\.5\@xs {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xs.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-4\.5\@s {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@s.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-4\.5\@m {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@m.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-4\.5\@l {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@l.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-4\.5\@xl {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xl.u-pt--neg {
    padding-top: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-4\.5\@xxl {
    padding-top: 4.5rem !important;
  }
  .u-pt-4\.5\@xxl.u-pt--neg {
    padding-top: -4.5rem;
  }
}
.u-pl-4\.5 {
  padding-left: 4.5rem;
}

.u-pl-4\.5.u-pl--neg {
  padding-left: -4.5rem;
}

@media (max-width: 360px) {
  .u-pl-4\.5\@xxs {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xxs.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-4\.5\@xs {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xs.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-4\.5\@s {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@s.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-4\.5\@m {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@m.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-4\.5\@l {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@l.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-4\.5\@xl {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xl.u-pl--neg {
    padding-left: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-4\.5\@xxl {
    padding-left: 4.5rem !important;
  }
  .u-pl-4\.5\@xxl.u-pl--neg {
    padding-left: -4.5rem;
  }
}
.u-pb-4\.5 {
  padding-bottom: 4.5rem;
}

.u-pb-4\.5.u-pb--neg {
  padding-bottom: -4.5rem;
}

@media (max-width: 360px) {
  .u-pb-4\.5\@xxs {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xxs.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-4\.5\@xs {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xs.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-4\.5\@s {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@s.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-4\.5\@m {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@m.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-4\.5\@l {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@l.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-4\.5\@xl {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xl.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-4\.5\@xxl {
    padding-bottom: 4.5rem !important;
  }
  .u-pb-4\.5\@xxl.u-pb--neg {
    padding-bottom: -4.5rem;
  }
}
.u-pr-4\.5 {
  padding-right: 4.5rem;
}

.u-pr-4\.5.u-pr--neg {
  padding-right: -4.5rem;
}

@media (max-width: 360px) {
  .u-pr-4\.5\@xxs {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xxs.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-4\.5\@xs {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xs.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-4\.5\@s {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@s.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-4\.5\@m {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@m.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-4\.5\@l {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@l.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-4\.5\@xl {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xl.u-pr--neg {
    padding-right: -4.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-4\.5\@xxl {
    padding-right: 4.5rem !important;
  }
  .u-pr-4\.5\@xxl.u-pr--neg {
    padding-right: -4.5rem;
  }
}
.u-p-5 {
  padding: 5rem;
}

.u-p-5.u-p--neg {
  padding: -5rem;
}

@media (max-width: 360px) {
  .u-p-5\@xxs {
    padding: 5rem !important;
  }
  .u-p-5\@xxs.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 575px) {
  .u-p-5\@xs {
    padding: 5rem !important;
  }
  .u-p-5\@xs.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 767px) {
  .u-p-5\@s {
    padding: 5rem !important;
  }
  .u-p-5\@s.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 991px) {
  .u-p-5\@m {
    padding: 5rem !important;
  }
  .u-p-5\@m.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-5\@l {
    padding: 5rem !important;
  }
  .u-p-5\@l.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-5\@xl {
    padding: 5rem !important;
  }
  .u-p-5\@xl.u-p--neg {
    padding: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-5\@xxl {
    padding: 5rem !important;
  }
  .u-p-5\@xxl.u-p--neg {
    padding: -5rem;
  }
}
.u-pt-5 {
  padding-top: 5rem;
}

.u-pt-5.u-pt--neg {
  padding-top: -5rem;
}

@media (max-width: 360px) {
  .u-pt-5\@xxs {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xxs.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-5\@xs {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xs.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-5\@s {
    padding-top: 5rem !important;
  }
  .u-pt-5\@s.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-5\@m {
    padding-top: 5rem !important;
  }
  .u-pt-5\@m.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-5\@l {
    padding-top: 5rem !important;
  }
  .u-pt-5\@l.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-5\@xl {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xl.u-pt--neg {
    padding-top: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-5\@xxl {
    padding-top: 5rem !important;
  }
  .u-pt-5\@xxl.u-pt--neg {
    padding-top: -5rem;
  }
}
.u-pl-5 {
  padding-left: 5rem;
}

.u-pl-5.u-pl--neg {
  padding-left: -5rem;
}

@media (max-width: 360px) {
  .u-pl-5\@xxs {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xxs.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-5\@xs {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xs.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-5\@s {
    padding-left: 5rem !important;
  }
  .u-pl-5\@s.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-5\@m {
    padding-left: 5rem !important;
  }
  .u-pl-5\@m.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-5\@l {
    padding-left: 5rem !important;
  }
  .u-pl-5\@l.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-5\@xl {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xl.u-pl--neg {
    padding-left: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-5\@xxl {
    padding-left: 5rem !important;
  }
  .u-pl-5\@xxl.u-pl--neg {
    padding-left: -5rem;
  }
}
.u-pb-5 {
  padding-bottom: 5rem;
}

.u-pb-5.u-pb--neg {
  padding-bottom: -5rem;
}

@media (max-width: 360px) {
  .u-pb-5\@xxs {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xxs.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-5\@xs {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xs.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-5\@s {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@s.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-5\@m {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@m.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-5\@l {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@l.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-5\@xl {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xl.u-pb--neg {
    padding-bottom: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-5\@xxl {
    padding-bottom: 5rem !important;
  }
  .u-pb-5\@xxl.u-pb--neg {
    padding-bottom: -5rem;
  }
}
.u-pr-5 {
  padding-right: 5rem;
}

.u-pr-5.u-pr--neg {
  padding-right: -5rem;
}

@media (max-width: 360px) {
  .u-pr-5\@xxs {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xxs.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-5\@xs {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xs.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-5\@s {
    padding-right: 5rem !important;
  }
  .u-pr-5\@s.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-5\@m {
    padding-right: 5rem !important;
  }
  .u-pr-5\@m.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-5\@l {
    padding-right: 5rem !important;
  }
  .u-pr-5\@l.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-5\@xl {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xl.u-pr--neg {
    padding-right: -5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-5\@xxl {
    padding-right: 5rem !important;
  }
  .u-pr-5\@xxl.u-pr--neg {
    padding-right: -5rem;
  }
}
.u-p-5\.5 {
  padding: 5.5rem;
}

.u-p-5\.5.u-p--neg {
  padding: -5.5rem;
}

@media (max-width: 360px) {
  .u-p-5\.5\@xxs {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xxs.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-5\.5\@xs {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xs.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-5\.5\@s {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@s.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-5\.5\@m {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@m.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-5\.5\@l {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@l.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-5\.5\@xl {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xl.u-p--neg {
    padding: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-5\.5\@xxl {
    padding: 5.5rem !important;
  }
  .u-p-5\.5\@xxl.u-p--neg {
    padding: -5.5rem;
  }
}
.u-pt-5\.5 {
  padding-top: 5.5rem;
}

.u-pt-5\.5.u-pt--neg {
  padding-top: -5.5rem;
}

@media (max-width: 360px) {
  .u-pt-5\.5\@xxs {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xxs.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-5\.5\@xs {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xs.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-5\.5\@s {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@s.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-5\.5\@m {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@m.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-5\.5\@l {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@l.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-5\.5\@xl {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xl.u-pt--neg {
    padding-top: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-5\.5\@xxl {
    padding-top: 5.5rem !important;
  }
  .u-pt-5\.5\@xxl.u-pt--neg {
    padding-top: -5.5rem;
  }
}
.u-pl-5\.5 {
  padding-left: 5.5rem;
}

.u-pl-5\.5.u-pl--neg {
  padding-left: -5.5rem;
}

@media (max-width: 360px) {
  .u-pl-5\.5\@xxs {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xxs.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-5\.5\@xs {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xs.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-5\.5\@s {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@s.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-5\.5\@m {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@m.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-5\.5\@l {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@l.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-5\.5\@xl {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xl.u-pl--neg {
    padding-left: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-5\.5\@xxl {
    padding-left: 5.5rem !important;
  }
  .u-pl-5\.5\@xxl.u-pl--neg {
    padding-left: -5.5rem;
  }
}
.u-pb-5\.5 {
  padding-bottom: 5.5rem;
}

.u-pb-5\.5.u-pb--neg {
  padding-bottom: -5.5rem;
}

@media (max-width: 360px) {
  .u-pb-5\.5\@xxs {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xxs.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-5\.5\@xs {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xs.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-5\.5\@s {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@s.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-5\.5\@m {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@m.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-5\.5\@l {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@l.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-5\.5\@xl {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xl.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-5\.5\@xxl {
    padding-bottom: 5.5rem !important;
  }
  .u-pb-5\.5\@xxl.u-pb--neg {
    padding-bottom: -5.5rem;
  }
}
.u-pr-5\.5 {
  padding-right: 5.5rem;
}

.u-pr-5\.5.u-pr--neg {
  padding-right: -5.5rem;
}

@media (max-width: 360px) {
  .u-pr-5\.5\@xxs {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xxs.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-5\.5\@xs {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xs.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-5\.5\@s {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@s.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-5\.5\@m {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@m.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-5\.5\@l {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@l.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-5\.5\@xl {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xl.u-pr--neg {
    padding-right: -5.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-5\.5\@xxl {
    padding-right: 5.5rem !important;
  }
  .u-pr-5\.5\@xxl.u-pr--neg {
    padding-right: -5.5rem;
  }
}
.u-p-6 {
  padding: 6rem;
}

.u-p-6.u-p--neg {
  padding: -6rem;
}

@media (max-width: 360px) {
  .u-p-6\@xxs {
    padding: 6rem !important;
  }
  .u-p-6\@xxs.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 575px) {
  .u-p-6\@xs {
    padding: 6rem !important;
  }
  .u-p-6\@xs.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 767px) {
  .u-p-6\@s {
    padding: 6rem !important;
  }
  .u-p-6\@s.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 991px) {
  .u-p-6\@m {
    padding: 6rem !important;
  }
  .u-p-6\@m.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-p-6\@l {
    padding: 6rem !important;
  }
  .u-p-6\@l.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-p-6\@xl {
    padding: 6rem !important;
  }
  .u-p-6\@xl.u-p--neg {
    padding: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-p-6\@xxl {
    padding: 6rem !important;
  }
  .u-p-6\@xxl.u-p--neg {
    padding: -6rem;
  }
}
.u-pt-6 {
  padding-top: 6rem;
}

.u-pt-6.u-pt--neg {
  padding-top: -6rem;
}

@media (max-width: 360px) {
  .u-pt-6\@xxs {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xxs.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pt-6\@xs {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xs.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pt-6\@s {
    padding-top: 6rem !important;
  }
  .u-pt-6\@s.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pt-6\@m {
    padding-top: 6rem !important;
  }
  .u-pt-6\@m.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-6\@l {
    padding-top: 6rem !important;
  }
  .u-pt-6\@l.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-6\@xl {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xl.u-pt--neg {
    padding-top: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-6\@xxl {
    padding-top: 6rem !important;
  }
  .u-pt-6\@xxl.u-pt--neg {
    padding-top: -6rem;
  }
}
.u-pl-6 {
  padding-left: 6rem;
}

.u-pl-6.u-pl--neg {
  padding-left: -6rem;
}

@media (max-width: 360px) {
  .u-pl-6\@xxs {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xxs.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pl-6\@xs {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xs.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pl-6\@s {
    padding-left: 6rem !important;
  }
  .u-pl-6\@s.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pl-6\@m {
    padding-left: 6rem !important;
  }
  .u-pl-6\@m.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-6\@l {
    padding-left: 6rem !important;
  }
  .u-pl-6\@l.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-6\@xl {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xl.u-pl--neg {
    padding-left: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-6\@xxl {
    padding-left: 6rem !important;
  }
  .u-pl-6\@xxl.u-pl--neg {
    padding-left: -6rem;
  }
}
.u-pb-6 {
  padding-bottom: 6rem;
}

.u-pb-6.u-pb--neg {
  padding-bottom: -6rem;
}

@media (max-width: 360px) {
  .u-pb-6\@xxs {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xxs.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pb-6\@xs {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xs.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pb-6\@s {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@s.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pb-6\@m {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@m.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-6\@l {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@l.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-6\@xl {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xl.u-pb--neg {
    padding-bottom: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-6\@xxl {
    padding-bottom: 6rem !important;
  }
  .u-pb-6\@xxl.u-pb--neg {
    padding-bottom: -6rem;
  }
}
.u-pr-6 {
  padding-right: 6rem;
}

.u-pr-6.u-pr--neg {
  padding-right: -6rem;
}

@media (max-width: 360px) {
  .u-pr-6\@xxs {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xxs.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 575px) {
  .u-pr-6\@xs {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xs.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 767px) {
  .u-pr-6\@s {
    padding-right: 6rem !important;
  }
  .u-pr-6\@s.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 991px) {
  .u-pr-6\@m {
    padding-right: 6rem !important;
  }
  .u-pr-6\@m.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-6\@l {
    padding-right: 6rem !important;
  }
  .u-pr-6\@l.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-6\@xl {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xl.u-pr--neg {
    padding-right: -6rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-6\@xxl {
    padding-right: 6rem !important;
  }
  .u-pr-6\@xxl.u-pr--neg {
    padding-right: -6rem;
  }
}
.u-p-6\.5 {
  padding: 6.5rem;
}

.u-p-6\.5.u-p--neg {
  padding: -6.5rem;
}

@media (max-width: 360px) {
  .u-p-6\.5\@xxs {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xxs.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-6\.5\@xs {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xs.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-6\.5\@s {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@s.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-6\.5\@m {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@m.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-6\.5\@l {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@l.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-6\.5\@xl {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xl.u-p--neg {
    padding: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-6\.5\@xxl {
    padding: 6.5rem !important;
  }
  .u-p-6\.5\@xxl.u-p--neg {
    padding: -6.5rem;
  }
}
.u-pt-6\.5 {
  padding-top: 6.5rem;
}

.u-pt-6\.5.u-pt--neg {
  padding-top: -6.5rem;
}

@media (max-width: 360px) {
  .u-pt-6\.5\@xxs {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xxs.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-6\.5\@xs {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xs.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-6\.5\@s {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@s.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-6\.5\@m {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@m.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-6\.5\@l {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@l.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-6\.5\@xl {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xl.u-pt--neg {
    padding-top: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-6\.5\@xxl {
    padding-top: 6.5rem !important;
  }
  .u-pt-6\.5\@xxl.u-pt--neg {
    padding-top: -6.5rem;
  }
}
.u-pl-6\.5 {
  padding-left: 6.5rem;
}

.u-pl-6\.5.u-pl--neg {
  padding-left: -6.5rem;
}

@media (max-width: 360px) {
  .u-pl-6\.5\@xxs {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xxs.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-6\.5\@xs {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xs.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-6\.5\@s {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@s.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-6\.5\@m {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@m.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-6\.5\@l {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@l.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-6\.5\@xl {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xl.u-pl--neg {
    padding-left: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-6\.5\@xxl {
    padding-left: 6.5rem !important;
  }
  .u-pl-6\.5\@xxl.u-pl--neg {
    padding-left: -6.5rem;
  }
}
.u-pb-6\.5 {
  padding-bottom: 6.5rem;
}

.u-pb-6\.5.u-pb--neg {
  padding-bottom: -6.5rem;
}

@media (max-width: 360px) {
  .u-pb-6\.5\@xxs {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xxs.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-6\.5\@xs {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xs.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-6\.5\@s {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@s.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-6\.5\@m {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@m.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-6\.5\@l {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@l.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-6\.5\@xl {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xl.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-6\.5\@xxl {
    padding-bottom: 6.5rem !important;
  }
  .u-pb-6\.5\@xxl.u-pb--neg {
    padding-bottom: -6.5rem;
  }
}
.u-pr-6\.5 {
  padding-right: 6.5rem;
}

.u-pr-6\.5.u-pr--neg {
  padding-right: -6.5rem;
}

@media (max-width: 360px) {
  .u-pr-6\.5\@xxs {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xxs.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-6\.5\@xs {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xs.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-6\.5\@s {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@s.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-6\.5\@m {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@m.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-6\.5\@l {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@l.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-6\.5\@xl {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xl.u-pr--neg {
    padding-right: -6.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-6\.5\@xxl {
    padding-right: 6.5rem !important;
  }
  .u-pr-6\.5\@xxl.u-pr--neg {
    padding-right: -6.5rem;
  }
}
.u-p-7 {
  padding: 7rem;
}

.u-p-7.u-p--neg {
  padding: -7rem;
}

@media (max-width: 360px) {
  .u-p-7\@xxs {
    padding: 7rem !important;
  }
  .u-p-7\@xxs.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 575px) {
  .u-p-7\@xs {
    padding: 7rem !important;
  }
  .u-p-7\@xs.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 767px) {
  .u-p-7\@s {
    padding: 7rem !important;
  }
  .u-p-7\@s.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 991px) {
  .u-p-7\@m {
    padding: 7rem !important;
  }
  .u-p-7\@m.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-p-7\@l {
    padding: 7rem !important;
  }
  .u-p-7\@l.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-p-7\@xl {
    padding: 7rem !important;
  }
  .u-p-7\@xl.u-p--neg {
    padding: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-p-7\@xxl {
    padding: 7rem !important;
  }
  .u-p-7\@xxl.u-p--neg {
    padding: -7rem;
  }
}
.u-pt-7 {
  padding-top: 7rem;
}

.u-pt-7.u-pt--neg {
  padding-top: -7rem;
}

@media (max-width: 360px) {
  .u-pt-7\@xxs {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xxs.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pt-7\@xs {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xs.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pt-7\@s {
    padding-top: 7rem !important;
  }
  .u-pt-7\@s.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pt-7\@m {
    padding-top: 7rem !important;
  }
  .u-pt-7\@m.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-7\@l {
    padding-top: 7rem !important;
  }
  .u-pt-7\@l.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-7\@xl {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xl.u-pt--neg {
    padding-top: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-7\@xxl {
    padding-top: 7rem !important;
  }
  .u-pt-7\@xxl.u-pt--neg {
    padding-top: -7rem;
  }
}
.u-pl-7 {
  padding-left: 7rem;
}

.u-pl-7.u-pl--neg {
  padding-left: -7rem;
}

@media (max-width: 360px) {
  .u-pl-7\@xxs {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xxs.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pl-7\@xs {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xs.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pl-7\@s {
    padding-left: 7rem !important;
  }
  .u-pl-7\@s.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pl-7\@m {
    padding-left: 7rem !important;
  }
  .u-pl-7\@m.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-7\@l {
    padding-left: 7rem !important;
  }
  .u-pl-7\@l.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-7\@xl {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xl.u-pl--neg {
    padding-left: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-7\@xxl {
    padding-left: 7rem !important;
  }
  .u-pl-7\@xxl.u-pl--neg {
    padding-left: -7rem;
  }
}
.u-pb-7 {
  padding-bottom: 7rem;
}

.u-pb-7.u-pb--neg {
  padding-bottom: -7rem;
}

@media (max-width: 360px) {
  .u-pb-7\@xxs {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xxs.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pb-7\@xs {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xs.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pb-7\@s {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@s.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pb-7\@m {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@m.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-7\@l {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@l.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-7\@xl {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xl.u-pb--neg {
    padding-bottom: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-7\@xxl {
    padding-bottom: 7rem !important;
  }
  .u-pb-7\@xxl.u-pb--neg {
    padding-bottom: -7rem;
  }
}
.u-pr-7 {
  padding-right: 7rem;
}

.u-pr-7.u-pr--neg {
  padding-right: -7rem;
}

@media (max-width: 360px) {
  .u-pr-7\@xxs {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xxs.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 575px) {
  .u-pr-7\@xs {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xs.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 767px) {
  .u-pr-7\@s {
    padding-right: 7rem !important;
  }
  .u-pr-7\@s.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 991px) {
  .u-pr-7\@m {
    padding-right: 7rem !important;
  }
  .u-pr-7\@m.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-7\@l {
    padding-right: 7rem !important;
  }
  .u-pr-7\@l.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-7\@xl {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xl.u-pr--neg {
    padding-right: -7rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-7\@xxl {
    padding-right: 7rem !important;
  }
  .u-pr-7\@xxl.u-pr--neg {
    padding-right: -7rem;
  }
}
.u-p-7\.5 {
  padding: 7.5rem;
}

.u-p-7\.5.u-p--neg {
  padding: -7.5rem;
}

@media (max-width: 360px) {
  .u-p-7\.5\@xxs {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xxs.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-7\.5\@xs {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xs.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-7\.5\@s {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@s.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-7\.5\@m {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@m.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-7\.5\@l {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@l.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-7\.5\@xl {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xl.u-p--neg {
    padding: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-7\.5\@xxl {
    padding: 7.5rem !important;
  }
  .u-p-7\.5\@xxl.u-p--neg {
    padding: -7.5rem;
  }
}
.u-pt-7\.5 {
  padding-top: 7.5rem;
}

.u-pt-7\.5.u-pt--neg {
  padding-top: -7.5rem;
}

@media (max-width: 360px) {
  .u-pt-7\.5\@xxs {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xxs.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-7\.5\@xs {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xs.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-7\.5\@s {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@s.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-7\.5\@m {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@m.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-7\.5\@l {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@l.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-7\.5\@xl {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xl.u-pt--neg {
    padding-top: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-7\.5\@xxl {
    padding-top: 7.5rem !important;
  }
  .u-pt-7\.5\@xxl.u-pt--neg {
    padding-top: -7.5rem;
  }
}
.u-pl-7\.5 {
  padding-left: 7.5rem;
}

.u-pl-7\.5.u-pl--neg {
  padding-left: -7.5rem;
}

@media (max-width: 360px) {
  .u-pl-7\.5\@xxs {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xxs.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-7\.5\@xs {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xs.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-7\.5\@s {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@s.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-7\.5\@m {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@m.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-7\.5\@l {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@l.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-7\.5\@xl {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xl.u-pl--neg {
    padding-left: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-7\.5\@xxl {
    padding-left: 7.5rem !important;
  }
  .u-pl-7\.5\@xxl.u-pl--neg {
    padding-left: -7.5rem;
  }
}
.u-pb-7\.5 {
  padding-bottom: 7.5rem;
}

.u-pb-7\.5.u-pb--neg {
  padding-bottom: -7.5rem;
}

@media (max-width: 360px) {
  .u-pb-7\.5\@xxs {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xxs.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-7\.5\@xs {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xs.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-7\.5\@s {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@s.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-7\.5\@m {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@m.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-7\.5\@l {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@l.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-7\.5\@xl {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xl.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-7\.5\@xxl {
    padding-bottom: 7.5rem !important;
  }
  .u-pb-7\.5\@xxl.u-pb--neg {
    padding-bottom: -7.5rem;
  }
}
.u-pr-7\.5 {
  padding-right: 7.5rem;
}

.u-pr-7\.5.u-pr--neg {
  padding-right: -7.5rem;
}

@media (max-width: 360px) {
  .u-pr-7\.5\@xxs {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xxs.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-7\.5\@xs {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xs.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-7\.5\@s {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@s.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-7\.5\@m {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@m.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-7\.5\@l {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@l.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-7\.5\@xl {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xl.u-pr--neg {
    padding-right: -7.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-7\.5\@xxl {
    padding-right: 7.5rem !important;
  }
  .u-pr-7\.5\@xxl.u-pr--neg {
    padding-right: -7.5rem;
  }
}
.u-p-8 {
  padding: 8rem;
}

.u-p-8.u-p--neg {
  padding: -8rem;
}

@media (max-width: 360px) {
  .u-p-8\@xxs {
    padding: 8rem !important;
  }
  .u-p-8\@xxs.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 575px) {
  .u-p-8\@xs {
    padding: 8rem !important;
  }
  .u-p-8\@xs.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 767px) {
  .u-p-8\@s {
    padding: 8rem !important;
  }
  .u-p-8\@s.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 991px) {
  .u-p-8\@m {
    padding: 8rem !important;
  }
  .u-p-8\@m.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-p-8\@l {
    padding: 8rem !important;
  }
  .u-p-8\@l.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-p-8\@xl {
    padding: 8rem !important;
  }
  .u-p-8\@xl.u-p--neg {
    padding: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-p-8\@xxl {
    padding: 8rem !important;
  }
  .u-p-8\@xxl.u-p--neg {
    padding: -8rem;
  }
}
.u-pt-8 {
  padding-top: 8rem;
}

.u-pt-8.u-pt--neg {
  padding-top: -8rem;
}

@media (max-width: 360px) {
  .u-pt-8\@xxs {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xxs.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pt-8\@xs {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xs.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pt-8\@s {
    padding-top: 8rem !important;
  }
  .u-pt-8\@s.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pt-8\@m {
    padding-top: 8rem !important;
  }
  .u-pt-8\@m.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-8\@l {
    padding-top: 8rem !important;
  }
  .u-pt-8\@l.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-8\@xl {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xl.u-pt--neg {
    padding-top: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-8\@xxl {
    padding-top: 8rem !important;
  }
  .u-pt-8\@xxl.u-pt--neg {
    padding-top: -8rem;
  }
}
.u-pl-8 {
  padding-left: 8rem;
}

.u-pl-8.u-pl--neg {
  padding-left: -8rem;
}

@media (max-width: 360px) {
  .u-pl-8\@xxs {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xxs.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pl-8\@xs {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xs.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pl-8\@s {
    padding-left: 8rem !important;
  }
  .u-pl-8\@s.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pl-8\@m {
    padding-left: 8rem !important;
  }
  .u-pl-8\@m.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-8\@l {
    padding-left: 8rem !important;
  }
  .u-pl-8\@l.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-8\@xl {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xl.u-pl--neg {
    padding-left: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-8\@xxl {
    padding-left: 8rem !important;
  }
  .u-pl-8\@xxl.u-pl--neg {
    padding-left: -8rem;
  }
}
.u-pb-8 {
  padding-bottom: 8rem;
}

.u-pb-8.u-pb--neg {
  padding-bottom: -8rem;
}

@media (max-width: 360px) {
  .u-pb-8\@xxs {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xxs.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pb-8\@xs {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xs.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pb-8\@s {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@s.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pb-8\@m {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@m.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-8\@l {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@l.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-8\@xl {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xl.u-pb--neg {
    padding-bottom: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-8\@xxl {
    padding-bottom: 8rem !important;
  }
  .u-pb-8\@xxl.u-pb--neg {
    padding-bottom: -8rem;
  }
}
.u-pr-8 {
  padding-right: 8rem;
}

.u-pr-8.u-pr--neg {
  padding-right: -8rem;
}

@media (max-width: 360px) {
  .u-pr-8\@xxs {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xxs.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 575px) {
  .u-pr-8\@xs {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xs.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 767px) {
  .u-pr-8\@s {
    padding-right: 8rem !important;
  }
  .u-pr-8\@s.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 991px) {
  .u-pr-8\@m {
    padding-right: 8rem !important;
  }
  .u-pr-8\@m.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-8\@l {
    padding-right: 8rem !important;
  }
  .u-pr-8\@l.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-8\@xl {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xl.u-pr--neg {
    padding-right: -8rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-8\@xxl {
    padding-right: 8rem !important;
  }
  .u-pr-8\@xxl.u-pr--neg {
    padding-right: -8rem;
  }
}
.u-p-8\.5 {
  padding: 8.5rem;
}

.u-p-8\.5.u-p--neg {
  padding: -8.5rem;
}

@media (max-width: 360px) {
  .u-p-8\.5\@xxs {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xxs.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-8\.5\@xs {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xs.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-8\.5\@s {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@s.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-8\.5\@m {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@m.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-8\.5\@l {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@l.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-8\.5\@xl {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xl.u-p--neg {
    padding: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-8\.5\@xxl {
    padding: 8.5rem !important;
  }
  .u-p-8\.5\@xxl.u-p--neg {
    padding: -8.5rem;
  }
}
.u-pt-8\.5 {
  padding-top: 8.5rem;
}

.u-pt-8\.5.u-pt--neg {
  padding-top: -8.5rem;
}

@media (max-width: 360px) {
  .u-pt-8\.5\@xxs {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xxs.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-8\.5\@xs {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xs.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-8\.5\@s {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@s.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-8\.5\@m {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@m.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-8\.5\@l {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@l.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-8\.5\@xl {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xl.u-pt--neg {
    padding-top: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-8\.5\@xxl {
    padding-top: 8.5rem !important;
  }
  .u-pt-8\.5\@xxl.u-pt--neg {
    padding-top: -8.5rem;
  }
}
.u-pl-8\.5 {
  padding-left: 8.5rem;
}

.u-pl-8\.5.u-pl--neg {
  padding-left: -8.5rem;
}

@media (max-width: 360px) {
  .u-pl-8\.5\@xxs {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xxs.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-8\.5\@xs {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xs.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-8\.5\@s {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@s.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-8\.5\@m {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@m.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-8\.5\@l {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@l.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-8\.5\@xl {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xl.u-pl--neg {
    padding-left: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-8\.5\@xxl {
    padding-left: 8.5rem !important;
  }
  .u-pl-8\.5\@xxl.u-pl--neg {
    padding-left: -8.5rem;
  }
}
.u-pb-8\.5 {
  padding-bottom: 8.5rem;
}

.u-pb-8\.5.u-pb--neg {
  padding-bottom: -8.5rem;
}

@media (max-width: 360px) {
  .u-pb-8\.5\@xxs {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xxs.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-8\.5\@xs {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xs.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-8\.5\@s {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@s.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-8\.5\@m {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@m.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-8\.5\@l {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@l.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-8\.5\@xl {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xl.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-8\.5\@xxl {
    padding-bottom: 8.5rem !important;
  }
  .u-pb-8\.5\@xxl.u-pb--neg {
    padding-bottom: -8.5rem;
  }
}
.u-pr-8\.5 {
  padding-right: 8.5rem;
}

.u-pr-8\.5.u-pr--neg {
  padding-right: -8.5rem;
}

@media (max-width: 360px) {
  .u-pr-8\.5\@xxs {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xxs.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-8\.5\@xs {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xs.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-8\.5\@s {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@s.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-8\.5\@m {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@m.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-8\.5\@l {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@l.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-8\.5\@xl {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xl.u-pr--neg {
    padding-right: -8.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-8\.5\@xxl {
    padding-right: 8.5rem !important;
  }
  .u-pr-8\.5\@xxl.u-pr--neg {
    padding-right: -8.5rem;
  }
}
.u-p-9 {
  padding: 9rem;
}

.u-p-9.u-p--neg {
  padding: -9rem;
}

@media (max-width: 360px) {
  .u-p-9\@xxs {
    padding: 9rem !important;
  }
  .u-p-9\@xxs.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 575px) {
  .u-p-9\@xs {
    padding: 9rem !important;
  }
  .u-p-9\@xs.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 767px) {
  .u-p-9\@s {
    padding: 9rem !important;
  }
  .u-p-9\@s.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 991px) {
  .u-p-9\@m {
    padding: 9rem !important;
  }
  .u-p-9\@m.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-p-9\@l {
    padding: 9rem !important;
  }
  .u-p-9\@l.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-p-9\@xl {
    padding: 9rem !important;
  }
  .u-p-9\@xl.u-p--neg {
    padding: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-p-9\@xxl {
    padding: 9rem !important;
  }
  .u-p-9\@xxl.u-p--neg {
    padding: -9rem;
  }
}
.u-pt-9 {
  padding-top: 9rem;
}

.u-pt-9.u-pt--neg {
  padding-top: -9rem;
}

@media (max-width: 360px) {
  .u-pt-9\@xxs {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xxs.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pt-9\@xs {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xs.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pt-9\@s {
    padding-top: 9rem !important;
  }
  .u-pt-9\@s.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pt-9\@m {
    padding-top: 9rem !important;
  }
  .u-pt-9\@m.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-9\@l {
    padding-top: 9rem !important;
  }
  .u-pt-9\@l.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-9\@xl {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xl.u-pt--neg {
    padding-top: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-9\@xxl {
    padding-top: 9rem !important;
  }
  .u-pt-9\@xxl.u-pt--neg {
    padding-top: -9rem;
  }
}
.u-pl-9 {
  padding-left: 9rem;
}

.u-pl-9.u-pl--neg {
  padding-left: -9rem;
}

@media (max-width: 360px) {
  .u-pl-9\@xxs {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xxs.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pl-9\@xs {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xs.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pl-9\@s {
    padding-left: 9rem !important;
  }
  .u-pl-9\@s.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pl-9\@m {
    padding-left: 9rem !important;
  }
  .u-pl-9\@m.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-9\@l {
    padding-left: 9rem !important;
  }
  .u-pl-9\@l.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-9\@xl {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xl.u-pl--neg {
    padding-left: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-9\@xxl {
    padding-left: 9rem !important;
  }
  .u-pl-9\@xxl.u-pl--neg {
    padding-left: -9rem;
  }
}
.u-pb-9 {
  padding-bottom: 9rem;
}

.u-pb-9.u-pb--neg {
  padding-bottom: -9rem;
}

@media (max-width: 360px) {
  .u-pb-9\@xxs {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xxs.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pb-9\@xs {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xs.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pb-9\@s {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@s.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pb-9\@m {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@m.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-9\@l {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@l.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-9\@xl {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xl.u-pb--neg {
    padding-bottom: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-9\@xxl {
    padding-bottom: 9rem !important;
  }
  .u-pb-9\@xxl.u-pb--neg {
    padding-bottom: -9rem;
  }
}
.u-pr-9 {
  padding-right: 9rem;
}

.u-pr-9.u-pr--neg {
  padding-right: -9rem;
}

@media (max-width: 360px) {
  .u-pr-9\@xxs {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xxs.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 575px) {
  .u-pr-9\@xs {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xs.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 767px) {
  .u-pr-9\@s {
    padding-right: 9rem !important;
  }
  .u-pr-9\@s.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 991px) {
  .u-pr-9\@m {
    padding-right: 9rem !important;
  }
  .u-pr-9\@m.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-9\@l {
    padding-right: 9rem !important;
  }
  .u-pr-9\@l.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-9\@xl {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xl.u-pr--neg {
    padding-right: -9rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-9\@xxl {
    padding-right: 9rem !important;
  }
  .u-pr-9\@xxl.u-pr--neg {
    padding-right: -9rem;
  }
}
.u-p-9\.5 {
  padding: 9.5rem;
}

.u-p-9\.5.u-p--neg {
  padding: -9.5rem;
}

@media (max-width: 360px) {
  .u-p-9\.5\@xxs {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xxs.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-p-9\.5\@xs {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xs.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-p-9\.5\@s {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@s.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-p-9\.5\@m {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@m.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-p-9\.5\@l {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@l.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-p-9\.5\@xl {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xl.u-p--neg {
    padding: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-p-9\.5\@xxl {
    padding: 9.5rem !important;
  }
  .u-p-9\.5\@xxl.u-p--neg {
    padding: -9.5rem;
  }
}
.u-pt-9\.5 {
  padding-top: 9.5rem;
}

.u-pt-9\.5.u-pt--neg {
  padding-top: -9.5rem;
}

@media (max-width: 360px) {
  .u-pt-9\.5\@xxs {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xxs.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pt-9\.5\@xs {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xs.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pt-9\.5\@s {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@s.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pt-9\.5\@m {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@m.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-9\.5\@l {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@l.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-9\.5\@xl {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xl.u-pt--neg {
    padding-top: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-9\.5\@xxl {
    padding-top: 9.5rem !important;
  }
  .u-pt-9\.5\@xxl.u-pt--neg {
    padding-top: -9.5rem;
  }
}
.u-pl-9\.5 {
  padding-left: 9.5rem;
}

.u-pl-9\.5.u-pl--neg {
  padding-left: -9.5rem;
}

@media (max-width: 360px) {
  .u-pl-9\.5\@xxs {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xxs.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pl-9\.5\@xs {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xs.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pl-9\.5\@s {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@s.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pl-9\.5\@m {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@m.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-9\.5\@l {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@l.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-9\.5\@xl {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xl.u-pl--neg {
    padding-left: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-9\.5\@xxl {
    padding-left: 9.5rem !important;
  }
  .u-pl-9\.5\@xxl.u-pl--neg {
    padding-left: -9.5rem;
  }
}
.u-pb-9\.5 {
  padding-bottom: 9.5rem;
}

.u-pb-9\.5.u-pb--neg {
  padding-bottom: -9.5rem;
}

@media (max-width: 360px) {
  .u-pb-9\.5\@xxs {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xxs.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pb-9\.5\@xs {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xs.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pb-9\.5\@s {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@s.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pb-9\.5\@m {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@m.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-9\.5\@l {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@l.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-9\.5\@xl {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xl.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-9\.5\@xxl {
    padding-bottom: 9.5rem !important;
  }
  .u-pb-9\.5\@xxl.u-pb--neg {
    padding-bottom: -9.5rem;
  }
}
.u-pr-9\.5 {
  padding-right: 9.5rem;
}

.u-pr-9\.5.u-pr--neg {
  padding-right: -9.5rem;
}

@media (max-width: 360px) {
  .u-pr-9\.5\@xxs {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xxs.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 575px) {
  .u-pr-9\.5\@xs {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xs.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 767px) {
  .u-pr-9\.5\@s {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@s.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 991px) {
  .u-pr-9\.5\@m {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@m.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-9\.5\@l {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@l.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-9\.5\@xl {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xl.u-pr--neg {
    padding-right: -9.5rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-9\.5\@xxl {
    padding-right: 9.5rem !important;
  }
  .u-pr-9\.5\@xxl.u-pr--neg {
    padding-right: -9.5rem;
  }
}
.u-p-10 {
  padding: 10rem;
}

.u-p-10.u-p--neg {
  padding: -10rem;
}

@media (max-width: 360px) {
  .u-p-10\@xxs {
    padding: 10rem !important;
  }
  .u-p-10\@xxs.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 575px) {
  .u-p-10\@xs {
    padding: 10rem !important;
  }
  .u-p-10\@xs.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 767px) {
  .u-p-10\@s {
    padding: 10rem !important;
  }
  .u-p-10\@s.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 991px) {
  .u-p-10\@m {
    padding: 10rem !important;
  }
  .u-p-10\@m.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-p-10\@l {
    padding: 10rem !important;
  }
  .u-p-10\@l.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-p-10\@xl {
    padding: 10rem !important;
  }
  .u-p-10\@xl.u-p--neg {
    padding: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-p-10\@xxl {
    padding: 10rem !important;
  }
  .u-p-10\@xxl.u-p--neg {
    padding: -10rem;
  }
}
.u-pt-10 {
  padding-top: 10rem;
}

.u-pt-10.u-pt--neg {
  padding-top: -10rem;
}

@media (max-width: 360px) {
  .u-pt-10\@xxs {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xxs.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pt-10\@xs {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xs.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pt-10\@s {
    padding-top: 10rem !important;
  }
  .u-pt-10\@s.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pt-10\@m {
    padding-top: 10rem !important;
  }
  .u-pt-10\@m.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pt-10\@l {
    padding-top: 10rem !important;
  }
  .u-pt-10\@l.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pt-10\@xl {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xl.u-pt--neg {
    padding-top: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pt-10\@xxl {
    padding-top: 10rem !important;
  }
  .u-pt-10\@xxl.u-pt--neg {
    padding-top: -10rem;
  }
}
.u-pl-10 {
  padding-left: 10rem;
}

.u-pl-10.u-pl--neg {
  padding-left: -10rem;
}

@media (max-width: 360px) {
  .u-pl-10\@xxs {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xxs.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pl-10\@xs {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xs.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pl-10\@s {
    padding-left: 10rem !important;
  }
  .u-pl-10\@s.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pl-10\@m {
    padding-left: 10rem !important;
  }
  .u-pl-10\@m.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pl-10\@l {
    padding-left: 10rem !important;
  }
  .u-pl-10\@l.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pl-10\@xl {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xl.u-pl--neg {
    padding-left: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pl-10\@xxl {
    padding-left: 10rem !important;
  }
  .u-pl-10\@xxl.u-pl--neg {
    padding-left: -10rem;
  }
}
.u-pb-10 {
  padding-bottom: 10rem;
}

.u-pb-10.u-pb--neg {
  padding-bottom: -10rem;
}

@media (max-width: 360px) {
  .u-pb-10\@xxs {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xxs.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pb-10\@xs {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xs.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pb-10\@s {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@s.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pb-10\@m {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@m.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pb-10\@l {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@l.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pb-10\@xl {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xl.u-pb--neg {
    padding-bottom: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pb-10\@xxl {
    padding-bottom: 10rem !important;
  }
  .u-pb-10\@xxl.u-pb--neg {
    padding-bottom: -10rem;
  }
}
.u-pr-10 {
  padding-right: 10rem;
}

.u-pr-10.u-pr--neg {
  padding-right: -10rem;
}

@media (max-width: 360px) {
  .u-pr-10\@xxs {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xxs.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 575px) {
  .u-pr-10\@xs {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xs.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 767px) {
  .u-pr-10\@s {
    padding-right: 10rem !important;
  }
  .u-pr-10\@s.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 991px) {
  .u-pr-10\@m {
    padding-right: 10rem !important;
  }
  .u-pr-10\@m.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1199px) {
  .u-pr-10\@l {
    padding-right: 10rem !important;
  }
  .u-pr-10\@l.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1440px) {
  .u-pr-10\@xl {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xl.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 1679px) {
  .u-pr-10\@xxl {
    padding-right: 10rem !important;
  }
  .u-pr-10\@xxl.u-pr--neg {
    padding-right: -10rem;
  }
}
@media (max-width: 360px) {
  .u-align-center-xxs {
    text-align: center !important;
  }
  .u-align-left-xxs {
    text-align: left !important;
  }
  .u-align-right-xxs {
    text-align: right !important;
  }
}
@media (max-width: 575px) {
  .u-align-center-xs {
    text-align: center !important;
  }
  .u-align-left-xs {
    text-align: left !important;
  }
  .u-align-right-xs {
    text-align: right !important;
  }
}
@media (max-width: 767px) {
  .u-align-center-s {
    text-align: center !important;
  }
  .u-align-left-s {
    text-align: left !important;
  }
  .u-align-right-s {
    text-align: right !important;
  }
}
@media (max-width: 991px) {
  .u-align-center-m {
    text-align: center !important;
  }
  .u-align-left-m {
    text-align: left !important;
  }
  .u-align-right-m {
    text-align: right !important;
  }
}
@media (max-width: 1199px) {
  .u-align-center-l {
    text-align: center !important;
  }
  .u-align-left-l {
    text-align: left !important;
  }
  .u-align-right-l {
    text-align: right !important;
  }
}
@media (max-width: 1440px) {
  .u-align-center-xl {
    text-align: center !important;
  }
  .u-align-left-xl {
    text-align: left !important;
  }
  .u-align-right-xl {
    text-align: right !important;
  }
}
@media (max-width: 1679px) {
  .u-align-center-xxl {
    text-align: center !important;
  }
  .u-align-left-xxl {
    text-align: left !important;
  }
  .u-align-right-xxl {
    text-align: right !important;
  }
}
@media (max-width: 1919px) {
  .u-align-center-xxxl {
    text-align: center !important;
  }
  .u-align-left-xxxl {
    text-align: left !important;
  }
  .u-align-right-xxxl {
    text-align: right !important;
  }
}
.u-render_img {
  image-rendering: -webkit-optimize-contrast;
}
.u-align-center {
  text-align: center !important;
}
.u-align-left {
  text-align: left !important;
}
.u-align-right {
  text-align: right !important;
}
.u-center-vertical {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.u-center-horizontal {
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.u-center-both {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.u-display-block {
  display: block;
}
.u-display-inline {
  display: inline;
}
.u-display-inlineblock {
  display: inline-block;
}
.u-capitalize {
  text-transform: capitalize;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-upperfirst::first-letter {
  text-transform: uppercase;
}
.u-text_center {
  text-align: center !important;
}
.u-ellipsis, .mp-datatable-head_cell:not(.mp-datatable-head_cell--no-ellipsis) .mp-datatable-column_title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-break {
  word-break: break-word;
}
.u-rotate180 {
  transform: rotate(180deg);
}
.u-table_fixed {
  table-layout: fixed;
  width: 100%;
}
.u-clickable {
  cursor: pointer;
}
.u-extra_bold {
  font-size: 0.875rem;
  font-weight: 800;
}

.flex {
  flex: 1 0 auto !important;
}
.flex--rigid {
  flex: 0 0 0 !important;
}
.flex--expandable {
  flex: 1 1 auto !important;
}

*[hidden] {
  display: none !important;
}

.mp-datatable {
  background: white;
  display: block;
  overflow: hidden;
  overflow-x: auto;
}
.mp-datatable--dark .mp-datatable,
.mp-datatable--dark .mp-datatable-row,
.mp-datatable--dark .mp-datatable-row:hover {
  background: #F0F3F8;
}
.mp-datatable--dark .mp-datatable-row_header_cell {
  padding: 0.3125rem 0.5625rem;
}
.mp-datatable--dark .mp-datatable-row_header_cell > * {
  border-top: 1px solid #D8DDE5 !important;
}
.mp-datatable--row-borders .mp-datatable-row {
  border-bottom: 1px solid #E8EBEF;
}
.mp-datatable-custom_row td {
  border: 0 !important;
  padding: 0 !important;
}
.mp-datatable-spinner_row td {
  border: 0 !important;
}
.mp-datatable-spinner_cell {
  background: #F0F3F8;
  color: #A6AFC2;
  padding: 1rem 2rem !important;
  text-align: center;
}
.mp-datatable-spinner_cell_msg {
  color: #373737;
  vertical-align: text-bottom;
}
.mp-datatable-spinner {
  background: #F0F3F8;
  color: #A6AFC2;
  flex: 1 1 auto;
  overflow: auto;
  padding: 4rem;
  text-align: center;
}
.mp-datatable-spinnermsg {
  color: #373737;
  margin-top: 1rem;
}
.mp-datatable-row {
  background: white;
  border: 0;
  border-bottom: 1px solid #D8DDE5;
}
.mp-datatable-row.mp-datatable-row--is-clickable:hover {
  background: rgba(193, 202, 220, 0.3);
  cursor: pointer;
}
.mp-datatable-row--even {
  background: white;
}
.mp-datatable-body_scroll {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.mp-datatable-body_scroll--sticky .mp-datatable-row_header:first-child {
  display: none;
}
.mp-datatable-body_scroll > table > tbody > .mp-datatable-row_header:first-of-type .mp-datatable-row_header_cell {
  border-top: 0;
}
.mp-datatable-cell {
  border: 0;
  padding: 0.625rem 0 0.625rem 1.975rem;
}
.mp-datatable-cell_data {
  color: #373737;
  font-size: 0.875rem;
  text-align: left;
}
.mp-datatable-row_header {
  color: #495366;
  font-size: 0.75rem;
  font-weight: 600;
}
.mp-datatable-row_header_cell {
  border: 0;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.mp-datatable-row_header_cell > * {
  border-bottom: 1px solid #D8DDE5;
  padding: 0.5625rem;
}
@media (max-width: 991px) {
  .mp-datatable-row_header_cell {
    padding: 0;
  }
}
.mp-datatable-row_header_name {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.mp-datatable-empty_message {
  padding: 1rem 2rem;
}
.mp-datatable-sticky {
  background: white;
  border: 0;
  color: #495366;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0;
  width: 100%;
}
.mp-datatable-sticky > td {
  background-color: white;
  border: 0;
  border-bottom: 1px solid #D8DDE5;
  border-top: 1px solid #D8DDE5;
  border-top-width: 0 !important;
  padding: 0.625rem 0.75rem;
  text-align: left;
  width: 100%;
}
.mp-datatable-empty_rows {
  overflow: visible;
}
.mp-datatable-advanced_filter {
  background-color: #2D3544;
  color: white;
}
.mp-datatable-advanced_filter_wrapper {
  padding: 0.8125rem;
}
.mp-datatable-filter_icon {
  color: #A6AFC2;
  font-size: 0.65rem;
  padding-left: 0.25rem;
}
.mp-datatable-header_content {
  align-items: baseline;
  display: flex;
}
.mp-datatable-head_cell {
  background-clip: padding-box;
  background-color: white;
  border-bottom: 1px solid #D8DDE5;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #D8DDE5;
  color: #495366;
  font-weight: 800;
  padding: 0.875rem 0 0.875rem 1.975rem;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.mp-datatable-head_cell--no-ellipsis {
  white-space: normal;
}
.mp-datatable-head_cell.is-sortable {
  cursor: pointer;
}
.mp-datatable-head_cell .is-active .mp-datatable-filter_icon {
  color: #495366;
  font-weight: 800;
}
.mp-datatable-head_cell_wrapper {
  align-items: center;
  display: flex;
}
.mp-datatable-filter_actions {
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.625rem 0.8125rem;
}
.mp-datatable-settings_cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  width: 2rem;
}
.mp-datatable-column_title {
  display: inline-block;
  vertical-align: bottom;
}
.mp-datatable-sort {
  display: inline-block;
  flex: 1 0 auto;
  padding-left: 0.3125rem;
}
.mp-datatable-sort.fa-sort:not(.fa-sort-asc):not(.fa-sort-desc) {
  color: #A6AFC2;
}
.mp-datatable-sort.fa-sort:not(.fa-sort-asc):not(.fa-sort-desc):before {
  content: "\f0de";
  display: block;
  position: absolute;
  top: 1.1rem;
}
.mp-datatable-sort.fa-sort:not(.fa-sort-asc):not(.fa-sort-desc):after {
  content: "\f0dd";
  display: block;
  position: absolute;
  top: 1.25rem;
}
.mp-datatable-sort.fa-sort.fa-sort-asc:before {
  color: #A6AFC2;
  display: block;
  position: absolute;
  top: 1.12rem;
}
.mp-datatable-sort.fa-sort.fa-sort-desc:before {
  color: #A6AFC2;
  display: block;
  position: absolute;
  top: 1.22rem;
}
.mp-datatable-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.mp-datatable-foot_cell {
  border-bottom: 1px solid #D8DDE5;
  border-top: 1px solid #D8DDE5;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.575rem 0 0.575rem 1.975rem;
  text-align: left;
}

@media (max-width: 767px) {
  .mp-datatable-head_cell {
    padding: 0.875rem 1rem;
  }
  .mp-datatable-cell {
    padding: 0.875rem 1rem;
  }
}
@media (max-width: 991px) {
  .mp-datatable-row_header_cell > * {
    padding: 0.125rem;
  }
}
.mp-editable_label {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  line-height: 1rem;
  padding-right: 1rem;
}
.mp-editable_label-input {
  border: 2px solid #08CDFF;
  border-radius: 0.3125rem;
  font-size: 1rem;
  font-weight: 300;
  padding: 0.25rem 0.375rem;
  width: calc(100% - 4.125rem);
}
.mp-editable_label-input.is-readonly {
  border-color: transparent;
  padding-left: 0;
}
.mp-editable_label-actions {
  margin-left: auto;
}
.mp-editable_label-button {
  color: #A6AFC2;
  cursor: pointer;
  margin-left: auto;
  position: relative;
  top: -1px;
}
.mp-export {
  display: inline-block;
}

.mp-export-menu {
  display: flex;
  flex-direction: column;
  min-width: 10rem;
  padding: 0.25rem 0;
}

.mp-export-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  gap: 0.5rem;
  line-height: 1.25rem;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}
.mp-export-item i {
  line-height: 1rem;
}
.mp-export-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.mp-export-item:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.12);
}

.mp-filter_button--squared {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
}
.mp-filter_button--squared:disabled {
  opacity: 1;
}
.mp-filter_button--squared:disabled .fa {
  opacity: 0.4;
}

:host ::ng-deep ngb-popover-window.mp-export-popover {
  background-color: #2D3544;
}

:host ::ng-deep ngb-popover-window.bs-popover-bottom-right::after {
  left: auto !important;
  right: 12px !important;
  transform: rotate(45deg) !important;
}

.mp-export-item.selected {
  color: inherit;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.12);
}

.mp-export-item.selected::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25rem;
  bottom: 0.25rem;
  width: 3px;
  background: rgba(255, 255, 255, 0.24);
  border-radius: 2px;
}
.mp-filter_badge {
  background-color: white;
  border: 1px solid #C1CADC;
  border-radius: 0.125rem;
  color: #6555E2;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
  margin: 0 0.5625rem 0 0;
  overflow: hidden;
  padding: 0.5315rem 0.5625rem;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.mp-filter_badge--second-var {
  color: #11A698;
}
.mp-filter_badge--multiple {
  margin-right: 0;
}
.mp-filter_badge--multiple:nth-child(n+2) {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.mp-filter_badge--multiple:nth-child(-n+2) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.mp-filter_badge-indicator {
  background-color: white;
  border: 1px solid #C1CADC;
  border-left: 0;
  border-radius: 0.125rem;
  color: #6555E2;
  font-size: 1rem;
  font-weight: 700;
  height: 2.1875rem;
  left: -1px;
  line-height: 1rem;
  padding: 0.5315rem 0.5625rem;
  position: relative;
  text-align: right;
  width: 4rem;
}
.mp-filter_badge-indicator_number {
  background: #A6AFC2;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8125rem;
  font-style: normal;
  height: 1.375rem;
  line-height: 1.5rem;
  position: relative;
  text-align: center;
  top: -0.1875rem;
  width: 1.375rem;
}

@media (max-width: 767px) {
  .mp-filter_badge {
    margin: 0;
    width: 100%;
  }
  .mp-filter_badge .popover .popover-body {
    min-width: 19.375rem;
  }
}
.mp-filter {
  min-width: 23.5rem;
}

.mp-filter_panel {
  border-bottom: 1px solid #D8DDE5;
  display: none !important;
  font-size: 0.875rem;
  position: relative;
}
.mp-filter_panel--shown {
  display: flex !important;
}
.mp-filter_panel-container {
  flex-grow: 1;
  margin: 0.625rem 0 0 1.5rem;
  position: relative;
}
.mp-filter_panel-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
.mp-filter_panel .btn-search {
  padding: 0.525rem 1.5rem;
}
.mp-filter_panel-search_block {
  align-items: flex-end;
}
.mp-filter_panel-reset {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
  margin-top: 0.325rem;
  min-width: 10rem;
  padding: 0;
  text-align: right;
}
.mp-filter_panel-reset > * {
  vertical-align: middle;
}
.mp-filter_panel-reset .fa {
  font-size: 1.125rem;
  margin-left: 0.375rem;
}
@media (max-width: 767px) {
  .mp-filter_panel > div {
    justify-content: center;
    padding: 1rem;
  }
  .mp-filter_panel-container {
    flex: 0 0 0;
    margin: 0;
    position: relative;
  }
  .mp-filter_panel .btn-search {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
  }
  .mp-filter_panel-search_block {
    align-items: center;
    flex: none;
    justify-content: flex-end;
    margin-left: 1rem;
    margin-right: 0 !important;
  }
}
@media (min-width: 576px) {
  .mp-filter_panel .form-group {
    margin-bottom: 1rem;
    margin-right: 1.875rem;
  }
  .mp-filter_panel .form-inline .form-check-label {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mp-filter_panel > div {
    justify-content: space-between;
  }
  .mp-filter_panel-row {
    flex-direction: column;
  }
  .mp-filter_panel-row > .form-group {
    flex: 1 1 auto !important;
    margin: 0;
    padding-right: 0 !important;
  }
  .mp-filter_panel-row > .form-group:last-child {
    margin-bottom: 1rem;
  }
  .mp-filter_panel-row .mp-channel-filter {
    flex: 1 0 auto !important;
  }
}
@media (min-width: 992px) {
  .mp-filter_panel-row {
    flex-wrap: wrap;
  }
}
@media (min-width: 1199px) and (max-width: 1440px) {
  .mp-filter_panel-left {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .mp-filter_panel-right {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 1440px) {
  .mp-filter_panel > div {
    justify-content: space-between;
  }
}
.mp-generic_tree {
  font-size: 0.875rem;
  width: 23.5rem;
}
@media (max-width: 1679px) {
  .mp-generic_tree {
    width: 16rem;
  }
}
.mp-generic_tree .popover {
  left: auto !important;
  right: 0 !important;
}
.mp-generic_tree .popover:after {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .mp-generic_tree .popover {
    left: 0 !important;
    right: 0 !important;
  }
  .mp-generic_tree .popover:after {
    left: auto;
    right: 0;
  }
}
.mp-generic_tree-container {
  background-color: #495366;
  width: 31rem;
}
@media (max-width: 1679px) {
  .mp-generic_tree-container {
    width: 16rem;
  }
}
@media (max-width: 767px) {
  .mp-generic_tree-container {
    width: 100% !important;
  }
}
.mp-generic_tree-bookmarks {
  background-color: #2D3544;
  color: white;
  list-style-type: none;
  margin: 0;
  padding: 0.625rem;
}
.mp-generic_tree-bookmark {
  cursor: pointer;
}
.mp-generic_tree-bookmark .fa {
  color: #F8E81C;
  margin-right: 0.3125rem;
}
.mp-generic_tree-bookmark + .mp-generic_tree-bookmark {
  margin-top: 0.3125rem;
}
.mp-generic_tree-check_bookmark_text {
  color: #373737;
  margin-left: -0.125rem;
}
.mp-generic_tree-content {
  padding: 0.625rem 0.625rem 0;
}
.mp-generic_tree-remove_button {
  color: white;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
.mp-generic_tree-remove_button.disabled {
  cursor: default;
  opacity: 0.5;
}
.mp-generic_tree-search {
  color: #6D7584 !important;
  font-size: 1.25rem !important;
}
.mp-generic_tree-filter {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.mp-generic_tree-filter .input-button {
  width: 100%;
}
.mp-generic_tree-filter .input-button .form-control::-webkit-input-placeholder {
  color: #373737;
}
.mp-generic_tree-filter .input-button .form-control:-moz-placeholder {
  color: #373737;
}
.mp-generic_tree-filter .input-button .form-control::-moz-placeholder {
  color: #373737;
}
.mp-generic_tree-filter .input-button .form-control:-ms-input-placeholder {
  color: #373737;
}
.mp-generic_tree-filter .input-button .form-control {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
  border-radius: 0.3125rem 0.3125rem 0 0;
  color: #373737;
  padding: 0.6875rem 0.625rem;
  width: 100%;
}
.mp-generic_tree-filter .input-button .form-control:hover, .mp-generic_tree-filter .input-button .form-control:focus {
  border-color: white;
}
.mp-generic_tree-filter .input-button .form-control:focus {
  background-color: white;
}
.mp-generic_tree-filter .input-button .form-control:focus + .mp-generic_tree-search {
  color: #A6AFC2 !important;
}
.mp-generic_tree-filter .ui-dropdown .ui-dropdown-panel {
  border-color: #08CDFF;
}
.mp-generic_tree-filter .ui-dropdown .ui-dropdown-label {
  background-color: #6D7584;
  border: 1px solid white;
  color: white;
  font-size: 0.875rem;
  line-height: 1rem;
}
.mp-generic_tree-filter .ui-dropdown .ui-dropdown-trigger {
  background-color: #6D7584;
  border: 1px solid white;
  border-left-width: 0;
}
.mp-generic_tree-filter .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
  background-color: #6D7584;
  border-color: #08CDFF;
  color: white;
}
.mp-generic_tree-filter .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger {
  background-color: #6D7584;
  border-color: #08CDFF;
  color: white;
}
.mp-generic_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-label {
  background-color: white !important;
  color: #373737 !important;
}
.mp-generic_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-label.ui-inputtext {
  border: 1px solid #08CDFF;
}
.mp-generic_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-trigger {
  background-color: white !important;
  border-color: #08CDFF;
}
.mp-generic_tree-filter .ui-dropdown.ui-state-focus .ui-dropdown-trigger .fa {
  color: #373737 !important;
}
.mp-generic_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-label {
  background-color: white !important;
  border-color: #08CDFF;
  color: #373737 !important;
}
.mp-generic_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-trigger {
  background-color: white !important;
  border-bottom-right-radius: 0 !important;
  border-color: #08CDFF;
  color: #373737 !important;
}
.mp-generic_tree-filter .ui-dropdown.ui-dropdown-open .ui-dropdown-trigger .fa {
  background: none;
  color: #373737;
}
.mp-generic_tree-filter .ui-dropdown.ui-state-disabled {
  pointer-events: none;
}
.mp-generic_tree-actions {
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0.875rem;
}
.mp-generic_tree-buttons .btn {
  font-size: 1rem;
  font-weight: 700;
}
.mp-generic_tree-buttons .btn + .btn {
  margin-left: 0.75rem;
}
.mp-generic_tree .mp-alerts-item {
  border-radius: 0;
  margin-bottom: 0 !important;
}
.mp-generic_tree .mp-treeview-scroll {
  height: 15.875rem;
}
@media (max-width: 767px) {
  .mp-generic_tree .mp-treeview-scroll {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .mp-generic_tree .mp-treeview-container {
    max-width: 100%;
  }
}
.mp-header {
  background: linear-gradient(174deg, #36A3E2, #08CDFF);
  font-weight: 800;
  height: 4.5625rem;
  justify-content: center;
  padding: 1rem 1.5rem;
  position: relative;
  width: 100%;
}
.mp-header > .row {
  position: relative;
}
.mp-header-title {
  color: white;
  flex: 1 1 auto;
  font-size: 1.375rem;
  min-width: 0;
}
.mp-header-actions {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
  list-style-type: none;
  margin: 0;
  padding-right: 0;
}
.mp-header-action {
  display: inline-block;
  vertical-align: middle;
}
.mp-header-action + .mp-header-action {
  margin-left: 1rem;
}
.mp-header-action.hidden {
  visibility: hidden;
}
.mp-header-quicksearch {
  min-width: 28.125rem;
}
.mp-header-commercesearch {
  display: inline-block;
  margin-left: 1.1875rem;
  max-width: 26.025rem;
  min-width: 26.025rem;
  text-align: left;
}
.mp-header-commercesearch .ui-dropdown .ui-dropdown-label {
  border: 0;
}
.mp-header-commercesearch_label {
  color: white;
  font-size: 0.875rem;
}
@media (max-width: 1199px) {
  .mp-header-actions {
    width: 100%;
  }
  .mp-header-quicksearch {
    min-width: 18rem;
  }
  .mp-header-menu_buttons {
    display: flex;
  }
  .mp-header_menu_button {
    color: #495366;
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 1.5rem;
    padding: 0 1rem;
  }
  .mp-header-back_button {
    cursor: pointer;
    display: block;
    font-size: 2rem;
    left: 0.5rem;
    line-height: 2rem;
    padding: 0.5rem;
    position: absolute;
    top: 0.125rem;
    width: auto;
  }
  .mp-header-back_button.hidden {
    display: none;
  }
}
@media (max-width: 767px) {
  .mp-header {
    padding: 0.5rem 1rem;
  }
}
.mp-map_widget {
  background-color: white;
  border-radius: 0.3125rem;
  display: flex;
  height: 29.1875rem;
  position: relative;
}
@media (max-width: 767px) {
  .mp-map_widget {
    height: auto;
  }
}
.mp-map_widget-container {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .mp-map_widget-container {
    flex-direction: column;
  }
}
.mp-map_widget-left {
  flex: 0 1 22%;
  min-width: 17rem;
}
.mp-map_widget-left > div {
  height: 100%;
}
@media (max-width: 767px) {
  .mp-map_widget-left {
    flex: 1 0 auto;
    max-height: 20rem;
  }
}
.mp-map_widget-header {
  border-bottom: 1px solid #D8DDE5;
  justify-content: space-between;
  padding: 0.625rem 0.625rem 1.25rem 1.25rem;
}
.mp-map_widget-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.mp-map_widget-subtitle {
  font-size: 0.625rem;
  line-height: 1rem;
}
.mp-map_widget-top {
  overflow: auto;
}
.mp-map_widget-link {
  display: block;
  font-size: 0.875rem;
  margin: 0.5rem auto 0;
  padding: 0.9375rem;
  text-align: center;
  text-decoration: none;
  width: auto;
}
.mp-map_widget-link a {
  color: #808EA9 !important;
}
.mp-map_widget-alerts {
  padding: 1rem 0.625rem 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.mp-map_widget-tooltip_item {
  cursor: pointer;
  font-size: 0.875rem;
}
.mp-map_widget-tooltip_icon {
  align-self: center;
  height: 0.8125rem;
  margin-right: 0.2rem;
  width: 0.75rem;
}
.mp-map_widget-tooltip_content {
  background: #2D3544;
  border-radius: 0.3125rem;
  color: white;
  font-size: 0.75rem;
  max-width: 8.5rem;
  min-width: 8.5rem;
  padding: 0.475rem 0.5625rem 0.5625rem 0.75rem;
  position: absolute;
  right: -0.125rem;
  top: 2.25rem;
}
.mp-map_widget-help {
  color: rgba(128, 142, 169, 0.67);
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  white-space: normal;
  width: 1.4rem;
}
.mp-map_widget-help:hover {
  color: #495366;
}
.mp-map_widget-footer {
  margin-top: auto;
  position: relative;
}
.mp-map_widget-footer_container {
  padding: 0.9375rem;
  width: 100%;
}
.mp-map_widget-footer_content {
  width: 100%;
}
.mp-map_widget-footer_title {
  font-size: 0.625rem;
  font-weight: 800;
}
.mp-map_widget-footer_item {
  font-size: 0.625rem;
}
.mp-map_widget-footer_item-text {
  display: inline-block;
  line-height: 0.625rem;
  vertical-align: middle;
}
.mp-map_widget-footer_item .mp-tooltip_chart-value_serie_label {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.mp-map_widget-footer .popover {
  border-style: none;
  bottom: 0.6875rem;
  left: auto !important;
  right: 2.5rem !important;
  top: auto !important;
}
.mp-map_widget-footer .popover-body {
  background: transparent;
  color: white;
}
.mp-map_widget-footer .popover:after {
  content: none;
}
.mp-map_widget-map .agm_map {
  height: 100%;
}
@media (max-width: 767px) {
  .mp-map_widget-map .agm_map {
    height: 18.75rem;
  }
}
.mp-map_widget-map .si-content-wrapper {
  background-color: #2D3544;
  border: solid 1px #2D3544;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  min-width: 9.5rem;
  padding: 0;
}
.mp-map_widget-map .si-content-wrapper .si-content {
  max-height: none !important;
  max-width: 100% !important;
  width: 100%;
}
.mp-map_widget-map .si-content-wrapper .si-close-button {
  display: none;
}
.mp-map_widget-map .si-pointer-top.si-pointer-border-top {
  border-top-color: none;
  border-width: 0.625rem;
  bottom: 0;
}
.mp-map_widget-map .si-pointer-top.si-pointer-bg-top {
  border-top-color: #2D3544;
  border-width: 0.625rem;
  margin-bottom: 0;
  top: -1px;
}
.mp-map_widget .mp-navigation_tabs-menu {
  overflow: visible;
}

.mp-info_window {
  font-family: "NunitoSans";
}
.mp-info_window-item-header {
  background-color: rgba(255, 255, 255, 0.13);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.1875rem;
  padding: 0.25rem 0.625rem;
  text-align: center;
}
.mp-info_window-item-body {
  padding: 0.375rem 0.625rem;
}
.mp-info_window-item_title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  width: 100%;
}
.mp-info_window-item_value {
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  padding-top: 0.3125rem;
  text-align: right;
  width: 100%;
}
.mp-info_window-item_variation {
  color: #43D05B;
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1rem;
  text-align: right;
  width: 100%;
}
.mp-info_window-item_variation--negative {
  color: #FF5209;
}
.mp-info_window-item_variation--equal {
  color: #FFC909;
}
.mp-info_window-chart {
  height: 5rem;
  justify-content: space-between;
}
.mp-info_window-chart_item {
  background: linear-gradient(209deg, #AC87F2, #866CDD, #6051C7);
  border-radius: 0.125rem;
  width: 3rem;
}
.mp-info_window-chart_item--previous {
  background: linear-gradient(209deg, #D6C3F9, #C2B5EE, #B28CF6);
}
.mp-merchant_selector {
  background: white;
  background-image: url("../../../assets/images/brand-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}
.mp-merchant_selector:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mp-merchant_selector-container {
  display: inline-block;
  font-size: 1rem;
  max-width: 68rem;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.mp-merchant_selector-form {
  background: #2D3544;
  border-radius: 5px;
  box-shadow: 10px 40px 727px 0 rgba(0, 0, 0, 0.26);
  color: white;
  margin: 0 2.5rem;
  max-width: 32rem;
  padding: 1.25rem;
  position: relative;
  width: 100%;
}
.mp-merchant_selector-title {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1rem;
}
.mp-merchant_selector-help {
  text-transform: none;
}
.mp-merchant_selector-help .fa {
  color: #A6AFC2;
}
.mp-merchant_selector-help .mp-tooltip-content {
  width: 10rem;
}
.mp-merchant_selector-separator {
  background: #A6AFC2;
  margin-top: 0.4rem;
}
.mp-merchant_selector-field {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}
.mp-merchant_selector-list {
  height: 100%;
  max-height: 20rem;
  overflow: auto;
  position: relative;
}
.mp-merchant_selector-items {
  list-style-type: none;
  max-width: 99%;
  overflow: auto;
  padding: 0;
}
.mp-merchant_selector-item {
  background: #495366;
  border-bottom: 1px solid rgba(240, 243, 248, 0.15);
  color: white;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0.75rem 1.25rem;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease-in;
  white-space: nowrap;
}
.mp-merchant_selector-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.mp-merchant_selector-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mp-merchant_selector-item:hover {
  background: #6D7584;
  border-color: #6D7584;
}
.mp-merchant_selector-backdrop {
  background: rgb(0, 4.2796208531, 7);
  height: 100vh;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100vw;
}
.mp-navigation_tabs {
  background-color: white;
  border-bottom: 0.125rem;
  border-bottom-color: #495366;
  border-bottom-style: solid;
  margin: 0;
  padding: 0;
}
.mp-navigation_tabs-menu {
  height: 100%;
  list-style: none;
  margin-bottom: 0;
  overflow-x: auto;
  padding-left: 0.3125rem;
  padding-top: 0.375rem;
}
@media (max-width: 767px) {
  .mp-navigation_tabs-menu {
    width: 100%;
  }
}
.mp-navigation_tabs-item {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.mp-navigation_tabs-link {
  border-color: #C1CADC;
  border-style: solid;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  border-width: 1px 1px 0;
  color: #495366;
  display: inline-block;
  height: 100%;
  padding: 0.25rem 0.75rem 0.1875rem;
}
.mp-navigation_tabs-link:hover {
  background-color: #C1CADC;
}
.mp-navigation_tabs-link:hover, .mp-navigation_tabs-link:focus {
  text-decoration: none;
}
.mp-navigation_tabs-link.active {
  background-color: #495366;
  border-bottom-width: 1px;
  border-color: #495366;
  color: white;
  font-weight: 700;
}
.mp-navigation_tabs-link.disabled {
  background-color: transparent;
  border-color: #D8DDE5;
  color: #D8DDE5;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 767px) {
  .mp-navigation_tabs-link {
    padding: 0.25rem 1rem;
  }
}
.mp-navigation_tabs--alternative {
  border: 0;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-menu {
  background: white;
  border-bottom: 1px solid #495366;
  overflow: visible;
  padding: 1.375rem 1.5rem 0;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-item {
  padding: 0;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-item + .mp-navigation_tabs-item .mp-navigation_tabs-link {
  margin-left: 0.75rem;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-link {
  background: white;
  border: 1px solid #C1CADC;
  border-bottom: 0;
  border-radius: 0;
  color: #373737;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-link.active {
  background: #F0F3F8;
  border-bottom-width: 1px;
  border-color: #495366;
  font-weight: 700;
}
.mp-navigation_tabs--alternative .mp-navigation_tabs-link.active:after {
  background: #F0F3F8;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.mp-load_more_results {
  margin: 1.5rem 0;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative.ui-state-disabled {
  opacity: 1 !important;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative:hover .ui-dropdown-label {
  background-color: white;
  border: 1px #495366 solid;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative:hover .ui-dropdown-trigger {
  background-color: white;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .mp-load_more_results-label.ui-dropdown-label {
  color: #495366;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.4375rem 1.25rem;
  padding-right: 3.75rem;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .mp-load_more_results-label.ui-dropdown-label:hover {
  background-color: rgba(73, 83, 102, 0.2);
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .mp-load_more_results-label.ui-dropdown-label.mp-opt-disabled {
  color: #888888 !important;
  background-color: #f9f9f9;
  cursor: not-allowed !important;
  pointer-events: none;
  text-decoration: line-through;
  font-style: italic;
  border-color: #dcdcdc;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .mp-load_more_results-label.ui-dropdown-label.mp-opt-disabled:hover {
  background-color: #f9f9f9;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .fa {
  margin: 0;
  position: relative;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger {
  background-color: white;
  border: 1px #495366 solid;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger .fa {
  color: #495366;
  font-size: 1.125rem;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger:hover {
  background-color: rgba(73, 83, 102, 0.2);
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger:focus {
  background-color: #2D3544;
  color: white;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger.toggled {
  background-color: #2D3544;
}
.mp-load_more_results .ui-dropdown.ui-dropdown-alternative .ui-dropdown-trigger.toggled .fa {
  color: white;
}
.mp-load_more_results .popover {
  background-color: #2D3544;
  color: white;
  margin-top: -0.5rem;
  padding: 0.6785rem 1px;
}
.mp-load_more_results .popover:after {
  bottom: -0.875rem;
  left: auto;
  right: 0;
  top: auto;
}
.mp-load_more_results-options {
  margin-bottom: 0.3125rem;
  padding: 0 0.5625rem;
}
.mp-load_more_results-options:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.mp-load_more_results-options:last-child {
  margin-bottom: 0;
}
.mp-load_more_results-options.mp-opt-disabled {
  color: #999999 !important;
  cursor: not-allowed !important;
  pointer-events: none;
  text-decoration: line-through;
  font-style: italic;
}
.mp-load_more_results-options.mp-opt-disabled:hover {
  background-color: transparent;
}
.mp-period-bar {
  color: rgba(0, 0, 0, 0.29);
  position: relative;
}
.mp-period-bar-content {
  flex: 1 0 auto;
  line-height: 0.5rem;
  padding-bottom: 2rem;
}
.mp-period-bar-content::after {
  background-color: rgba(0, 0, 0, 0.29);
  border-radius: 6.25rem;
  content: "|";
  float: right;
  font-size: 0.3125rem;
  height: 0.3125rem;
  margin-top: 0.2rem;
  text-align: right;
  width: 0.125rem;
}
.mp-period-bar-empty {
  background-color: rgba(0, 0, 0, 0.29);
  height: 0.3215rem;
}
.mp-period-bar-empty--start {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.mp-period-bar-empty--end {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.mp-period-bar-filled {
  background-color: white;
  border: 1px solid white;
  height: 0.3215rem;
}
.mp-period-bar-filled--start {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.mp-period-bar-filled--start::after {
  background-color: rgba(0, 0, 0, 0.29);
  border-radius: 6.25rem;
  content: "|";
  float: left;
  font-size: 0.3125rem;
  height: 0.3125rem;
  margin-top: 0.5rem;
  text-align: left;
  width: 0.125rem;
}
.mp-period-bar-filled--end {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.mp-period-bar-data {
  color: white;
  line-height: 1rem;
  margin-bottom: 0.1rem;
  min-height: 1.25rem;
  position: relative;
  size: 1.25rem;
  text-align: right;
  text-transform: capitalize;
}
.mp-period-bar-data--information {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.25rem;
  position: absolute;
  right: 0;
  white-space: nowrap;
}
.mp-period-bar-legend--start {
  color: rgba(0, 0, 0, 0.4);
  left: 0;
  padding-top: 2.25rem;
  position: absolute;
  text-transform: capitalize;
}
.mp-period-bar-legend--end {
  color: rgba(0, 0, 0, 0.4);
  padding-top: 2.25rem;
  position: absolute;
  right: 0;
  text-transform: capitalize;
}
.mp-selector_left_to_right-items {
  height: 18.75rem;
  overflow-y: scroll;
}
.mp-selector_left_to_right-item {
  cursor: pointer;
  height: 1.56rem;
}
.mp-selector_left_to_right-item.selected {
  background: #808EA9;
  color: #F0F3F8;
}
.mp-sidepanel {
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 3.125rem;
}
.mp-sidepanel.is-open {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
}
.mp-sidepanel.is-open .mp-sidepanel-close_btn {
  display: block;
}
.mp-sidepanel.is-on-top {
  z-index: 101;
}
.mp-sidepanel-content {
  float: right;
  position: relative;
  width: 41.8rem;
}
.mp-sidepanel-close_btn {
  background: white;
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
  cursor: pointer;
  display: none;
  height: 2.5rem;
  left: -2.4rem;
  position: absolute;
  top: 0.4rem;
  width: 2.5rem;
  z-index: -1;
}
.mp-sidepanel-close_btn:hover {
  background-color: #C1CADC;
}
.mp-sidepanel-close_btn .mpi {
  color: #808EA9;
  font-size: 1.25rem;
  margin: 0.625rem;
}

@media (max-width: 767px) {
  .mp-sidepanel {
    display: none;
  }
  .mp-sidepanel.is-open {
    display: block;
  }
  .mp-sidepanel-content {
    width: 100% !important;
  }
  .mp-sidepanel-close_btn {
    display: none !important;
  }
}
.mp-simple_calendar {
  color: white;
  display: inline-block;
  font-family: "NunitoSans";
  width: 19.5rem;
}
.mp-simple_calendar_datepicker {
  padding: 0 2rem;
}
.mp-simple_calendar_date-inputs {
  margin-left: 0.625rem;
  margin-top: 1.5rem;
}
.mp-simple_calendar_date-inputs .form-group {
  margin-right: 0.8875rem;
}
.mp-simple_calendar_date-inputs .form-group .ui-inputtext {
  font-family: "NunitoSans";
  line-height: 0.875rem;
  padding: 0.375rem 0.75rem;
}
.mp-simple_calendar_date-inputs label {
  font-weight: 800;
  margin-bottom: 0.3125rem;
}
.mp-simple_calendar_tooltip-body {
  cursor: auto;
}
.mp-simple_calendar_range-selectors {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  cursor: default;
  padding: 2.5rem 0.75rem 0.13125rem;
  white-space: nowrap;
}
.mp-simple_calendar_range-selectors .form-check-input {
  display: inline-block;
  margin-bottom: 1.0625rem;
  padding-left: 1rem;
}
.mp-simple_calendar_range-selectors .form-check-input .ui-radiobutton-label {
  cursor: pointer;
  display: inline-block;
  font-size: 0.75rem;
}
.mp-simple_calendar_range-selectors .form-check-input .ui-radiobutton .ui-radiobutton-box:hover:not(.ui-state-active) {
  background-color: rgba(255, 255, 255, 0.2);
}
.mp-simple_calendar_range-selectors .form-check-input .ui-radiobutton.ui-widget {
  transform: translateY(-10%);
}
.mp-simple_calendar_range-selectors .form-check-input .ui-radiobutton.ui-widget .ui-radiobutton-icon {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-30%) translateX(50%);
}
.mp-simple_calendar_tooltip {
  background-color: #2D3544;
  border: solid 1px #2D3544;
  border-radius: 5px;
  box-shadow: 0 0 0.875rem 0 #373737;
}
.mp-simple_calendar_tooltip-body {
  display: flex;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.mp-simple_calendar_tooltip-body .ui-radiobutton .ui-radiobutton-box {
  background-color: transparent;
  border-color: white;
}
.mp-simple_calendar_tooltip-right_panel {
  background: #6D7584;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation {
  font-weight: 800;
  line-height: 1.375rem;
  margin-top: 0.375rem;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation_year {
  margin: 0 1.125rem;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation_arrow {
  cursor: pointer;
  font-size: 1.25rem;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly {
  font-size: 0.75rem;
  font-weight: 800;
  position: relative;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly > div {
  display: inline-block;
  vertical-align: middle;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly_arrow {
  cursor: pointer;
  font-size: 1.25rem;
  padding: 1rem;
  position: absolute;
  transform: translateY(-25%);
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly_arrow_left {
  left: 1.25rem;
  padding-top: 0.125rem;
  transform: translateX(-50%);
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly_arrow_right {
  padding-top: 0.125rem;
  right: 1.25rem;
  transform: translateX(50%);
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar-navigation-monthly_month {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-left: 2.3rem;
  padding-bottom: 0.2625rem;
  padding-top: 0.375rem;
  text-align: center;
  width: 14rem;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day {
  color: white;
  display: inline-block;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  width: 2rem;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day--disabled {
  background-color: initial !important;
  opacity: 0.2;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day--focused {
  background-color: #08CDFF;
  color: #495366;
  font-weight: 800;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day-range, .mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day:hover {
  background-color: #9DA5B4;
}
.mp-simple_calendar_tooltip-right_panel .mp-simple_calendar_day--faded {
  background-color: rgba(9, 205, 255, 0.27);
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox {
  margin-bottom: 0.6875rem;
  padding-left: 1.25rem;
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox .form-check-label {
  display: flex;
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox .ui-chkbox {
  margin-right: 0.5rem;
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box {
  background-color: transparent;
  border-color: white;
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.mp-simple_calendar_tooltip-right_panel .interval_checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}
.mp-simple_calendar_tooltip-footer {
  background: white;
  border-radius: 5px;
  cursor: auto;
  padding: 0.7rem;
}
.mp-simple_calendar_tooltip-footer .btn {
  font-weight: 700;
  margin-right: 0.75rem;
}
.mp-simple_calendar .popover::after {
  left: 94% !important;
}
.mp-simple_calendar .ui-state-disabled {
  opacity: 0.75;
}

.ngb-dp-month-name {
  display: none;
}

.ngb-dp-month:first-child {
  margin-right: 1rem;
}

.ngb-dp-week {
  margin-bottom: 0.25rem;
}

.ngb-dp-weekdays {
  background: none !important;
  border: 0 !important;
  font-size: 0.75rem;
  font-weight: 200;
  margin-bottom: 0;
  opacity: 0.83;
}
.ngb-dp-weekdays .ngb-dp-weekday {
  color: white !important;
}
.ngb-dp-weekdays .ngb-dp-weekday.small {
  font-size: inherit;
  font-weight: inherit;
}

@media (max-width: 575px) {
  .mp-simple_calendar {
    min-width: 16.5rem;
  }
}
#ngbDatePicker {
  border: 0;
}
#ngbDatePicker .ngb-dp-header {
  display: none;
}
.mp-feed {
  border: 1px solid #C1CADC;
  border-radius: 0.3125rem;
  color: #495366;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.38rem;
  margin: 3rem auto;
  max-width: 50rem;
  padding: 2rem 4rem;
  text-align: center;
  width: 100%;
}
.mp-feed-link {
  color: #373737;
  font-weight: 400;
  margin-top: 1rem;
}
.section_spinner {
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.3rem;
  display: flex;
  font-size: 1.125rem;
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.section_spinner-content {
  color: #A6AFC2;
  flex: 1 0 auto;
}
.section_spinner--dark {
  background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .mp-tab {
    height: 100%;
  }
}
.mp-tabs--horizontal {
  display: flex;
  flex-direction: row;
}
.mp-tabs--horizontal .nav {
  flex-direction: column;
}
.mp-tabs-item {
  cursor: pointer;
}
.mp-tabs--default .mp-tabs-item {
  color: #373737;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.mp-tabs--default .mp-tabs-item.active {
  background: white;
  font-weight: 700;
}
.mp-tabs--default .mp-tabs-item.active:after {
  background: white;
  bottom: -1px;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 100%;
}
.mp-tabs--primary .nav-tabs {
  border-bottom: 1px solid #495366;
}
.mp-tabs--primary .mp-tabs-item {
  background: #F0F3F8;
  border: 1px solid #C1CADC;
  border-bottom: 0;
}
.mp-tabs--primary .mp-tabs-item.active {
  border-color: #495366;
}
.mp-tabs--primary .mp-tabs-item + .mp-tabs-item {
  margin-left: 0.75rem;
}
.mp-tabs--alternative .nav-tabs {
  border-bottom: 1px solid #495366;
}
.mp-tabs--alternative .mp-tabs-item {
  background: white;
  border: 1px solid #C1CADC;
  border-bottom: 0;
}
.mp-tabs--alternative .mp-tabs-item + .mp-tabs-item {
  margin-left: 0.75rem;
}
.mp-tabs--alternative .mp-tabs-item.active {
  background: #F0F3F8;
  border-color: #495366;
}
.mp-tabs--alternative .mp-tabs-item.active:after {
  background: #F0F3F8;
}
.mp-tabs--rounded .mp-tabs-item {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.mp-tabs--wrappered > .mp-tabs > .nav-tabs {
  background: white;
  padding: 1.375rem 1.5rem 0;
}
.mp-tabs--wrappered > .mp-tabs > .mp-tabs-contents {
  margin: 1.5rem 1.5rem 0;
}
.mp-timerange {
  width: 23rem;
}
.mp-timerange-body {
  background-color: #495366;
  min-width: 18.75rem;
  padding: 0.625rem 0.625rem 0;
  padding-top: 1rem;
}
.mp-timerange-range_values {
  align-items: center;
  color: white;
  display: flex;
  justify-content: space-between;
}
.mp-timerange-value {
  font-weight: 800;
}
.mp-timerange-footer {
  background: white;
  padding: 0.875rem;
}
.mp-timerange-footer .btn {
  font-size: 1rem;
  font-weight: 700;
}
.mp-timerange-footer .btn + .btn {
  margin-left: 0.75rem;
}

@media (max-width: 767px) {
  .mp-timerange .popover {
    max-width: 100%;
    left: 0 !important;
    right: 0 !important;
  }
  .mp-timerange .popover:after {
    left: auto;
    right: 0;
  }
}
.mp-toggle {
  line-height: normal;
}
.mp-toggle-input {
  display: none;
}
.mp-toggle-label {
  font-size: 0.75rem;
}
.mp-toggle-btn {
  background: #E8EBEF;
  border: 1px solid #F0F3F8;
  border-radius: 2rem;
  cursor: pointer;
  display: inline-block;
  height: 1.25rem;
  outline: 0;
  padding: 0;
  position: relative;
  transition: all 0.4s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 2.1875rem;
}
.mp-toggle-btn::after {
  background: white;
  border-radius: 2em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  width: 50%;
}
.mp-toggle-btn.is-on {
  background: #43d05b;
}
.mp-toggle-btn.is-on::after {
  left: 50%;
  padding-right: 0.8em;
}
.mp-toggle-btn.is-on:active {
  box-shadow: none;
}
.mp-toggle-btn.is-on:active::after {
  margin-left: -0.8em;
}
.mp-toggle.is-disabled {
  opacity: 0.8;
}
.mp-top_list--padded_list .mp-top_list-item:first-child {
  border-top: 1px solid #D8DDE5;
}
.mp-top_list-item {
  align-items: center;
  border-bottom: 1px solid #D8DDE5;
  cursor: default !important;
  justify-content: flex-start;
  padding: 0.75rem 1.28125rem 0.75rem 0.4375rem;
  width: 100%;
}
.mp-top_list-item--selected {
  background: rgba(193, 202, 220, 0.5);
}
.mp-top_list-item--selected .mp-top_list-item_variable--selected {
  font-weight: 700;
}
.mp-top_list-item:hover {
  background: rgba(193, 202, 220, 0.5);
  cursor: pointer;
}
.mp-top_list-item_variable {
  cursor: pointer;
  display: flex;
  width: 100%;
}
.mp-top_list-item_variable + .mp-top_list-item_variable {
  margin-top: 0.5rem;
}
.mp-top_list-position {
  font-weight: 800;
}
.mp-top_list-amount {
  color: #6555E2;
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.5rem;
  margin-left: auto;
  white-space: nowrap;
}
.mp-top_list-amount--alternative {
  color: #11A698;
}
.mp-top_list-arrow {
  padding-right: 0.5rem;
}
.mp-top_list-arrow--asc {
  color: #43D05B;
}
.mp-top_list-arrow--desc {
  color: #FF5209;
}
.mp-top_list-name {
  padding: 0 1.0625rem;
}
.mp-top_map {
  padding-bottom: 1rem;
}
.mp-toppanel {
  position: relative;
  width: 100%;
}
.mp-treeview-container {
  background-color: #6D7584;
  max-width: 31rem;
  position: relative;
}
.mp-treeview-container.disabled {
  opacity: 0.5;
}
.mp-treeview-container.disabled .mp-treeview-treenode {
  cursor: default;
}
.mp-treeview-container.disabled .mp-treeview-treenode_selectable {
  pointer-events: none;
}
.mp-treeview-treenode.disabled {
  cursor: default;
  opacity: 0.5;
}
.mp-treeview-treenode.disabled .mp-treeview-treenode_selectable {
  pointer-events: none;
}
.mp-treeview-scroll {
  max-height: 18.75rem;
  overflow: auto;
  width: 100%;
}
.mp-treeview-node_bookmark {
  bottom: 1px;
  display: none;
  position: absolute;
  right: 1rem;
}
.mp-treeview-node_bookmark .fa {
  font-size: 1rem;
}
.mp-treeview-check {
  display: none !important;
}

body .mp-treeview .ui-widget-content {
  background: none;
  border: 0;
  overflow: hidden;
  width: 100%;
}

.ui-tree .ui-treenode-selectable.ui-treenode-content {
  position: relative;
}
.ui-tree .ui-treenode-selectable.ui-treenode-content:hover .mp-treeview-node_bookmark {
  display: block;
}
.ui-tree .ui-treenode .ui-treenode-content.ui-treenode-content-selected .ui-chkbox .ui-chkbox-box {
  border-color: #08CDFF !important;
}

.mp-treeview--hidden_toggle .ui-tree .ui-treenode-children {
  padding: 0 0 0 1.3rem;
}
.mp-treeview--hidden_toggle .ui-tree .ui-tree-container {
  padding: 6px 0 11px 14px;
}
.mp-treeview--hidden_toggle .ui-tree .ui-treenode {
  padding: 5px 0 0;
}

.mp-treeview--rounded {
  border-radius: 5px;
  display: block;
  overflow: hidden;
}

.ui-treenode-content-selected .mp-treeview-check--selected {
  display: block !important;
}
.ui-treenode-content-partial .mp-treeview-check--partial {
  display: block !important;
}
.mp-users-filter {
  background: white;
  background-image: url("../../../assets/images/brand-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}
.mp-users-filter:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mp-users-filter-container {
  display: inline-block;
  font-size: 1rem;
  max-width: 68rem;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.mp-users-filter-form {
  background-color: white;
  border-radius: 5px;
  box-shadow: 10px 40px 727px 0 rgba(0, 0, 0, 0.26);
  margin: 0 2.5rem;
  max-width: 576px;
  padding: 2rem 8.625rem 4rem;
  position: relative;
  width: 100%;
}
.mp-users-filter-title {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.25rem;
  margin: 0 0 2rem;
}
.mp-users-filter-field {
  font-size: 0.875rem;
  font-weight: 800;
  margin-bottom: 0.3125rem;
}
.mp-users-filter-list {
  margin: 1rem 0;
  max-height: 10.125rem;
  min-height: 4rem;
  overflow: auto;
  position: relative;
}
.mp-users-filter-items {
  list-style-type: none;
  max-width: 30rem;
  overflow: auto;
  padding: 0;
}
.mp-users-filter-item {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0.125rem 0.3125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-users-filter .ui-tabview.ui-tabview-top .ui-tabview-nav {
  border: 0;
  margin-bottom: 1.5rem;
}
.mp-users-filter .ui-tabview.ui-tabview-top .ui-tabview-nav li {
  border-bottom: 1px solid transparent;
  border-radius: 0.3125rem;
}
.mp-users-filter .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  border-bottom: 1px solid #DEDEDE;
}
.mp-users-filter .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}

@media (max-width: 767px) {
  .mp-users-filter-form {
    padding: 1rem 2rem;
  }
}
table .mp-amount_operatons {
  border: 0;
  min-width: 12rem;
  table-layout: auto;
  width: auto;
}
table .mp-amount_operatons tr {
  border: 0;
}
table .mp-amount_operatons td {
  border: 0;
}
table .mp-amount_operatons td:first-child {
  max-width: 3.5rem;
}
table .mp-amount_operatons td + td {
  padding-left: 0.3125rem;
}
table .mp-amount_operatons-value {
  color: #495366;
  font-weight: 800;
}
.mp-amount--is-bold {
  color: #495366;
  font-weight: 800;
}
.mp-amount--is-bonus {
  color: #08CDFF;
  font-weight: 800;
}
.badge {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 0.875rem;
  max-width: 100%;
  padding: 0.3rem 0.625rem 0.25rem;
}
.badge-danger {
  background: #FC6464;
}
.badge-warning {
  background: #FFAC23;
}
.badge-success {
  background: #6CD892;
}
.mp-card {
  display: inline-block;
}
.mp-card-icon {
  border: 2px solid #D8DDE5;
  border-radius: 0.3125rem;
  display: inline-block;
  height: 2.71875rem;
  text-align: center;
  width: 4.375rem;
}
.mp-card-img {
  height: 100%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 70%;
}
.mp-card-label {
  margin-left: 0.4rem;
  vertical-align: middle;
}
@media (max-width: 1199px) {
  .mp-card-label {
    display: block;
    margin-left: 0;
    text-align: center;
  }
}
.mp-instalment_payment {
  display: inline-block;
}
.mp-instalment_payment .fa-stack {
  height: 1.75rem;
  line-height: 1.75rem;
  width: 1.75rem;
}
.mp-instalment_payment-calendar {
  color: #08CDFF;
}
.mp-instalment_payment-type {
  bottom: 0.125rem;
  line-height: 0.875rem;
  margin: auto;
  position: absolute;
}
.mp-instalment_payment-label {
  bottom: -1px;
  position: relative;
  vertical-align: bottom;
}
@media (max-width: 1440px) {
  .mp-instalment_payment-calendar {
    font-size: 1.75rem;
  }
  .mp-instalment_payment-type {
    bottom: 0.25rem;
  }
  .mp-instalment_payment-label {
    bottom: 0.08333rem;
  }
}

.mp-datatable-field--instalmentPaymentType .mp-datatable-cell_data {
  overflow: visible;
}
.mp-item_link {
  align-items: center;
  color: #808EA9 !important;
  display: flex;
  font-size: 0.875rem;
  justify-content: flex-end;
}
.mp-item_link:hover {
  text-decoration: none;
}
.mp-item_link .fa {
  font-size: 1.125rem;
  margin-left: 0.75rem;
}
.mp-widget {
  background-color: white;
  border-radius: 0.3125rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.mp-widget--overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 111;
}
.mp-widget--overlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mp-widget--condensed {
  margin-bottom: 0;
}
.mp-widget-header {
  padding: 1.25rem 0.625rem 1rem 1.25rem;
}
.mp-widget-title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.mp-widget-options {
  margin-top: -1rem;
  position: relative;
}
.mp-widget-options .popover {
  left: auto !important;
  top: 0.625rem !important;
}
.mp-widget-options .popover:after {
  left: auto !important;
  right: 0;
  top: 0;
}
.mp-widget-link {
  display: inline-block;
  font-size: 0.875rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration: none;
  width: auto;
}
.mp-widget-link a {
  color: #808EA9 !important;
}
.mp-widget-tooltip_item {
  cursor: pointer;
  font-size: 0.875rem;
}
.mp-widget-tooltip_icon {
  align-self: center;
  height: 0.8125rem;
  margin-right: 0.2rem;
  width: 0.75rem;
}
.mp-widget-tooltip .mp-widget-tooltip_content {
  background: #2D3544;
  border-radius: 0.3125rem;
  color: white;
  font-size: 0.75rem;
  max-width: 8.5rem;
  min-width: 8.5rem;
  padding: 0.475rem 0.5625rem 0.5625rem 0.75rem;
  position: absolute;
  right: -0.125rem;
  top: 2.25rem;
  z-index: 11;
}
.mp-widget-help {
  color: rgba(19, 45, 97, 0.67);
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  white-space: normal;
  width: 1.4rem;
}
.mp-widget-help:hover {
  color: #495366;
}
.mp-widget-visor {
  border-color: #C1CADC;
  border-radius: 0.3125rem;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  line-height: 1rem;
  padding: 0.25rem;
}
.mp-widget-visor:hover {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
}
.mp-widget-visor.opened {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
}
.mp-widget-visor_content :last-of-type {
  border-bottom-right-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.mp-widget-visor_content :first-of-type {
  border-bottom-left-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.mp-widget-visor_chart {
  align-items: center;
  background-color: #495366;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  padding: 0.35rem;
}
.mp-widget-visor_chart.selected {
  color: #08CDFF;
}
.mp-widget-visor_chart:hover {
  background-color: #6D7584;
  border-color: #6D7584;
}
.mp-widget-visor_chart_icon {
  line-height: 1rem;
}
.mp-widget-footer .popover {
  border-style: none;
  margin-top: 0;
}
.mp-widget-footer .popover-body {
  background: transparent;
  color: white;
}
.mp-widget-footer .popover:after {
  content: none;
}
.mp-widget-footer .popover:before {
  display: none;
}
.mp-widget-footer_visors {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.mp-widget-content {
  height: 100%;
  min-height: 5rem;
  padding: 0 1.25rem 1.25rem;
  position: relative;
  z-index: 11;
}
.mp-widget-content .mp-tabs .nav-tabs {
  border-bottom: 1px solid #C1CADC;
}
.mp-widget-content .mp-tabs-item {
  background-color: #F0F3F8;
  border: 1px solid #C1CADC;
  border-bottom: 0;
  cursor: pointer;
  margin-left: 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-align: center;
}
.mp-widget-content .mp-tabs-item.active {
  border-color: #C1CADC;
}
.mp-widget--map .mp-widget-content {
  padding: 0 0 1.25rem;
}
.mp-widget_subtab {
  padding-right: 1rem;
}
.mp-widget_subtab + .mp-widget_subtab {
  padding-left: 1rem;
  padding-right: 0;
  position: relative;
}
.mp-widget_subtab + .mp-widget_subtab:before {
  background-color: #C1CADC;
  bottom: 0;
  content: "";
  display: block;
  height: 2rem;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 1px;
}
.mp-widget_tab-title {
  color: #495366;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
  text-transform: uppercase;
}
.mp-widget_tab-title + .mp-widget_tab-data {
  margin-top: 0.375rem;
}
.mp-widget_tab-data {
  color: #6555E2;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
}
.mp-widget_tab-data--alternative {
  color: #11A698;
}
.mp-widget_tab-data + .mp-widget_tab-data {
  margin-top: 0.25rem;
}
.mp-widget--fluid, .mp-widget--table {
  padding-left: 0;
  padding-right: 0;
}
.mp-widget--fluid .mp-alerts, .mp-widget--table .mp-alerts {
  padding: 0 1.25rem;
}
.mp-widget--fluid .mp-widget-header, .mp-widget--table .mp-widget-header {
  padding: 1.25rem 0.625rem 1rem 1.25rem;
}
.mp-widget--fluid .mp-widget-footer, .mp-widget--table .mp-widget-footer {
  margin-top: 0.3rem;
}
.mp-widget--fluid .mp-widget-content, .mp-widget--table .mp-widget-content {
  padding: 0;
}
.mp-widget--fluid .mp-datatable--widget_medium, .mp-widget--table .mp-datatable--widget_medium {
  max-height: 26rem;
}
.mp-widget--fluid.mp-widget--chart .mp-widget-content {
  padding-bottom: 1.5rem;
}
.mp-widget--chart .mp-widget-content {
  padding-bottom: 0;
}
.mp-widget--expand {
  border-radius: 0;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 0;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.mp-widget--expand .mp-billing-body_chart {
  height: calc(100% - 7.375rem);
}
.mp-widget--expand .mp-widget-header {
  padding-top: 2.75rem;
}
.mp-widget--expand .mp-widget-header, .mp-widget--expand .mp-widget-content, .mp-widget--expand .mp-widget-footer {
  margin: 0 9.375rem;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  .mp-widget--expand .mp-widget-header, .mp-widget--expand .mp-widget-content, .mp-widget--expand .mp-widget-footer {
    margin: 0 1rem;
  }
}
.mp-widget--expand .mp-widget-visor {
  bottom: 1rem;
  right: 1rem;
}
.mp-widget-footnote {
  font-size: 0.75rem;
  padding-left: 1px;
}
.mp-widget-footnote--highlighted {
  color: #6555E2;
  font-weight: 700;
}
.mp-widget-footnote--highlighted_second {
  color: #11A698;
  font-weight: 700;
}
.mp-widget .has-alerts .mp-tabs {
  display: none;
}
.mp-widget .has-alerts .mp-datatable {
  display: none !important;
}
@media (min-width: 1200px) {
  .mp-widget .mp-tabs-item + .mp-tabs-item {
    border-bottom-width: 0;
    border-left-width: 0;
  }
}
.mp-widget .mp-tabs-item.active:before {
  background-color: #6D7584;
  content: "";
  display: block;
  height: 0.25rem;
  left: -1px;
  position: absolute;
  top: -0.25rem;
  width: calc(100% + 0.125rem);
}
.mp-widget .mp-tabs-item.active:after {
  background-color: white;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 1199px) {
  .mp-widget .mp-tabs-item {
    height: auto;
  }
  .mp-widget .nav-tabs {
    flex-direction: column;
    height: 100%;
    padding: 0.5rem 0.5rem 0;
  }
  .mp-widget .mp-widget_tab--stacked {
    flex-direction: column;
    height: 100%;
    padding: 0.5rem 0.5rem 0;
  }
  .mp-widget .mp-widget_tab--stacked .mp-widget_subtab {
    padding-bottom: 1rem;
    padding-right: 0;
  }
  .mp-widget .mp-widget_tab--stacked .mp-widget_subtab + .mp-widget_subtab {
    padding: 0.625rem 0 0.5rem;
  }
  .mp-widget .mp-widget_tab--stacked .mp-widget_subtab + .mp-widget_subtab:before {
    height: 0.125rem;
    margin: 0;
    width: 100%;
  }
}

.row--stretch .mp-widget {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}
.row--stretch .mp-widget-wrapper {
  height: 100%;
  padding-bottom: 1.5rem;
}
.row--stretch .mp-widget-content {
  align-items: center;
  display: flex;
}
.row--stretch .mp-widget-content > * {
  width: 100%;
}
.row--stretch .mp-widget .lined_box {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.row--stretch .mp-widget--expand {
  height: auto !important;
}
.mp-alert_configuration_detail .break-badge::before {
  content: "\a";
  white-space: pre;
}
.mp-alert_configuration_detail .nav-tabs {
  border-bottom: 1px solid #495366;
  padding-top: 1.8rem;
}
.mp-alert_configuration_detail-container {
  background-color: white;
  overflow: hidden;
}
.mp-alert_configuration_detail-container .mp-tabs-item:first-child {
  margin-left: 1.25rem;
}
.mp-alert_configuration_detail-footer {
  background-color: #F0F3F8;
  bottom: 0;
  display: flex;
  height: 4.625rem;
  justify-content: flex-end;
  padding: 1.25rem;
  position: absolute;
  width: 100%;
}
.mp-alert_configuration_detail-actions {
  color: #808EA9;
  font-size: 0.75rem;
  padding: 0.5rem;
  text-align: end;
}
.mp-alert_configuration_detail-state {
  background-color: #F0F3F8;
  padding: 0.625rem 2rem;
}
.mp-alert_configuration_detail-content {
  height: calc(100vh - 7.5rem);
  margin-top: 0;
  overflow: auto;
}
.mp-alert_configuration_detail-form {
  padding: 2rem;
}
.mp-alert_configuration_detail-form_group {
  color: #373737;
  padding-bottom: 1.8rem;
}
.mp-alert_configuration_detail-form_group .mp-tooltip:hover .fa-question-circle {
  color: #2D3544;
}
.mp-alert_configuration_detail-form_group .mp-tooltip:hover .mp-tooltip-content {
  font-size: 0.75rem;
  left: 0;
  padding: 0.5rem 0.75rem;
  transform: translateX(-10%);
  width: 8.4375rem;
}
.mp-alert_configuration_detail-form_group .mp-tooltip .fa-question-circle {
  color: #A6AFC2;
  font-size: 0.875rem;
}
.mp-alert_configuration_detail-form_group_label {
  display: inline-block;
  font-weight: 700;
}
.mp-alert_configuration_detail-form_group_label + .mp-tooltip {
  margin-left: 0.3125rem;
}
.mp-alert_configuration_detail-form_group_text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
}
@media (max-width: 991px) {
  .mp-alert_configuration_detail-content {
    height: calc(100vh - 7.125rem);
  }
  .mp-alert_configuration_detail-form-group {
    overflow: visible;
    padding-bottom: 1.35rem;
    text-overflow: clip;
  }
  .mp-alert_configuration_detail-form-group-text {
    font-size: 1rem;
    white-space: normal;
  }
}
.mp-alert_configurations_summary {
  max-height: 5.5rem;
}
.mp-alert_configurations_summary-items {
  padding: 1rem;
}
.mp-alert_configurations_summary-item {
  color: #495366;
  margin-left: 3rem;
}
.mp-alert_configurations_summary-label {
  color: #495366;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
}
.mp-alert_configurations_summary-label_results {
  font-weight: 800;
}
.mp-alert_configurations_summary-count {
  color: #495366;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-top: 0.25rem;
}
.mp-alert_configurations_summary-count--featured {
  color: #0081D3;
}
.mp-surveys_dashboard .content .section_spinner {
  min-height: 6.25rem;
}
.mp-survey-badge--active {
  background-color: white;
  border: 1px solid #C1CADC;
  border-radius: 0.125rem;
  color: #6555E2;
  float: right;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1rem;
  padding: 0.5rem;
  white-space: nowrap;
}
.mp-surveys_dashboard_filters-period {
  min-width: 15rem;
}

@media (max-width: 767px) {
  .mp-surveys_dashboard_filters {
    display: block;
  }
  .mp-surveys_dashboard_filters-fields {
    display: block;
  }
  .mp-surveys_dashboard_filters .filter_grid-item {
    width: 100%;
  }
  .mp-surveys_dashboard_filters .filter_grid-item .mp-commerces-tree {
    width: 100%;
  }
  .mp-surveys_dashboard_filters .filter_grid-item .mp-commerces-tree-container {
    width: 19rem;
  }
  .mp-surveys_dashboard_filters .filter_grid-labels > * {
    display: block;
    margin-top: 0.5rem;
  }
  .mp-surveys_dashboard_filters .filter_grid-labels > *:first-child {
    margin-top: 0;
  }
  .mp-surveys_dashboard_filters .filter_grid-btn_search {
    margin: 0;
    width: 100%;
  }
  .mp-surveys_dashboard_filters-period {
    min-width: auto;
  }
  .mp-surveys_dashboard_filters .mp-commerces-tree-container {
    max-width: 26rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mp-surveys_dashboard_filters .filter_grid-actions {
    margin-top: 1.125rem !important;
  }
}
.mp-datatable_cell_comparer-value {
  position: relative;
}
.mp-datatable_cell_comparer-value + div {
  margin-top: 1.3rem;
}
.mp-datatable_cell_comparer-value:last-child {
  margin-bottom: 0;
}
.mp-datatable_cell_comparer-value:last-child:before {
  background-color: #11A698;
}
.mp-datatable_cell_comparer-value:only-child:before {
  width: 0;
}
.mp-datatable_cell_comparer-value:before {
  background-color: #6555E2;
  bottom: 0;
  content: "";
  height: 1.25rem;
  left: -1rem;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0.1875rem;
  z-index: 1;
}
.mp-datatable_cell_comparer-color {
  content: "";
  display: flex;
  flex-direction: column;
  left: -1rem;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1875rem;
  z-index: 11;
}
.mp-datatable_cell_comparer-color_item {
  height: 1.25rem;
  width: 0.1875rem;
}
.mp-datatable_cell_comparer-color_item + span {
  margin-top: 1.3rem;
}
.mp-datatable_cell_comparer--condensed .mp-datatable_cell_comparer-value {
  margin-bottom: 0.1rem;
}
.mp-dashboard_filters-selecteds {
  display: flex;
  padding-bottom: 0.75rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 3rem);
}
.mp-dashboard_filters-selecteds .popover .popover-body {
  background: #2D3544;
  color: white;
}
.mp-dashboard_filters .form-group:first-of-type {
  max-width: 23.5rem;
}
.mp-dashboard_filters-badge {
  align-items: center;
  display: flex;
  max-width: 18.75rem;
  position: relative;
}
.mp-dashboard_filters-badge--commerces {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-dashboard_filters-badge--commerces .mp-filter_badge {
  margin-right: 0;
}
.mp-dashboard_filters-badge .popover {
  left: auto !important;
  right: 0 !important;
}
.mp-dashboard_filters-badge .popover:after {
  left: auto !important;
  right: 0.1875rem;
}
.mp-dashboard_filters-badge .popover .popover-body {
  min-width: 21.25rem;
}
.mp-dashboard_filters-tooltip {
  background-color: #2D3544;
  padding: 1rem 0 1rem 1rem;
}
.mp-dashboard_filters-tooltip-title {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.125rem;
  margin-bottom: 0.5rem;
}
.mp-dashboard_filters-tooltip-items {
  list-style-type: none;
  margin: 0;
  max-height: 16.25rem;
  overflow: auto;
  padding: 0 0.75rem 0.25rem;
}
.mp-dashboard_filters-tooltip-item {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  padding: 0.25rem 0;
}
.mp-dashboard_filters-tooltip-item--alternative {
  font-weight: 700;
}
.mp-dashboard_filters-title {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.1875rem;
}
.mp-dashboard_filters-badges {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.mp-dashboard_filters-reset {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  top: 0;
}
.mp-dashboard_filters-reset > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-dashboard_filters-reset .fa {
  font-size: 1.125rem;
  margin-left: 0.125rem;
}
.mp-dashboard_filters-actions {
  display: flex;
  margin-top: 1.5rem;
}
.mp-dashboard_filters-item {
  background-color: #D8DDE5;
  border: 1px solid #495366;
  border-radius: 0.3125rem;
  cursor: pointer;
  display: block;
  height: 2.125rem;
  width: 2.125rem;
}
.mp-dashboard_filters-item .mp-tooltip-content {
  padding: 0.375rem 0.53125rem;
  white-space: nowrap;
}
.mp-dashboard_filters-item:hover {
  background-color: rgba(73, 83, 102, 0.2);
}
.mp-dashboard_filters-item:disabled {
  border-color: #A6AFC2;
}
.mp-dashboard_filters-item:disabled:hover {
  background-color: #D8DDE5;
}
.mp-dashboard_filters-item + .mp-dashboard_filters-item {
  margin-left: 1.5rem;
}
.mp-dashboard_filters-second_var .form-group-label {
  display: none;
}
.mp-dashboard_filters-offcommerces {
  max-height: 2.1875rem;
  padding: 0.5625rem 0.75rem;
}
.mp-dashboard_filters .mp-filter_panel .btn-search {
  bottom: auto;
  padding: 0.5rem 1rem;
  right: 1.5rem;
  top: 0.5rem;
}
.mp-dashboard_filters .mp-filter_panel-container {
  margin-bottom: 0;
  margin-top: 0.625rem;
  width: 100%;
}
.mp-dashboard_filters .mp-dashboard_filters-reset {
  top: -0.1875rem;
}
.mp-dashboard_filters .mp-dashboard_filters-reset > * {
  vertical-align: initial;
}
.mp-dashboard_filters .mp-calendar .hidden {
  display: block !important;
}
.mp-dashboard_filters .hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .mp-dashboard_filters-selecteds {
    flex-wrap: wrap;
  }
  .mp-dashboard_filters-badge {
    max-width: none;
    padding-bottom: 0.5rem;
    width: 100%;
  }
  .mp-dashboard_filters-badge--commerces {
    width: calc(100% - 56px);
  }
  .mp-dashboard_filters-badge--commerces.expanded {
    width: 100%;
  }
  .mp-dashboard_filters-badge--indicator {
    width: auto;
  }
}
@media (max-width: 991px) {
  .mp-dashboard_filters {
    margin: 0;
  }
  .mp-dashboard_filters-selecteds {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mp-dashboard_filters-selecteds {
    width: calc(100% - 3rem);
  }
}
.mp-ine_filters-fields {
  align-items: flex-end;
}
.mp-ine_filters .filter_grid-item {
  line-height: 0.75rem;
}
.mp-ine_filters .form-error {
  bottom: 0;
  font-size: 0.75rem;
  position: absolute;
  transform: translateY(100%);
}
.mp-ine_filters .mp-autocomplete_text-input {
  min-width: 19rem;
  width: 100%;
}
@media (max-width: 767px) {
  .mp-ine_filters .mp-ine_filters-fields {
    flex-direction: column;
  }
  .mp-ine_filters .filter_grid-item {
    width: 100%;
  }
  .mp-ine_filters .filter_grid-actions {
    width: 100%;
  }
  .mp-ine_filters .filter_grid-btn_search {
    width: 100%;
  }
}
.mp-dashboard_new-content .mp-widget-footnote {
  bottom: -0.4rem;
  position: absolute;
}
.mp-dashboard_new-content .lined_box .mp-widget-footnote {
  align-self: normal;
  margin-top: auto;
  padding-bottom: 0.325rem;
  padding-left: 0.325rem;
  position: relative;
}
.mp-dashboard_new-content .mp-datatable + .mp-widget-footnote {
  padding-left: 1.3rem;
}
.mp-financial_product_detail-container {
  margin: 0 auto;
  max-width: 70rem;
  padding: 3rem 1.5rem;
}
@media (max-width: 767px) {
  .mp-financial_product_detail-container {
    padding: 1rem 1.5rem;
  }
}
.mp-financial_product_detail-content {
  padding: 0 2rem 1rem 0;
}
@media (max-width: 767px) {
  .mp-financial_product_detail-content {
    padding: 0 0 1rem;
  }
}
.mp-financial_product_detail-content--bordered {
  border-left: 1px solid #C1CADC;
  padding-left: 2rem;
  padding-right: 0;
}
@media (max-width: 767px) {
  .mp-financial_product_detail-content--bordered {
    border-left: 0;
    border-top: 1px solid #C1CADC;
    padding: 0.35rem 0 0.5rem;
  }
}
.mp-financial_product_detail-image img {
  max-width: 100%;
  width: 100%;
}
.mp-financial_product_detail-image + div {
  margin-left: 2rem;
}
.mp-financial_product_detail-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
}
.mp-financial_product_detail-subtitle {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.5rem 0 0.75rem;
  text-transform: uppercase;
}
.mp-financial_product_detail-text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
}
.mp-financial_product_detail-label {
  display: inline-block;
  font-weight: 700;
  margin: 0;
}
.mp-financial_product_detail-label + .mp-tooltip {
  margin-left: 0.3125rem;
}
.mp-financial_product_detail-box {
  padding: 0 0 1.5rem;
}
@media (max-width: 767px) {
  .mp-financial_product_detail-box {
    padding: 0;
  }
}
.mp-financial_product_detail-box--bordered {
  border-top: 1px solid #C1CADC;
  padding-top: 0.35rem;
}
@media (max-width: 767px) {
  .mp-financial_product_detail-box--bordered {
    padding-top: 0.1rem;
  }
}
.mp-financial_product_detail-gallery {
  display: flex;
  padding: 2rem;
}
.mp-financial_product_detail-thumbs {
  flex: 1 0 auto;
  margin: 0;
  max-width: 10rem;
  padding: 0;
}
.mp-financial_product_detail-thumbs_item {
  cursor: pointer;
  display: block;
  list-style-type: none;
  margin-top: 1.5rem;
}
.mp-financial_product_detail-thumbs_item:first-child {
  margin-top: 0;
}
.mp-financial_product_detail-thumbs_item img {
  max-width: 100%;
  width: 100%;
}
.mp-financial_product_detail-selected_image {
  flex: 1 0 0;
  margin-left: 3rem;
}
.mp-financial_product_detail-selected_image img {
  max-width: 100%;
  width: 100%;
}
.mp-financial_product_detail-documents {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 2rem 0;
}
.mp-financial_product_detail-documents_icon {
  color: #C1CADC;
  display: block;
  font-size: 7rem;
  text-align: center;
}
.mp-financial_product_detail-documents_name {
  margin: 0.5rem 0;
  text-align: center;
}
.mp-financial_product_detail-documents_item {
  list-style-type: none;
  margin-left: 3rem;
  text-align: center;
}
.mp-financial_product_detail-documents_item:first-child {
  margin-left: 0;
}
.mp-financial_product_detail-item {
  padding-bottom: 1rem;
}
.mp-financial_product_detail-navigation {
  align-items: flex-start;
  display: flex;
  padding: 0.5rem;
  width: 100%;
}
.mp-financial_product_detail-root {
  align-self: center;
  color: #A6AFC2;
  padding-left: 1rem;
}
.mp-financial_product_detail-commerces .mp-commerces-tree {
  width: 100%;
}
.mp-financial_product_detail-back .fa {
  font-size: 1.2rem;
}
.mp-financial_product_detail .mp-tooltip:hover .fa-question-circle {
  color: #2D3544;
}
.mp-financial_product_detail .mp-tooltip:hover .mp-tooltip-content {
  font-size: 0.75rem;
  left: 0;
  padding: 0.5rem 0.75rem;
  transform: translateX(-80%);
  width: 8.4375rem;
}
@media (max-width: 767px) {
  .mp-financial_product_detail .mp-tooltip:hover .mp-tooltip-content {
    transform: translateX(-10%);
  }
}
.mp-financial_product_detail .mp-tooltip .fa-question-circle {
  color: #A6AFC2;
  font-size: 0.875rem;
}
.mp-financial_product_detail-read_more {
  float: right;
  padding-top: 0.5rem;
}
.mp-financial_product_detail .read-more-state {
  display: none;
}
.mp-financial_product_detail .read-more-trigger {
  color: #A6AFC2;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9em;
  line-height: 2;
  padding: 0 0.5em;
}
.mp-financial_product_detail .read-more-trigger:hover {
  color: #2D3544;
}

@media (max-width: 575px) {
  .mp-financial_product_detail-gallery {
    display: block;
  }
  .mp-financial_product_detail-thumbs {
    align-items: stretch;
    display: flex;
    width: 100%;
  }
  .mp-financial_product_detail-thumbs_item {
    flex: 1 1 0;
    margin-left: 1.5rem;
    margin-top: 0;
  }
  .mp-financial_product_detail-thumbs_item:first-child {
    margin-left: 0;
  }
  .mp-financial_product_detail-selected_image {
    margin-left: 0;
    margin-top: 3rem;
  }
  .mp-financial_product_detail-documents_item {
    max-width: 50%;
  }
}
.mp-financial_product_list_view {
  align-content: center;
  background: white;
  border: 1px solid #C1CADC;
  border-radius: 0.3125rem;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 1rem;
}
.mp-financial_product_list_view-image {
  align-items: flex-start;
  display: flex;
  flex: 0 0 33%;
}
.mp-financial_product_list_view-image img {
  max-width: 100%;
  width: 100%;
}
.mp-financial_product_list_view-image + div {
  flex: 1 0 0;
  margin-left: 1rem;
}
.mp-financial_product_list_view-name {
  color: #2D3544;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.mp-financial_product_list_view-summary {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.75rem;
}

@media (min-width: 992px) {
  .mp-financial_product_list_view {
    padding: 1.5rem 1rem 1.5rem 1.5rem;
  }
}
.mp-financial_products-spinner {
  min-height: 12.5rem;
  position: relative;
}
.mp-financial_products-category {
  border-bottom: 1px solid #C1CADC;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
}
.mp-financial_products-category:last-child {
  border-bottom: 0;
}
.mp-financial_products-category_title {
  color: #495366;
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
.mp-financial_products-items {
  display: block;
}
.mp-financial_products-item {
  color: inherit;
  display: block;
  margin-bottom: 1rem;
  max-width: 100%;
}
.mp-financial_products-item:hover {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 576px) {
  .mp-financial_products-items {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mp-financial_products-item {
    flex: 0 0 auto;
    margin-left: 1rem;
    width: calc(50% - 1rem);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mp-financial_products-item:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .mp-financial_products-item {
    max-width: calc(33.33% - 0.67rem);
  }
  .mp-financial_products-item:nth-child(3n+1) {
    margin-left: 0;
  }
}
.mp-operations_summary_tooltip {
  color: white;
  font-size: 0.8125rem;
  font-weight: 300;
}
.mp-operations_summary_tooltip:hover .mp-operations_summary_tooltip-icon {
  color: #495366;
}
.mp-operations_summary_tooltip-icon {
  color: #A6AFC2;
}
.mp-operations_summary_tooltip-content {
  max-height: 20rem;
  min-width: 14rem;
  overflow-y: auto;
}
.mp-operations_summary_tooltip-label {
  margin-right: 0.25rem;
}
.mp-operations_summary_tooltip-bold, .mp-operations_summary_tooltip-header {
  font-weight: 800;
}
.mp-operations_summary_tooltip-header {
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.mp-operations_summary_tooltip-header span .ml-auto {
  padding-left: 1rem;
}
.mp-operations_summary_tooltip-row {
  margin-bottom: 0.3rem;
}
.mp-operations_summary_tooltip-row:last-child {
  margin-bottom: 0;
}
.mp-operations_summary_tooltip-separator {
  background: white;
  margin: 0;
  opacity: 0.38;
  padding: 0;
}
.mp-operations_summary_tooltip {
  color: white;
  font-size: 0.8125rem;
  font-weight: 300;
}
.mp-operations_summary_tooltip:hover .mp-operations_summary_tooltip-icon {
  color: #495366;
}
.mp-operations_summary_tooltip-icon {
  color: #A6AFC2;
}
.mp-operations_summary_tooltip-content {
  max-height: 20rem;
  min-width: 14rem;
  overflow-y: auto;
}
.mp-operations_summary_tooltip-label {
  color: #495366;
  margin-right: 0.25rem;
}
.mp-operations_summary_tooltip-bold, .mp-operations_summary_tooltip-header {
  font-weight: 800;
}
.mp-operations_summary_tooltip-header {
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.mp-operations_summary_tooltip-header span.ml-auto {
  padding-left: 1rem;
}
.mp-operations_summary_tooltip-row {
  margin-bottom: 0.3rem;
}
.mp-operations_summary_tooltip-row:last-child {
  margin-bottom: 0;
}
.mp-operations_summary_tooltip-separator {
  background: white;
  margin: 0;
  opacity: 0.38;
  padding: 0;
}
.mp-operation_pdf_container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-height: calc(100vh - 7.5rem);
  overflow: auto;
  padding: 2rem 0;
}
.mp-operation_pdf_container .ticket-wrapper {
  align-self: auto;
  width: 100%;
  max-width: none;
  margin-top: 0;
}
.mp-operation_pdf_container .ticket-box {
  padding-bottom: clamp(0.75rem, 2vh, 1rem);
  margin: 0 auto;
  border-radius: 0.75rem;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
}
.mp-operation_pdf_container .pdf-canvas-wrapper {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
.mp-operation_pdf_container .pdf-canvas-wrapper::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 10px;
  background: white;
  -webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
  z-index: 1;
}
.mp-operation_pdf_container .pdf-canvas {
  background: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 350px;
  height: auto;
  margin-bottom: 0 !important;
  display: block;
}
.mp-operation_pdf_container .ticket-loading,
.mp-operation_pdf_container .ticket-error-message {
  width: 100%;
  min-height: calc(100vh - 7.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-operation_pdf_container .btn-container {
  text-align: right;
  margin-top: clamp(2rem, 5vh, 5rem);
  width: 100%;
  padding: 0 1rem;
}
.mp-operation_pdf_container .btn {
  background-color: #3d4957;
  color: white;
  padding: 0.5rem 1.25rem;
  font-weight: 500;
  border-radius: 0.375rem;
}
.mp-operation_pdf_container .btn:hover {
  background-color: rgb(39.9797297297, 47.8445945946, 57.0202702703);
}

.ticket-error-message {
  padding: 2rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
  background-color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.mp-operation_detail .nav-tabs {
  padding-top: 1.8rem;
}
.mp-operation_detail-rejections .mp-datatable-field--rejectionReason {
  padding-right: 1rem;
}
.mp-operation_detail-rejections .mp-datatable-cell_data {
  white-space: normal;
}
.mp-operation_detail-container {
  background-color: white;
  overflow: hidden;
}
.mp-operation_detail-container .mp-tabs-item:first-child {
  margin-left: 1.25rem;
}
.mp-operation_detail-content {
  height: calc(100vh - 7.5rem);
  margin-top: 0;
  overflow: auto;
  padding-top: 1rem;
}
.mp-operation_detail-credit_card {
  background: url("../../../../assets/images/operations/credit_card.svg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 23.8rem;
  position: relative;
}
.mp-operation_detail-form--primary {
  padding: 2rem 2.5rem;
}
.mp-operation_detail-form--secondary {
  padding: 2rem;
}
.mp-operation_detail-form-group {
  overflow: hidden;
  padding-bottom: 1.35rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-operation_detail-form-group--bonus {
  padding-bottom: 0.3125rem;
}
.mp-operation_detail-form-group--bonus .mp-operation_detail-form-group-text--secondary {
  display: block;
}
.mp-operation_detail-form-group-label {
  color: white;
  display: block;
  font-weight: 700;
  margin-bottom: 0.3875rem;
}
.mp-operation_detail-form-group-text {
  display: block;
  font-weight: 400;
}
.mp-operation_detail-form-group-text--primary {
  color: #373737;
  display: inline-block;
  font-family: "PTMono";
  font-size: 2.625rem;
  line-height: 2.625rem;
  margin: 0;
}
.mp-operation_detail-form-group-text--secondary {
  color: #373737;
  display: inline-block;
  font-family: "PTMono";
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  margin: 0;
}
.mp-operation_detail-info-form-group {
  color: #373737;
  padding: 0.125rem 0.25rem 1.8rem;
}
.mp-operation_detail-info-form-group-label {
  display: inline-block;
  font-weight: 700;
}
.mp-operation_detail-info-form-group-label + .mp-tooltip {
  margin-left: 0.3125rem;
}
.mp-operation_detail-info-form-group-text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
}
.mp-operation_detail-info-form-group .mp-tooltip:hover .fa-question-circle {
  color: #2D3544;
}
.mp-operation_detail-info-form-group .mp-tooltip:hover .mp-tooltip-content {
  font-size: 0.75rem;
  left: 0;
  padding: 0.5rem 0.75rem;
  transform: translateX(-10%);
  width: 8.4375rem;
}
.mp-operation_detail-info-form-group .mp-tooltip .fa-question-circle {
  color: #A6AFC2;
  font-size: 0.875rem;
}
.mp-operation_detail-info-form-group .mp-datatable-cell_data {
  white-space: normal;
}
.mp-operation_detail-label--danger {
  background-color: #FC6464;
  border-radius: 0.3rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.3rem 1rem 0.25rem;
}
.mp-operation_detail-card_img {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 6.875rem;
}
.mp-operation_detail-linked_ops {
  display: none;
}
.mp-operation_detail-linked_ops--visible {
  display: block;
}
@media (max-width: 767px) {
  .mp-operation_detail-content {
    height: calc(100vh - 8.25rem);
    padding-bottom: 5rem;
  }
  .mp-operation_detail-form--primary {
    height: 100%;
    padding: 1rem 2.5rem;
  }
  .mp-operation_detail-form--primary > .row {
    flex-flow: column;
    height: 100%;
    justify-content: space-between;
  }
  .mp-operation_detail-form--secondary {
    padding: 1rem;
  }
  .mp-operation_detail-form-group {
    padding-bottom: 0.5rem;
  }
  .mp-operation_detail-form-group-text--primary {
    font-size: 1.65rem;
  }
  .mp-operation_detail-form-group-text--secondary {
    font-size: 1.25rem;
  }
  .mp-operation_detail-form-group-label {
    margin-bottom: 0.1rem;
  }
  .mp-operation_detail .mp-tooltip:hover .mp-tooltip-content {
    transform: translateX(-80%);
  }
  .mp-operation_detail .break-badge::before {
    content: "\a";
    white-space: pre;
  }
}

.mp-operation_detail_refund_ok {
  background: url("../../../../assets/images/operations/ic-xxx_ending_ok.png");
  background-repeat: no-repeat;
  height: 100px;
  position: relative;
  margin: 0 auto;
  width: 100px;
  top: 250px;
}

.mp-operation_detail_refund_ko {
  background: url("../../../../assets/images/operations/ic-header_placeholder.png");
  background-repeat: no-repeat;
  height: 100px;
  position: relative;
  margin: 0 auto;
  width: 100px;
  top: 250px;
}

.mp-operation_detail-button {
  position: absolute;
  bottom: 100px;
  right: 20px;
}

.mp-operation_detail-container {
  background-color: white;
}

.refund-list-container {
  max-height: 70vh;
  overflow-y: auto;
  padding: 0 1.5rem;
}

.mp-link {
  color: #6c757d;
  font-weight: 600;
  cursor: pointer;
}
.mp-link:hover {
  text-decoration: underline;
}

.refund-item {
  padding: 1.5rem 1.5rem 0 1.5rem;
  border-bottom: 1px solid #f0f3f8;
}
.refund-item:last-child {
  border-bottom: none;
}

:host ::ng-deep .refunds-tab-content {
  height: auto;
  overflow: visible;
}
:host ::ng-deep .refunds-tab-content .mp-link {
  color: #6c757d;
  font-weight: 600;
  text-decoration: none;
}
:host ::ng-deep .refunds-tab-content .mp-link:hover {
  text-decoration: underline;
}
:host ::ng-deep .refunds-tab-content .mp-operation_detail-info-form-group {
  padding-bottom: 0.75rem !important;
}
:host ::ng-deep .refunds-tab-content .badge {
  color: white !important;
}
:host ::ng-deep .refunds-tab-content .border-bottom-dashed {
  border-bottom: 2px dashed #f0f3f8;
}
:host ::ng-deep .refunds-tab-content .refund-card {
  transition: background-color 0.2s ease;
}
:host ::ng-deep .refunds-tab-content .refund-card .row {
  margin-left: 0;
  margin-right: 0;
}
:host ::ng-deep .refunds-tab-content .refund-card .row > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.mp-operations {
  display: block;
  flex-direction: column;
  position: relative;
}

.mp-amount_filter-input {
  padding: 5px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.mp-oplist {
  min-height: 6.5rem;
  overflow-x: auto !important;
}
.mp-oplist > * {
  min-width: 87.5rem;
}
@media (max-width: 991px) {
  .mp-oplist > * {
    min-width: 0;
  }
}
.mp-oplist-day {
  display: inline-block;
  margin-right: 0.25rem;
}
@media (max-width: 767px) {
  .mp-oplist-day {
    color: #6D7584;
    padding: 0.1rem 0.6rem;
  }
}
.mp-oplist .mp-datatable-field {
  width: 12.9375rem;
}
@media (max-width: 767px) {
  .mp-oplist .mp-datatable-field {
    width: auto;
  }
}
.mp-oplist .mp-datatable-field--cardPaymentMethod, .mp-oplist .mp-datatable-field--cardNumber {
  width: 12rem;
}
.mp-oplist .mp-filter-channel {
  margin: 0 1.875rem;
}
.mp-operation_summary {
  max-height: 5.5rem;
}
.mp-operation_summary--left_column {
  flex: 0 0 51%;
  max-width: 51%;
  width: 100%;
}
@media (max-width: 1199px) {
  .mp-operation_summary--left_column .mp-operation_summary-label {
    font-size: 0.7rem;
  }
  .mp-operation_summary--left_column .mp-operation_summary-count {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.mp-operation_summary--right_column {
  flex: 0 0 49%;
  max-width: 49%;
  width: 100%;
}
@media (max-width: 1199px) {
  .mp-operation_summary--right_column .mp-operation_summary-label {
    font-size: 0.7rem;
  }
  .mp-operation_summary--right_column .mp-operation_summary-count {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.mp-operation_summary-items {
  padding: 1rem;
}
.mp-operation_summary-item {
  color: #495366;
  margin-left: 2rem;
}
@media (max-width: 1440px) {
  .mp-operation_summary-item {
    margin-left: 0.8rem;
  }
}
@media (max-width: 1199px) {
  .mp-operation_summary-item {
    margin-left: 0.1rem;
  }
}
.mp-operation_summary-label {
  color: #495366;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
}
.mp-operation_summary-label_results {
  font-weight: 800;
}
.mp-operation_summary-help {
  margin-left: 0.3125rem;
}
.mp-operation_summary-count {
  color: #495366;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-top: 0.25rem;
}
@media (max-width: 1679px) {
  .mp-operation_summary-count {
    font-size: 1.8rem;
  }
}
.mp-operation_summary-count--featured {
  color: #0081D3;
}
.mp-operation_summary .mp-tooltip:hover .fa-question-circle {
  color: #2D3544;
}
.mp-operation_summary .mp-tooltip:hover .mp-tooltip-content {
  font-size: 0.8125rem;
  left: 0;
  right: auto !important;
  transform: translateX(-10%);
  padding: 0.5rem 0.75rem;
}
.mp-operation_summary .mp-tooltip .fa-question-circle {
  color: #A6AFC2;
  font-size: 0.875rem;
}
.mp-operation_summary-tooltip {
  margin-left: 0.3125rem;
}
.mp-operation_summary-tooltip--small .mp-tooltip-content {
  width: 9rem;
}
.mp-payment_detail {
  position: relative;
}
.mp-payment_detail .mp-sidepanel-content {
  width: 57rem;
}
.mp-payment_detail-topbar {
  background: #F0F3F8;
  height: 4.9375rem;
}
.mp-payment_detail-container {
  background-color: white;
  overflow: hidden;
}
.mp-payment_detail-content {
  height: calc(100vh - 8.375rem);
  margin-top: 0;
  overflow: auto;
}
.mp-payment_detail-content .mp-datatable-row {
  cursor: default !important;
}
.mp-payment_detail-content > .mp-datatable-body_scroll > table > tbody > .mp-datatable-row:hover {
  background-color: white;
}

@media (max-width: 917px) {
  .mp-payment_detail .mp-sidepanel-content {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .mp-payment_detail-topbar {
    height: auto;
  }
  .mp-payment_detail-content {
    height: calc(100vh - 2.1875rem);
  }
}
@media (max-width: 917px) {
  .mp-payment_detail_header-back_button {
    display: block;
  }
}
.mp-payments_summary_tooltip {
  color: white;
  font-size: 0.8125rem;
  font-weight: 300;
}
.mp-payments_summary_tooltip:hover .mp-payments_summary_tooltip-icon {
  color: #495366;
}
.mp-payments_summary_tooltip:hover:before {
  top: 0.8rem !important;
}
.mp-payments_summary_tooltip:hover .mp-tooltip-content {
  top: 1.5rem;
}
.mp-payments_summary_tooltip-icon {
  color: #A6AFC2;
}
.mp-payments_summary_tooltip-content {
  max-height: 20rem;
  min-width: 14rem;
  overflow-y: auto;
}
.mp-payments_summary_tooltip-label {
  margin-right: 0.25rem;
}
.mp-payments_summary_tooltip-bold, .mp-payments_summary_tooltip-header {
  font-weight: 800;
}
.mp-payments_summary_tooltip-header {
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.mp-payments_summary_tooltip-header span.ml-auto {
  padding-left: 1rem;
}
.mp-payments_summary_tooltip-row {
  margin-bottom: 0.3rem;
}
.mp-payments_summary_tooltip-row:last-child {
  margin-bottom: 0;
}
.mp-payments_summary_tooltip-separator {
  background: white;
  margin: 0;
  opacity: 0.38;
  padding: 0;
}
.mp-payments_summary {
  max-height: 5.5rem;
}
.mp-payments_summary-items {
  padding: 1rem;
}
.mp-payments_summary-item {
  color: #495366;
  margin-left: 3rem;
}
.mp-payments_summary-label {
  color: #495366;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
}
.mp-payments_summary-label_results {
  font-weight: 800;
}
.mp-payments_summary-count {
  color: #495366;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-top: 0.25rem;
}
.mp-payments_summary-count--featured {
  color: #0081D3;
}
.mp-payments_summary_tooltip {
  color: #6D7584;
  display: inline-block;
  padding-top: 0.8rem;
}
.mp-payments_summary_tooltip:hover {
  color: #495366;
}
.mp-payments_summary_tooltip-label {
  color: #6D7584;
  display: inline-block;
  font-size: 0.875rem;
}
.mp-payments_summary_tooltip-label:hover {
  color: #495366;
}
.mp-terminal_detail .break-badge::before {
  content: "\a";
  white-space: pre;
}
.mp-terminal_detail .nav-tabs {
  border-bottom: 1px solid #495366;
  padding-top: 1.8rem;
}
.mp-terminal_detail .nav-tabs .nav-item .nav-link {
  border-color: #495366 #495366 white;
}
.mp-terminal_detail .nav-tabs .nav-item .nav-link.active {
  color: black;
}
.mp-terminal_detail .nav-tabs .nav-item:first-child .nav-link {
  border-color: #495366 #495366 white white;
  border-radius: 0 0.25rem 0 0;
}
.mp-terminal_detail-container {
  background-color: white;
  overflow: hidden;
}
.mp-terminal_detail-container .mp-tabs-item:first-child {
  margin-left: 1.25rem;
}
.mp-terminal_detail-content {
  height: calc(100vh - 7.5rem);
  margin-top: 0;
  overflow: auto;
  padding-top: 1rem;
}
.mp-terminal_detail-image {
  position: relative;
}
.mp-terminal_detail-model_type {
  background-repeat: no-repeat;
  background-size: cover;
  height: 23.8rem;
  position: relative;
}
.mp-terminal_detail-form--primary {
  padding: 2rem 2.5rem;
}
.mp-terminal_detail-form--secondary {
  padding: 2rem;
}
.mp-terminal_detail-form-group {
  overflow: hidden;
  padding-bottom: 1.35rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-terminal_detail-form-group--bonus {
  padding-bottom: 0.3125rem;
}
.mp-terminal_detail-form-group--bonus .mp-terminal_detail-form-group-text--secondary {
  display: block;
}
.mp-terminal_detail-form-group-label {
  color: white;
  display: block;
  font-weight: 700;
  margin-bottom: 0.3875rem;
}
.mp-terminal_detail-form-group-text {
  display: block;
  font-weight: 400;
}
.mp-terminal_detail-form-group-text--primary {
  color: #373737;
  display: inline-block;
  font-family: "PTMono";
  font-size: 2.625rem;
  line-height: 2.625rem;
  margin: 0;
}
.mp-terminal_detail-form-group-text--secondary {
  color: #373737;
  display: inline-block;
  font-family: "PTMono";
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  margin: 0;
}
.mp-terminal_detail-info-form-group {
  color: #373737;
  padding-bottom: 1.8rem;
}
.mp-terminal_detail-info-form-group-label {
  display: inline-block;
  font-weight: 700;
}
.mp-terminal_detail-info-form-group-label + .mp-tooltip {
  margin-left: 0.3125rem;
}
.mp-terminal_detail-info-form-group-text {
  display: block;
  font-size: 1rem;
  font-weight: 300;
}
.mp-terminal_detail-info-form-group .mp-tooltip:hover .fa-question-circle {
  color: #2D3544;
}
.mp-terminal_detail-info-form-group .mp-tooltip:hover .mp-tooltip-content {
  font-size: 0.75rem;
  left: 0;
  padding: 0.5rem 0.75rem;
  transform: translateX(-10%);
  width: 8.4375rem;
}
.mp-terminal_detail-info-form-group .mp-tooltip .fa-question-circle {
  color: #A6AFC2;
  font-size: 0.875rem;
}
.mp-terminal_detail-label--danger {
  background-color: #FC6464;
  border-radius: 0.3rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.3rem 1rem 0.25rem;
}
.mp-terminal_detail-card_img {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 6.875rem;
}
@media (max-width: 991px) {
  .mp-terminal_detail-content {
    height: calc(100vh - 7.125rem);
  }
  .mp-terminal_detail-credit_card {
    border-radius: 0.3125rem;
    height: auto;
    margin: 1rem;
  }
  .mp-terminal_detail-form-group {
    overflow: visible;
    padding-bottom: 1.35rem;
    text-overflow: clip;
  }
  .mp-terminal_detail-form-group-text--primary {
    font-size: 2rem;
    white-space: normal;
  }
}
.mp-terminals {
  position: relative;
  height: 100%;
}
.mp-terminals_table-container {
  position: relative;
  height: 100%;
  overflow: auto;
  background: #fff;
  border-top: 1px solid #eaeff4;
}
.mp-terminals .mp-loading-overlay {
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  color: #00a4e4;
}
.mp-terminals .mp-datatable-table {
  width: 100%;
  min-width: 1200px;
  table-layout: fixed !important;
  border-collapse: collapse;
  margin-bottom: 0;
}
.mp-terminals .mp-datatable-table thead th.mp-datatable-head_cell {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 1px 0 #dbe2e8;
  border-bottom: 1px solid #eaeff4;
  border-top: none;
  padding: 12px 8px;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: 700;
  color: #5e6e82;
  white-space: nowrap !important;
  text-align: left !important;
  transition: background-color 0.2s;
}
.mp-terminals .mp-datatable-table thead th.mp-datatable-head_cell:hover {
  background-color: #f8f9fa;
}
.mp-terminals .mp-datatable-table tbody td.mp-datatable-cell {
  padding: 12px 8px;
  vertical-align: middle;
  border-bottom: 1px solid #eaeff4;
  font-size: 0.85rem;
  color: #333;
  text-align: left;
}
.mp-terminals .mp-datatable-table tbody td.mp-datatable-cell .mp-datatable-cell_data {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-terminals .mp-datatable-table tbody td.mp-datatable-cell .badge {
  font-size: 11px;
  padding: 4px 8px;
}
.mp-terminals .mp-datatable-table tbody tr.mp-datatable-row:hover {
  background-color: #f5fcfd;
}
.mp-terminals .mp-datatable-table [class*="--commerceName"] {
  width: 17% !important;
}
.mp-terminals .mp-datatable-table [class*="--commerceId"] {
  width: 9% !important;
}
.mp-terminals .mp-datatable-table [class*="--serialNumber"] {
  width: 10% !important;
}
.mp-terminals .mp-datatable-table [class*="--modelDescription"] {
  width: 9% !important;
}
.mp-terminals .mp-datatable-table [class*="--state"] {
  width: 14% !important;
}
.mp-terminals .mp-datatable-table thead th.mp-datatable-head_cell[class*="--state"] {
  text-align: left !important;
}
.mp-terminals .mp-datatable-table tbody td.mp-datatable-cell[class*="--state"] {
  text-align: center !important;
}
.mp-terminals .mp-datatable-table [class*="--installationDate"] {
  width: 9% !important;
}
.mp-terminals .mp-datatable-table [class*="--locality"] {
  width: 8% !important;
}
.mp-terminals .mp-datatable-table [class*="--address"] {
  width: 10% !important;
}
.mp-terminals .mp-datatable-table [class*="--postalCode"] {
  width: 8% !important;
}
.mp-terminals .mp-datatable-table [class*="--alias"] {
  width: 6% !important;
}
.mp-terminals-filter_date {
  max-width: 50%;
}
.mp-terminals-filters_reset {
  color: #808EA9;
  cursor: pointer;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  top: -0.1875rem;
}
.mp-terminals-filters_reset > * {
  display: inline-block;
  vertical-align: initial;
}
.mp-terminals-filters_reset .fa {
  font-size: 1.125rem;
  margin-left: 0.125rem;
}
.mp-terminals_summary {
  max-height: 5.5rem;
}
.mp-terminals_summary-items {
  padding: 1rem;
}
.mp-terminals_summary-item {
  color: #495366;
  margin-left: 3rem;
}
.mp-terminals_summary-label {
  color: #495366;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
}
.mp-terminals_summary-label_results {
  font-weight: 800;
}
.mp-terminals_summary-count {
  color: #495366;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.25rem;
  margin-top: 0.25rem;
}
.mp-terminals_summary-count--featured {
  color: #0081D3;
}
.mp-widget--expand .mp-billing-body {
  height: 100%;
}

.mp-billing {
  height: 100%;
  padding: 0.75rem 1.625rem 0;
}
@media (max-width: 991px) {
  .mp-billing {
    padding: 0;
  }
}
.mp-billing-body_summary {
  border-bottom: 1px solid #DFDFDF;
}
.mp-billing-body_summary .mp-billing-summary_title {
  color: #373737;
  font-size: 0.875rem;
}
.mp-billing-body_summary .mp-billing-summary_billing .mp-billing-summary_amount {
  color: #6555E2;
  font-size: 1.5rem;
  font-weight: 700;
}
.mp-billing-body_summary .mp-billing-summary_operations .mp-billing-summary_amount {
  color: #ABA0FD;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: right;
}
.mp-billing-body_summary .mp-billing-summary_currency {
  font-size: 0.875rem;
}
.mp-billing-navigator {
  bottom: 2.75rem;
  display: block;
  height: 5.25rem;
  opacity: 0.74;
  position: absolute;
  width: 100%;
}
@media (max-width: 991px) {
  .mp-billing-navigator {
    display: none;
  }
}
.mp-billing-navigator_dates {
  display: block;
  height: 100%;
  position: relative;
}
.mp-billing-navigator_date {
  color: #373737;
  font-size: 0.875rem;
  position: absolute;
  top: calc(50% - 1rem);
}
.mp-billing-navigator_date--left {
  left: 0.5rem;
  text-align: right;
}
.mp-billing-navigator_date--right {
  right: 2.5rem;
}
.mp-billing-tooltip {
  background-color: #2D3544;
  border-radius: 5px;
  color: white;
  font-size: 1rem;
  padding-bottom: 0.375rem;
}
.mp-billing-tooltip::before {
  background-color: #2D3544;
  border-radius: 0.2rem;
  bottom: -0.75rem;
  content: "";
  display: inline-block;
  height: 1rem;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%);
  width: 1rem;
  will-change: transform;
}
.mp-billing-tooltip::after {
  border-radius: 0.2rem;
  bottom: -0.75rem;
  content: "";
  display: inline-block;
  height: 1rem;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%);
  width: 1rem;
  will-change: transform;
}
.mp-billing-tooltip_day {
  background: rgba(255, 255, 255, 0.13);
  font-size: 0.875rem;
  font-weight: bold;
  padding-bottom: 0.1875rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  text-align: center;
}
.mp-billing-tooltip_data {
  font-size: 0.75rem;
  padding-bottom: 0.125rem;
  padding-right: 0.375rem;
  padding-top: 0.5rem;
}
.mp-billing-tooltip_data_amount {
  font-weight: bold;
  text-align: right;
}
.mp-billing-tooltip_data_operations {
  text-align: right;
}
.mp-billing-tooltip_data_comparison {
  font-size: 0.75rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
  padding-right: 0.375rem;
}
.mp-billing-tooltip_data_comparison_amount {
  text-align: right;
}
.mp-billing-tooltip_data_comparison_amount.positive {
  color: #43D05B;
}
.mp-billing-tooltip_data_comparison_amount.negative {
  color: #FF5209;
}
.mp-billing-tooltip_data_comparison_amount.equal {
  color: #FFC909;
}
.mp-billing-tooltip_data_comparison_operations {
  text-align: right;
}
.mp-billing-tooltip_data_comparison_operations.positive {
  color: #43D05B;
}
.mp-billing-tooltip_data_comparison_operations.negative {
  color: #FF5209;
}
.mp-billing-tooltip_data_comparison_operations.equal {
  color: #FFC909;
}
.mp-billing-tooltip_data_operations_label {
  margin-left: 0.1875rem;
}
.mp-billing .operations_link {
  color: #808EA9;
  text-align: center;
  text-decoration: underline;
  width: 100%;
}
.mp-billing chart {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 100% !important;
}

.highcharts-axis-title {
  color: #373737;
  font-size: 0.8125rem;
  font-weight: 800;
}

@media (max-width: 1440px) {
  .mp-billing-navigator {
    bottom: 3.5rem;
    height: 5.2rem;
  }
}
g.highcharts-navigator {
  stroke: #DEE3EC;
}
.mp-sales-summary mp-sales-comparer:last-of-type .mp-sales-comparer {
  margin-bottom: 0;
}
.mp-top_billing_item {
  align-items: center;
  border-bottom: 1px solid #D8DDE5;
  display: flex;
  justify-content: flex-start;
  padding: 0.75rem 1.28125rem 0.75rem 0.4375rem;
}
.mp-top_billing_item:hover {
  background: rgba(193, 202, 220, 0.5);
  cursor: pointer;
}
.mp-top_billing_item-row--selected {
  background: rgba(193, 202, 220, 0.5);
}
.mp-top_billing_item-position {
  font-weight: 800;
}
.mp-top_billing_item-amount {
  color: #6555E2;
  font-size: 0.75rem;
  font-weight: 800;
  margin-left: auto;
  white-space: nowrap;
}
.mp-top_billing_item-arrow {
  padding-right: 0.5rem;
}
.mp-top_billing_item-arrow--asc {
  color: #43D05B;
}
.mp-top_billing_item-arrow--desc {
  color: #FF5209;
}
.mp-top_billing_item-name {
  padding: 0 1.0625rem;
}
.mp-top-commerces {
  min-height: 5rem;
}
.mp-top-commerces-list {
  overflow: auto;
}
.mp-weekly_payments {
  background: white;
  border-radius: 5px;
  height: 23.875rem;
  overflow: hidden;
  position: relative;
}
.mp-weekly_payments-table {
  overflow-x: auto;
}
.mp-weekly_payments-table > * {
  min-width: 28rem;
}
.mp-weekly_payments-table .mp-datatable-cell_data {
  font-size: 1rem;
}
.mp-weekly_payments-table .mp-datatable-head_row .mp-datatable-head_cell,
.mp-weekly_payments-table .mp-datatable-row .mp-datatable-cell {
  font-size: 1rem;
}
.mp-weekly_payments-table .mp-datatable-row {
  border-bottom: 1px solid #E8EBEF;
}
@media (max-width: 991px) {
  .mp-weekly_payments-table .mp-datatable-field--paymentDate {
    width: 24%;
  }
}
.mp-month_picker {
  color: white;
  font-size: 0.875rem;
  min-width: 34rem;
}
.mp-month_picker--single {
  min-width: 17rem;
}
.mp-month_picker-header {
  align-items: center;
  display: flex;
  font-weight: 800;
  justify-content: center;
  line-height: 1.375rem;
  margin-top: 0.375rem;
  position: relative;
}
.mp-month_picker-title {
  display: block;
  margin: 0 1.125rem;
  text-align: center;
}
.mp-month_picker-arrow {
  cursor: pointer;
  font-size: 1.25rem;
}
.mp-month_picker-content {
  display: flex;
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding: 0 2rem;
  width: 100%;
}
.mp-month_picker-year {
  width: 50%;
}
.mp-month_picker-year:only-child {
  width: 100%;
}
.mp-month_picker-year + .mp-month_picker-year {
  margin-left: 1rem;
}
.mp-month_picker-year_title {
  font-weight: 800;
  line-height: 1.375rem;
  text-align: center;
}
.mp-month_picker-months {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.mp-month_picker-month {
  cursor: pointer;
  font-size: 0.875rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  width: 25%;
}
.mp-month_picker-month:hover {
  background-color: #808EA9;
}
.mp-month_picker-month--selected {
  background-color: #08CDFF;
  color: #495366;
  font-weight: 800;
}
.mp-month_picker-month--hovered {
  background-color: rgba(9, 205, 255, 0.27);
}
.mp-month_picker-month--disabled {
  background-color: none;
  cursor: default;
  opacity: 0.2;
  pointer-events: none;
}
.mp-month_picker-month--hidden {
  pointer-events: none;
  visibility: hidden;
}
.mp-datatable_settings-btn {
  color: #A6AFC2;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  right: 1rem;
  top: 0.79rem;
}
.mp-datatable_settings-btn :hover {
  color: #495366;
}
.mp-datatable_settings-sortable_item {
  background-color: #6D7584;
  border-radius: 0.3125rem;
  color: white;
  cursor: pointer;
  height: 2.125rem;
  margin: 0 0.625rem 0.625rem 0;
  padding: 0.625rem;
}
.mp-datatable_settings-sortable_checkbox {
  align-items: center;
  display: flex;
}
.mp-datatable_settings-sortable_checkbox * {
  cursor: pointer;
}
.mp-datatable_settings-sortable_checkbox .ui-chkbox .ui-chkbox-box {
  background-color: transparent;
  border-color: white;
}
.mp-datatable_settings-sortable_checkbox .ui-chkbox .ui-chkbox-box.ui-state-focus {
  background-color: transparent;
  border-color: white;
}
.mp-datatable_settings-sortable_checkbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  background-color: #08CDFF;
  border-color: #08CDFF;
}
.mp-datatable_settings-sortable_checkbox .ui-chkbox .ui-chkbox-box.ui-state-disabled, .mp-datatable_settings-sortable_checkbox .ui-chkbox .ui-chkbox-box.ui-widget:disabled {
  background: none;
  border-color: white;
  opacity: 0.5;
}
.mp-datatable_settings-sortable_checkbox .ui-chkbox-label {
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin: 0;
}
.mp-datatable_settings .popover {
  left: 0.3125rem !important;
}
.mp-datatable_settings .popover:after {
  left: auto;
  right: 0;
}
.mp-dtsort {
  height: 100%;
  min-width: 10rem;
}
.mp-dtsort-actions {
  list-style: none;
  margin: 0;
  padding: 5px;
}
.mp-dtsort-actions > .mp-dtsort-action:last-child {
  padding-bottom: 0;
}
.mp-dtsort-action {
  padding-bottom: 0.21875rem;
}
.mp-dtsort-action--is-active {
  font-weight: 800;
}
.mp-dtsort-reset {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.mp-dtsort-reset:hover .mp-dtsort-reset_circle {
  color: rgba(255, 255, 255, 0.2);
}
.mp-dtsort-reset_icon {
  color: white;
  cursor: pointer;
  font-size: 1rem;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(25%, 25%);
}
.mp-dtsort-reset_circle {
  color: transparent;
  font-size: 1.5rem;
  position: relative;
}
.mp-dtsort-separator {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 0.3125rem;
  margin-top: 0.4375rem;
  width: 100%;
}
.mp-account_panel {
  height: 100%;
}
.mp-account_panel-body {
  padding: 2.5rem 3.75rem 0;
}
.mp-account_panel-body .form-group .form-group-label {
  color: #495366;
  font-size: 0.875rem;
}
.mp-account_panel-body .form-group .form-control {
  padding: 0.6875rem 0.75rem;
}
.mp-account_panel-body .btn {
  display: block;
  margin: 2.625rem auto;
}
.mp-account_panel-buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.mp-account_panel-buttons .btn {
  margin: 2.625rem 0;
}
.mp-account_panel-buttons .btn + .btn {
  margin-left: 1rem;
}
.mp-account_panel-logout {
  border-bottom: 1px solid #A6AFC2;
  color: #808EA9;
  font-size: 0.875rem;
  padding: 0.75rem 0;
  text-align: center;
}
.mp-account_panel-logout_link {
  vertical-align: text-top;
}
.mp-account_panel-logout_link > * {
  color: #808EA9;
  display: inline-block;
  vertical-align: middle;
}
.mp-account_panel-logout_link + .mp-account-panel-logout_link {
  margin-left: 1rem;
}
.mp-account_panel-logout_link:hover > * {
  color: #495366;
}
.mp-account_panel-logout_icon {
  font-size: 1.125rem;
  margin-left: 0.3rem;
}
.mp-account_panel-save_button {
  padding: 0.5rem 1.21rem;
}
.mp-account_panel-password_link {
  color: #808EA9;
  display: block;
  font-size: 0.875rem;
  margin: 2rem 0 0 0.25rem;
  text-decoration: none !important;
}
.mp-account_panel-password_link > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-account_panel-password_link > *:last-child {
  margin-left: 0.25rem;
}
.mp-account_panel-beta_disclaimer {
  color: #808EA9;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .mp-account_panel-body {
    height: calc(100% - 8rem);
    overflow: auto;
    padding: 1.5rem 1rem 0;
  }
  .mp-account_panel-buttons {
    display: block;
    text-align: center;
  }
  .mp-account_panel-buttons .btn {
    display: block;
  }
  .mp-account_panel-buttons .btn + .btn {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.mp-help_panel {
  position: relative;
}
.mp-help_panel-body {
  color: #373737;
  font-weight: 300;
  padding: 1.75rem 1rem;
  position: relative;
}
.mp-help_panel-description {
  font-size: 1rem;
  line-height: 1.375rem;
}
.mp-help_panel-phones {
  align-items: center;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 2rem 8rem 0 0;
  text-align: center;
}
@media (max-width: 767px) {
  .mp-help_panel-phones {
    padding: 2rem 4rem 0 0;
  }
}
.mp-help_panel-phone {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.125rem;
  width: 100%;
}
.mp-help_panel-phone--center {
  justify-content: center;
}
@media (max-width: 767px) {
  .mp-help_panel-phone {
    max-width: 300px;
  }
}
.mp-help_panel-country {
  color: #495366;
  flex: 1 0 auto;
  font-weight: 800;
  text-align: right;
}
.mp-help_panel-country + a {
  margin-left: 1.25rem;
}
.mp-help_panel-box {
  background-color: white;
  border: 1px solid #A6AFC2;
  border-radius: 0.3125rem;
  color: #08CDFF;
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1rem;
  max-width: 100%;
  padding: 1.0625rem 1.25rem;
  width: 15rem;
}
@media (max-width: 767px) {
  .mp-help_panel-box {
    width: 11.25rem;
  }
}
.mp-help_panel-box:hover, .mp-help_panel-box:focus {
  color: #08CDFF;
  text-decoration: none;
}
.mp-help_panel-support {
  margin: 2rem 0 4rem;
  text-align: center;
}
.mp-help_panel-support_description {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .mp-help_panel {
    height: 100%;
  }
  .mp-help_panel-body {
    height: calc(100% - 3.3625rem);
    overflow: auto;
    padding: 1rem;
  }
  .mp-help_panel-phones {
    padding-right: 1rem;
  }
  .mp-help_panel-country {
    text-align: center;
  }
}
.mp-settings_panel {
  position: relative;
}
.mp-settings_panel .header {
  background-color: #808EA9;
  color: white;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.375rem;
  padding: 1.625rem 1rem;
}
.mp-settings_panel-icon-close {
  display: none;
}
.mp-settings_panel .mp-sidepanel-content {
  background-color: #F0F3F8;
  height: 100%;
  transform: none;
  width: 38.6875rem;
}
.mp-settings_panel .mp-sidepanel-close_btn {
  left: -5.5rem;
}
.mp-settings_panel .mp-sidepanel-center {
  height: 100vh;
  overflow: auto;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs .nav-tabs {
  background: white;
  border-left: 1px solid #D8DDE5;
  border-right: 1px solid #D8DDE5;
  box-shadow: -1px 0 0 0 #495366;
  left: -3.125rem;
  min-height: 100%;
  position: absolute;
  width: 3.125rem;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item {
  margin: 0.625rem auto;
  text-align: center;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item .mp-settings_panel-icon {
  color: #D8DDE5;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item .mp-settings_panel-icon-account {
  border-color: #D8DDE5;
  color: #808EA9;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item .mp-settings_panel-icon-close {
  color: white;
  font-size: 1.75rem;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item:first-child {
  margin-top: 1rem;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item:hover .mp-settings_panel-icon {
  color: #808EA9;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item:hover .mp-settings_panel-icon-account {
  border-color: #808EA9;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item.active .is-active.mp-settings_panel-icon {
  color: #08CDFF;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-item.active .is-active.mp-settings_panel-icon-account {
  border-color: #08CDFF;
}
.mp-settings_panel .mp-sidepanel-center .mp-tabs-contents {
  width: 100%;
}
.mp-settings_panel-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.375rem;
  justify-content: center;
  margin: 0 auto;
}
.mp-settings_panel-icon-account {
  border: 1px solid #D8DDE5;
  border-radius: 50%;
  font-size: 1.55rem;
  height: 2.4375rem;
  width: 2.4375rem;
}
@media (max-width: 1199px) {
  .mp-settings_panel-icon-account {
    height: 2rem;
    width: 2rem;
  }
}
@media (max-width: 767px) {
  .mp-settings_panel .mp-settings_panel-icon-close {
    display: block;
  }
  .mp-settings_panel .mp-header_menu_button {
    padding: 0 0.5rem;
  }
  .mp-settings_panel div[body] {
    height: 100%;
  }
  .mp-settings_panel .mp-sidepanel-close_btn {
    display: none !important;
  }
  .mp-settings_panel .mp-sidepanel-center .mp-tabs {
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .mp-settings_panel .mp-sidepanel-center .mp-tabs .nav-tabs {
    border-bottom: 0;
    border-left: 0;
    height: 100%;
    position: static;
  }
  .mp-settings_panel .mp-sidepanel-center .mp-tabs .nav-tabs li:last-child {
    position: absolute;
    right: 1rem;
    top: 0.35rem;
    z-index: 1;
  }
}
.mp-sidebar {
  background-color: white;
  border-right: 1px solid #495366;
  height: 100%;
  left: 0;
  max-width: 14rem;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.mp-sidebar.tooltip-opened {
  z-index: 111;
}
.mp-sidebar-menu_button {
  color: #495366;
  cursor: pointer;
  font-size: 1.75rem;
  padding: 0.5rem;
  position: absolute;
  right: 0.625rem;
  top: 0.9375rem;
}
.mp-sidebar-title {
  border-bottom: 1px solid #D8DDE5;
  border-top: 1px solid #6D7584;
  font-weight: 700;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mp-sidebar-title .nested-shown .mp-sidebar-back_button {
  display: inline-block;
}
.mp-sidebar-title .nested-shown .mp-sidebar-back_text {
  padding-left: 0.625rem;
  vertical-align: middle;
}
.mp-sidebar-back_button {
  border-right: 1px solid #D8DDE5;
  color: #495366;
  cursor: pointer;
  display: none;
  float: left;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin: 0 auto;
  padding: 1.125rem 1.325rem 0.95rem 1.25rem;
  text-align: center;
}
.mp-sidebar-back_text {
  color: #495366;
  float: left;
  font-size: 1rem;
  line-height: 1rem;
  padding: 1.125rem 0 0.95rem 1.25rem;
}
.mp-sidebar-logo {
  height: 4.5625rem;
  padding: 0.625rem 0;
}
.mp-sidebar-image {
  margin: 0 auto;
  max-width: 10rem;
}
.mp-sidebar-image--collapsed {
  max-width: 3.25rem;
}
.mp-sidebar-image_mobile {
  max-width: 13rem;
  position: relative;
  top: 0.5rem;
}
.mp-sidebar-menus {
  height: calc(100% - 8rem);
  position: relative;
}
.mp-sidebar-list {
  height: 100%;
  list-style-type: none;
  overflow: auto;
  padding: 0;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mp-sidebar-item {
  color: #495366;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  padding: 1.375rem;
  position: relative;
}
.mp-sidebar-item:hover {
  background-color: #E8EBEF;
}
.mp-sidebar-item:hover .mp-sidebar-icon {
  color: #A6AFC2;
}
.mp-sidebar-item.is-selected {
  background-color: #E8EBEF;
}
.mp-sidebar-item.is-selected .mp-sidebar-icon {
  color: #A6AFC2;
}
.mp-sidebar-item.is-active {
  background-color: #08CDFF;
  color: white;
  text-decoration: none;
}
.mp-sidebar-item.is-active:after {
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 1px 33px 2px rgb(8, 205, 255);
  content: "";
  height: 2.9375rem;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 95%;
  z-index: -1;
}
.mp-sidebar-item.is-active .mp-sidebar-icon {
  color: white;
}
.mp-sidebar-item.mp-tour-highlight_step {
  background-color: white;
  color: black;
}
.mp-sidebar-item.mp-tour-highlight_step:after {
  display: none;
}
.mp-sidebar-item.mp-tour-highlight_step .mp-sidebar-icon {
  color: #A6AFC2;
}
.mp-sidebar-item:not(.has-children) .mp-sidebar-childarrow {
  display: none;
}
.mp-sidebar-item--bottom {
  margin-top: auto;
}
.mp-sidebar.collapsed .mp-sidebar-item.is-active:after {
  width: 70%;
}
.mp-sidebar-icon {
  color: #A6AFC2;
  display: inline-block;
  font-size: 1.4375rem;
  margin-right: 1.5rem;
  text-align: center;
  top: 0;
  vertical-align: top;
  width: 1.25rem;
}
.mp-sidebar-icon.mpi {
  font-size: 1.4375rem;
}
.mp-sidebar-text {
  display: inline-block;
  position: relative;
  top: 0.0125rem;
  vertical-align: middle;
}
.mp-sidebar-childarrow {
  color: #808EA9;
  float: right;
  margin-right: 0.2rem;
  position: relative;
  top: 0.40625rem;
}
.mp-sidebar .hidden {
  display: none;
}
.mp-sidebar-collapsable {
  display: none;
}
@media (min-width: 768px) {
  .mp-sidebar .mp-sidebar-list {
    padding-bottom: 3.75rem;
  }
  .mp-sidebar-list {
    overflow: visible;
  }
  .mp-sidebar.collapsed {
    max-width: 4.125rem;
    overflow: visible;
  }
  .mp-sidebar.collapsed .mp-sidebar-text, .mp-sidebar.collapsed .mp-sidebar-text + .fa {
    display: none;
  }
  .mp-sidebar.collapsed .mp-sidebar-list {
    margin-top: 3.1875rem;
    position: relative;
  }
  .mp-sidebar.collapsed .mp-sidebar-collapsable_icon {
    transform: rotate(0);
  }
  .mp-sidebar.collapsed .mp-sidebar-item:not(.is-active):hover {
    background-color: #E8EBEF;
  }
  .mp-sidebar.collapsed .mp-sidebar-item:not(.is-active):hover .mp-sidebar-icon {
    color: #808EA9;
  }
  .mp-sidebar.collapsed .mp-sidebar-nested_collapsed {
    position: absolute;
    right: -1rem;
  }
  .mp-sidebar.collapsed .mp-sidebar-nested_collapsed.is-toggle-hidden {
    display: none;
  }
  .mp-sidebar.collapsed .mp-sidebar-icon {
    width: 100%;
  }
  .mp-sidebar-collapsable {
    background-color: white;
    border-top: 1px solid #D8DDE5;
    bottom: 0;
    display: block;
    height: 3.75rem;
    position: absolute;
    width: 100%;
  }
  .mp-sidebar-collapsable_button {
    background-color: #E8EBEF;
    border-radius: 0.3125rem;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 1.3rem;
    height: 2.5rem;
    position: relative;
    right: 0.78125rem;
    text-align: center;
    top: 0.625rem;
    width: 2.5rem;
  }
  .mp-sidebar-collapsable_button:hover {
    background-color: #C1CADC;
  }
  .mp-sidebar-collapsable_button:active {
    background-color: #C1CADC;
  }
  .mp-sidebar-collapsable_button:active .mpi {
    color: #495366;
  }
  .mp-sidebar-collapsable_button .mpi {
    color: #808EA9;
    margin: 0.625rem 0.5rem;
  }
}
.mp-sidebar .mp-sidebar-text .mp-sidebar-item-title {
  display: block;
  line-height: 1.1;
  text-decoration: none;
  border: 0;
}
.mp-sidebar .mp-sidebar-text .mp-sidebar-item-subtitle {
  display: block;
  font-size: 0.75rem;
  color: #808EA9;
  margin-top: 0.125rem;
  text-decoration: none;
  border: 0;
}

@media (max-width: 767px) {
  .mp-sidebar {
    display: none;
  }
  .mp-sidebar.active {
    display: block;
    max-width: none;
    position: fixed;
    z-index: 1111;
  }
  .mp-sidebar-back_button {
    padding: 1.125rem 1.6rem;
  }
  .mp-sidebar-item.is-active {
    background-color: white;
    color: #08CDFF;
    font-weight: bold;
  }
  .mp-sidebar-item.is-active:after {
    display: none;
  }
  .mp-sidebar-item.is-active .mp-sidebar-icon {
    color: #08CDFF;
  }
}
.mp-incidents_support {
  padding: 0 1rem 1.75rem;
}
.mp-incidents_support .form-control {
  font-size: 0.875rem;
  padding: 0.625rem;
}
.mp-incidents_support .ui-dropdown-panel .ui-dropdown-item {
  font-size: 0.875rem;
}
.mp-incidents_support-form {
  max-width: 87.5rem;
  width: 100%;
}
.mp-incidents_support-detail textarea {
  min-height: 6.25rem;
  resize: vertical;
}
.mp-incidents_support-actions {
  text-align: right;
}
.mp-analysis_reports_container {
  margin: 0;
}
.mp-analysis_reports_container-detail {
  padding: 1.25rem 1.5rem;
}
.mp-analysis_reports_container-detail_actions {
  margin-bottom: 1.5rem;
}
.mp-analysis_reports_container-detail_actions > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-analysis_reports_container-detail_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
}
.mp-analysis_reports_container-detail_title:before {
  background: #808EA9;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.mp-analysis_reports_container {
  margin: 0;
}
.mp-analysis_reports_container-detail {
  padding: 1.25rem 1.5rem;
}
.mp-analysis_reports_container-detail_actions {
  margin-bottom: 1.5rem;
}
.mp-analysis_reports_container-detail_actions > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-analysis_reports_container-detail_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
}
.mp-analysis_reports_container-detail_title:before {
  background: #808EA9;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.mp-analysis_reports_container .mp-datatable-row {
  cursor: pointer;
}
.mp-analysis_reports_container {
  margin: 0;
}
.mp-analysis_reports_container-detail {
  padding: 1.25rem 1.5rem;
}
.mp-analysis_reports_container-detail_actions {
  margin-bottom: 1.5rem;
}
.mp-analysis_reports_container-detail_actions > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-analysis_reports_container-detail_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
}
.mp-analysis_reports_container-detail_title:before {
  background: #808EA9;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.mp-analysis_reports_container .mp-datatable-row {
  cursor: pointer;
}
.mp-analysis_details_reports_container {
  margin: 0;
}
.mp-analysis_details_reports_container-detail {
  padding: 1.25rem 1.5rem;
}
.mp-analysis_details_reports_container-detail_actions {
  margin-bottom: 1.5rem;
}
.mp-analysis_details_reports_container-detail_actions > * {
  display: inline-block;
  vertical-align: middle;
}
.mp-analysis_details_reports_container-detail_title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
}
.mp-analysis_details_reports_container-detail_title:before {
  background: #808EA9;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.mp-analysis_details_reports_container .mp-datatable-row {
  cursor: pointer;
}
.mp-operations_per_instalment_type-body {
  padding: 0 2rem 0.5625rem;
}
.mp-operations_per_instalment_type .mp-datatable-body_scroll {
  max-height: 23.125rem;
}
@media (max-width: 767px) {
  .mp-operations_per_instalment_type-body {
    padding: 0;
  }
}
.mp-instalment_payment_percentage {
  padding-top: 1.5rem;
}
.mp-instalment_payment_percentage-title {
  color: #495366;
  font-size: 0.75rem;
}
.mp-instalment_payment_percentage-ratio {
  font-size: 0.875rem;
  font-weight: 800;
}
.mp-instalment_payment_percentage-value {
  font-weight: 700;
}
.mp-instalment_payment_percentage-chart {
  padding-top: 6rem;
}
.mp-instalment_payment_percentage-chart--second {
  padding-top: 4rem;
}
.mp-instalment_payment_percentage-chart--second .mp-chart_percentage-inner {
  background-color: #11A698;
}
.mp-instalment_payment_percentage-chart--second .mp-chart_percentage-data {
  border-color: #11A698;
  color: #11A698;
}
.mp-instalment_payment_percentage-chart--second .mp-chart_percentage-data::after {
  border-bottom-color: #11A698;
  border-right-color: #11A698;
}
.mp-financial_service_bonus {
  padding-top: 6rem;
}
.mp-financial_service_bonus-title {
  color: #495366;
  font-size: 0.75rem;
}
.mp-financial_service_bonus-ratio {
  font-weight: 800;
}
.mp-financial_service_bonus-bonus {
  font-weight: 700;
}
.mp-financial_service_bonus-chart--second {
  padding-top: 4rem;
}
.mp-financial_service_bonus-chart--second .mp-chart_percentage-inner {
  background-color: #11A698;
}
.mp-financial_service_bonus-chart--second .mp-chart_percentage-data {
  border-color: #11A698;
  color: #11A698;
}
.mp-financial_service_bonus-chart--second .mp-chart_percentage-data::after {
  border-bottom-color: #11A698;
  border-right-color: #11A698;
}
.mp-financial_service_bonus_evolution .mp-datatable-body_scroll {
  max-height: 23.125rem;
}
@media (max-width: 991px) {
  .mp-financial_service_evolution .mp-datatable {
    overflow-x: auto;
  }
  .mp-financial_service_evolution .mp-datatable-field {
    width: 10rem;
  }
}
.mp-financial_service_evolution .mp-datatable-table {
  min-width: 80rem;
}
.mp-financial_service_evolution .mp-datatable-body_scroll {
  max-height: 23.125rem;
}
.mp-customers_evolution .frame_box-title {
  position: relative;
}
.mp-customers_evolution .frame_box-title > .fa {
  font-size: 3.5rem;
  margin: 1rem;
}
.mp-customers_evolution .frame_box-percentage_text {
  color: #373737;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.mp-customers_evolution .frame_box-percentage {
  display: block;
  text-align: center;
}
.mp-customers_evolution .frame_box-info {
  display: flex;
  height: 5rem;
}
.mp-customers_evolution .frame_box-data {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

@media (max-width: 1199px) {
  .mp-customers_evolution .frame_box-title > .fa {
    font-size: 3rem;
  }
  .mp-customers_evolution .frame_box-variation .fa,
  .mp-customers_evolution .frame_box-variation .equal {
    font-size: 1.5rem;
  }
}
.mp-national_customers_origin {
  padding-bottom: 1rem;
}
.mp-top_potential_customers_billing_by_postal_code {
  padding-bottom: 1rem;
}
.mp-top_sector_billing_by_postal_code {
  padding-bottom: 1rem;
}
.mp-average_ticket .mp-datatable-body_scroll {
  max-height: 23.125rem;
}
.mp-distribution_by_gender_and_age-body {
  padding: 0 2rem 0.5625rem;
}
@media (max-width: 991px) {
  .mp-distribution_by_gender_and_age-body {
    padding: 0;
  }
}
.mp-distribution_by_gender_and_age-body .mp-datatable-body_scroll {
  max-height: 23.125rem;
}
.mp-distribution_by_gender_and_age .mp-tabs-item + .mp-tabs-item {
  border-bottom-width: 1px;
  border-left-width: 1px;
}
@media (max-width: 1679px) {
  .mp-distribution_by_gender_and_age .nav-tabs {
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    padding: 0.5rem 0.5rem 0;
  }
}
@media (max-width: 1679px) and (min-width: 1680px) {
  .mp-distribution_by_gender_and_age .mp-tabs-item + .mp-tabs-item {
    border-bottom-width: 0;
    border-left-width: 0;
  }
}
@media (max-width: 1199px) {
  .mp-distribution_by_gender_and_age .nav-tabs {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 1199px) and (min-width: 1200px) {
  .mp-distribution_by_gender_and_age .mp-tabs-item + .mp-tabs-item {
    border-bottom-width: 0;
    border-left-width: 0;
  }
}
.mp-principal_customers-list {
  align-items: stretch;
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.mp-principal_customers-item {
  background: white;
  border: 1px solid #D8DDE5;
  border-radius: 0.3125rem;
  flex: 1 1 0;
  margin: 1rem;
}
.mp-principal_customers-position {
  color: #808EA9;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding: 0.25rem 1rem 0;
  text-align: center;
}
.mp-principal_customers-person {
  background-color: #E8EBEF;
  flex: 1 0 auto;
  padding: 0.75rem;
  width: 100%;
}
.mp-principal_customers-title {
  font-weight: 800;
  text-align: center;
}
.mp-principal_customers-title .fa {
  color: #808EA9;
  font-size: 2.5rem;
}
.mp-principal_customers-description {
  margin-left: 1rem;
  text-transform: uppercase;
}
.mp-principal_customers-total {
  color: #6555E2;
  padding: 0.75rem 0 0.5rem;
  text-align: center;
}
.mp-principal_customers-percentage {
  flex: 1 1 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.75rem;
  padding: 0.25rem 0 0;
  text-align: right;
}
.mp-principal_customers-percentage_text {
  flex: 1 1 0;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 0.875rem;
  margin-left: 0.5rem;
}
.mp-principal_customers-info {
  height: 12rem;
  margin-top: auto;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
}
.mp-principal_customers-info > .mp-principal_customers-data:last-child {
  margin-bottom: 0;
}
.mp-principal_customers-data {
  margin-bottom: 1.25rem;
}
.mp-principal_customers-data_title {
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-transform: uppercase;
}
.mp-principal_customers-data_value {
  color: #6555E2;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1rem;
  margin-top: 0.25rem;
}
.mp-principal_customers-variable {
  flex: 1 0 0;
  height: auto;
  max-width: 100%;
}
.mp-principal_customers-variable + .mp-principal_customers-variable {
  border-left: 1px solid #D8DDE5;
}
.mp-principal_customers-variable--alternative .mp-principal_customers-total {
  color: #11A698;
}
.mp-principal_customers-variable--alternative .mp-principal_customers-data_value {
  color: #11A698;
}

@media (max-width: 480px) {
  .mp-principal_customers-title {
    flex-direction: column;
  }
  .mp-principal_customers-description {
    margin: 0.5rem 0 0;
  }
  .mp-principal_customers-percentage_text {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .mp-principal_customers-list {
    flex-direction: column;
  }
  .mp-principal_customers-item {
    flex: 1 0 auto;
    min-width: 80%;
  }
  .mp-principal_customers-percentage_text {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .mp-principal_customers-total {
    display: block !important;
  }
  .mp-principal_customers-percentage, .mp-principal_customers-percentage_text {
    display: block;
    margin: 0;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mp-principal_customers-item {
    background: white;
    border: 1px solid #D8DDE5;
    border-radius: 0.3125rem;
    margin: 1rem;
    flex: 1 1 30%;
    max-width: 30%;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .mp-principal_customers-item {
    background: white;
    border: 1px solid #D8DDE5;
    border-radius: 0.3125rem;
    margin: 1rem;
    flex: 1 1 30%;
    max-width: 30%;
  }
}
@media (min-width: 1367px) {
  .mp-principal_customers-item {
    background: white;
    border: 1px solid #D8DDE5;
    border-radius: 0.3125rem;
    margin: 1rem;
    flex: 1 1 30%;
    max-width: 30%;
  }
  .mp-principal_customers-percentage {
    flex: 1 1 100%;
  }
}
@media (min-width: 1441px) and (max-width: 1679px) {
  .mp-principal_customers-title {
    font-size: 0.875rem;
  }
  .mp-principal_customers-percentage {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 991px) {
  .mp-user_evolution .mp-widget_multiple_charts-navigator {
    display: none;
  }
}
.mp-user_evolution .mp-widget_multiple_charts-navigator {
  top: 31rem;
}
@media (min-width: 1441px) {
  .mp-user_evolution .mp-widget_multiple_charts-navigator {
    top: 27rem;
  }
}
.mp-user_evolution .mp-datatable {
  max-height: 35rem;
}
@media (max-width: 991px) {
  .mp-user_gender_evolution .mp-widget_multiple_charts-navigator {
    display: none;
  }
}
.mp-user_gender_evolution .mp-widget_multiple_charts-navigator {
  top: 31rem;
}
@media (min-width: 1441px) {
  .mp-user_gender_evolution .mp-widget_multiple_charts-navigator {
    top: 27rem;
  }
}
.mp-user_gender_evolution .mp-datatable {
  max-height: 35rem;
}
.mp-user-type--bordered {
  border-right: 1px solid #C1CADC;
}
@media (max-width: 991px) {
  .mp-user-type .mp-widget_tab .mp-widget_subtab {
    padding-bottom: 1rem;
    padding-right: 0;
  }
}
.mp-user-type .mp-widget_tab .mp-widget_subtab + .mp-widget_subtab {
  padding-right: 1.5rem;
}
@media (max-width: 991px) {
  .mp-user-type .mp-widget_tab .mp-widget_subtab + .mp-widget_subtab {
    padding: 0.625rem 0 0.5rem;
  }
  .mp-user-type .mp-widget_tab .mp-widget_subtab + .mp-widget_subtab:before {
    height: 0.125rem;
    margin: 0;
    width: 100%;
  }
}
.mp-sales_average_per_day .mp-datatable .mp-datatable-field--day {
  width: 5.5rem;
}
@media (max-width: 991px) {
  .mp-sales_average_per_day .mp-datatable .mp-datatable-field--day {
    width: 7rem;
  }
}
.mp-sales_average_per_hour .mp-datatable .mp-datatable-field--hour {
  width: 5rem;
}
.mp-payments_list_summary-table {
  height: 31.125rem;
  overflow-x: auto;
}
.mp-payments_list_summary-table .mp-datatable-cell {
  padding: 1.875rem 0 1.875rem 1.175rem;
}
.mp-payments_list_summary-table .mp-datatable-head_cell {
  padding-left: 1.175rem !important;
}
.mp-payments_list_summary-table tr td:nth-child(2) .mp-datatable_cell_comparer-value:before {
  content: "";
}
.mp-payments_list_summary-table tr .mp-datatable-head_cell:first-child,
.mp-payments_list_summary-table tr .mp-datatable-cell:first-child {
  padding-left: 1.175rem !important;
}
.mp-payments_list_summary-table .mp-datatable-field {
  width: 11rem;
}
.mp-payments_list_summary-table .mp-datatable-field--paymentDate {
  width: 8rem !important;
}
.mp-payments_list_summary-table .mp-datatable_cell_comparer-value:before {
  content: none;
}
.mp-payments_list_summary-table {
  height: 31.125rem;
  overflow-x: auto;
}
.mp-payments_list_summary-table .mp-datatable-cell {
  padding: 1.875rem 0 1.875rem 1.175rem;
}
.mp-payments_list_summary-table .mp-datatable-head_cell {
  padding-left: 1.175rem !important;
}
.mp-payments_list_summary-table tr td:nth-child(2) .mp-datatable_cell_comparer-value:before {
  content: "";
}
.mp-payments_list_summary-table tr .mp-datatable-head_cell:first-child,
.mp-payments_list_summary-table tr .mp-datatable-cell:first-child {
  padding-left: 1.175rem !important;
}
.mp-payments_list_summary-table .mp-datatable-field {
  width: 11rem;
}
.mp-payments_list_summary-table .mp-datatable-field--paymentDate {
  width: 8rem !important;
}
.mp-payments_list_summary-table .mp-datatable_cell_comparer-value:before {
  content: none;
}
.mp-refusals_summary-data {
  display: flex;
}
@media (max-width: 991px) {
  .mp-refusals_summary-data {
    flex-direction: column;
  }
}
.mp-refusals_summary-data--second {
  margin-top: 1rem;
}
.mp-refusals_summary-item {
  border: solid 1px #D8DDE5;
  border-radius: 0.5rem;
  margin-left: 1.25rem;
  min-height: 6.1875rem;
  padding: 0.75rem;
  width: 30%;
}
.mp-refusals_summary-item:nth-child(1) {
  background-color: #F0F3F8;
  display: flex;
  margin-left: 0;
  width: 40%;
}
@media (max-width: 991px) {
  .mp-refusals_summary-item:nth-child(1) {
    margin-top: 1rem;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .mp-refusals_summary-item {
    margin-left: 0;
    margin-top: 1rem;
    width: 100%;
  }
}
.mp-refusals_summary-item_content {
  align-items: center;
  display: flex;
  width: 100%;
}
@media (max-width: 1679px) {
  .mp-refusals_summary-item_content {
    flex-direction: column;
  }
}
.mp-refusals_summary-item_operations {
  flex-grow: 1;
}
.mp-refusals_summary-item_operations:nth-child(1) {
  font-weight: 600;
}
.mp-refusals_summary-item_operations:nth-child(2) {
  color: #6555E2;
  font-size: 3rem;
}
@media (max-width: 1919px) {
  .mp-refusals_summary-item_operations:nth-child(2) {
    font-size: 2rem;
    margin-left: 0.8rem;
  }
}
.mp-refusals_summary-item_operations:nth-child(3) {
  color: #6555E2;
  font-size: 1.5625rem;
}
.mp-refusals_summary-item_title {
  font-weight: 600;
  text-align: center;
}
.mp-refusals_summary-item_billing {
  color: #6555E2;
  flex-grow: 1;
}
.mp-refusals_summary-item_billing:first-child {
  flex-grow: 2;
  font-size: 1.875rem;
  margin-left: 1.875rem;
  text-align: center;
}
.mp-refusals_summary-item_billing:nth-child(2) {
  font-size: 1.5rem;
}
.mp-refusals_summary-item_average_ticket {
  color: #6555E2;
  font-size: 2.25rem;
  text-align: center;
}
@media (max-width: 1679px) {
  .mp-refusals_summary-item_average_ticket {
    font-size: 1.8rem;
  }
}
.mp-refusals_summary .second_variable {
  color: #11A698;
}
.mp-age_distribution-kpi_item {
  display: inline-block;
  text-align: center;
}
.mp-age_distribution-kpi_item + div {
  margin-left: 1.5rem;
}
.mp-age_distribution-kpi_item--alternative .mp-age_distribution-kpi_value {
  color: #11A698;
}
.mp-age_distribution-kpi_title {
  background-color: #C1CADC;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.25rem 1rem;
}
.mp-age_distribution-kpi_value {
  color: #6555E2;
  font-size: 1.5rem;
  font-weight: 600;
}
.mp-embedded_map_widget-map {
  border: 0;
  height: 29rem;
  width: 100%;
}
@media (max-width: 767px) {
  .mp-operations_realtime_list .mp-filter_panel-row {
    display: block;
  }
  .mp-operations_realtime_list .mp-filter_panel .form-group {
    margin-bottom: 0;
    width: 100%;
  }
  .mp-operations_realtime_list .mp-filter_panel-search_block {
    margin: 0.5rem 0 0;
  }
  .mp-operations_realtime_list .mp-filter_panel .btn-search {
    width: 100%;
  }
  .mp-operations_realtime_list .mp-filter_panel > div {
    display: block !important;
  }
  .mp-operations_realtime_list .mp-timerange {
    width: auto;
  }
  .mp-operations_realtime_list .mp-commerces_tree {
    width: auto;
  }
  .mp-operations_realtime_list .mp-commerces_tree-container {
    width: 19rem;
  }
  .mp-operations_realtime_list .mp-commerces_tree .mp-treeview-scroll {
    height: 13rem;
  }
}
.mp-payment_detail_rowgroup {
  display: flex;
  justify-content: space-between;
}
.mp-payment_detail_rowgroup-value {
  align-items: center;
  display: flex;
}
.mp-payment_detail_rowgroup-icon {
  color: #A6AFC2;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}
.mp-payment_detail_rowgroup-icon + .mp-payment_detail_rowgroup-commerce {
  margin-left: 0.3125rem;
}
.mp-payment_detail_rowgroup-icon--hidden {
  margin-right: 0.3125rem;
}
.mp-payment_detail_rowgroup-icon--hidden:before {
  content: "";
  display: inline-block;
  width: 0.78125rem;
}
.mp-payment_detail_rowgroup-commerce {
  line-height: 0.75rem;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.mp-payment_detail_rowgroup-payment_ref {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.mp-payment_detail_rowgroup-link {
  align-items: center;
  color: #808EA9;
  cursor: pointer;
  display: flex;
  float: right;
  font-size: 0.875rem;
}
.mp-payment_detail_rowgroup-link > * {
  line-height: 1.125rem;
}
.mp-payment_detail_rowgroup-link .fa {
  font-size: 1.125rem;
  margin-left: 0.3125rem;
}
.mp-payment_detail_rowgroup-link:hover > * {
  color: #495366;
}

@media (max-width: 991px) {
  .mp-payment_detail_rowgroup {
    padding: 0.3125rem;
  }
}
.mp-payment_detail_summary .mp-payments_summary-items {
  padding: 0.875rem;
}
.mp-payment_detail_summary .mp-payments_summary-item {
  margin-left: 0.5rem;
}
.mp-payment_detail_summary .mp-payments_summary-item .mp-money {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
.mp-payment_detail_summary .mp-payments_summary-count {
  line-height: 1.5rem;
}
.mp-sales-comparer {
  margin-bottom: 1rem;
}
.mp-sales-comparer-panel {
  border-radius: 0.3125rem;
  margin: 0;
  width: 100%;
}
.mp-sales-comparer:hover::before {
  bottom: 4.8125rem;
  left: auto;
  right: 1.75rem;
  top: auto;
}
.mp-sales-comparer-header {
  background: rgba(255, 255, 255, 0.35);
  font-weight: 700;
  line-height: 1.25rem;
  padding: 0.875rem 1.25rem;
  padding-bottom: 0.625rem;
}
.mp-sales-comparer-header .title-current,
.mp-sales-comparer-header .title-previous {
  padding-left: 0.5rem;
}
.mp-sales-comparer-body {
  padding: 0.875rem 1.25rem;
  text-align: left;
}
.mp-sales-comparer-operations {
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 800;
  position: relative;
}
.mp-sales-comparer-operations--border {
  border: solid 1px white;
  border-radius: 0.3125rem;
  color: white;
  line-height: 1.25rem;
  padding: 0 0.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.mp-sales-comparer-operations--variation {
  align-self: center;
  color: #495366;
  font-size: 0.875rem;
  font-weight: 800;
  margin-left: 0.75rem;
}
.mp-sales-comparer-amount {
  color: white;
  flex-wrap: wrap;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 3.15rem;
  position: relative;
}
.mp-sales-comparer-amount--variation {
  color: #495366;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 2.5rem;
  margin-left: 0.75rem;
}
.mp-sales-comparer-amount .mp-money-currency {
  font-size: 1.25rem;
  line-height: 2.5rem;
}
.mp-sales-comparer-tooltip {
  background-color: #2D3544;
  border-radius: 0.3125rem;
  bottom: 5.8125rem !important;
  color: white;
  font-size: 1rem;
  left: auto !important;
  margin-top: 0 !important;
  position: absolute;
  right: 1rem !important;
  top: auto !important;
  transform: translateY(100%) !important;
}
.mp-sales-comparer-tooltip-header {
  background: rgba(255, 255, 255, 0.13);
  padding: 0.375rem 0.625rem 0.25rem;
  text-align: center;
}
.mp-sales-comparer-tooltip-header_title {
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 0.875rem;
}
.mp-sales-comparer-tooltip-header_period {
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.mp-sales-comparer-tooltip-data {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding: 0.625rem;
  text-align: right;
}
.mp-sales-comparer-tooltip-data_amount {
  font-weight: 800;
}
.mp-sales-comparer-tooltip-data_amount + .mp-sales-comparer-tooltip-data_operations {
  margin-top: 0.3125rem;
}

@media (max-width: 991px) {
  .mp-sales-comparer-body_actual {
    font-size: 1.75rem;
  }
  .mp-sales-comparer-panel {
    flex-flow: column;
  }
  .mp-sales-comparer-panel_left {
    padding-left: 0;
    width: 100%;
  }
  .mp-sales-comparer-panel_left .mp-sales-comparer-header {
    padding-left: 1.25rem;
  }
  .mp-sales-comparer-panel_left .mp-sales-comparer-body {
    padding-left: 1.25rem;
  }
  .mp-sales-comparer-panel_left .mp-sales-comparer-body .mp-sales-comparer-variation {
    line-height: inherit;
  }
  .mp-sales-comparer-panel_left .mp-sales-comparer-footer {
    padding-left: 1.25rem;
  }
  .mp-sales-comparer-panel_right {
    padding-right: 0;
    width: 100%;
  }
  .mp-sales-comparer-header {
    font-weight: 400;
  }
  .mp-sales-comparer-variation {
    font-weight: 700;
    right: 1.125rem;
  }
}
.mp-dtmulti_filter-selection {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem;
}
.mp-dtmulti_filter-select_option {
  color: white;
  cursor: pointer;
  font-size: 0.875rem;
  text-decoration: underline;
}
.mp-dtmulti_filter-selection {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem;
}
.mp-dtmulti_filter-select_option {
  color: white;
  cursor: pointer;
  font-size: 0.875rem;
  text-decoration: underline;
}
.mp-dtmulti_filter-selection {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3125rem;
}
.mp-dtmulti_filter-select_option {
  color: white;
  cursor: pointer;
  font-size: 0.875rem;
  text-decoration: underline;
}
.mp-announcement_notification_panel-header {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.mp-announcement_notification_panel-header .modal-title {
  font-size: 1rem;
  font-weight: 400;
}
.mp-announcement_notification_panel-detail {
  font-size: 0.875rem;
  padding-bottom: 1rem;
}
.nested-sidebar {
  background-color: #E8EBEF;
  border-left: 1px solid #D8DDE5;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.25s ease-in-out;
  width: calc(100% - 4.0625rem);
}
.nested-sidebar.is-hidden {
  transform: translateX(100%);
}
.nested-sidebar-list {
  display: inline-block;
  height: 100%;
  list-style-type: none;
  padding: 0;
  width: 100%;
}
.nested-sidebar-item {
  color: #495366;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  padding: 1rem;
}
.nested-sidebar-item:hover {
  background: #D8DDE5;
}
.nested-sidebar-item:hover, .nested-sidebar-item:focus, .nested-sidebar-item:visited {
  color: #495366;
  text-decoration: none;
}
.nested-sidebar-item-is-active, .nested-sidebar-item-is-active:hover {
  background: #C1CADC;
}

@media (min-width: 768px) {
  .nested-sidebar-scroll_list {
    height: 100%;
  }
  .collapsed .nested-sidebar-list {
    background-color: #2D3544;
    position: relative;
    width: auto;
  }
  .collapsed .nested-sidebar-list:before {
    background-color: #2D3544;
    border-radius: 5px;
    content: "";
    display: block;
    height: 20px;
    left: -7px;
    position: absolute;
    top: 17px;
    transform: rotate(45deg);
    width: 20px;
  }
  .collapsed .nested-sidebar-list_item:first-child .nested-sidebar-item {
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
  }
  .collapsed .nested-sidebar-list_item:last-child .nested-sidebar-item {
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
  }
  .collapsed .nested-sidebar-list_item .nested-sidebar-item {
    background: #2D3544;
    color: white;
  }
}
@media (min-width: 991px) {
  .mp-tour-body--initial_menu {
    overflow: hidden;
  }
  .mp-tour-body--initial_menu main {
    display: flex;
  }
  .mp-tour-body--initial_menu mp-sidebar {
    max-width: 14rem;
    width: 100%;
  }
  .mp-tour-body--initial_menu .mp-sidebar {
    position: relative;
  }
  .mp-tour-body--initial_menu .mp-sidebar-collapsable {
    bottom: auto;
    top: calc(100vh - 3.75rem);
  }
  .mp-tour-body--initial_menu .mp-app-container {
    margin: 0;
  }
  .mp-tour-body--initial_menu mp-settings-panel {
    position: relative;
  }
  .mp-tour-body--initial_menu .mp-sidepanel {
    position: relative;
    transition: none;
  }
  .mp-tour-body--initial_menu .mp-sidepanel-content {
    float: none;
    transform: none !important;
    transition: none !important;
    width: 3.125rem;
    z-index: auto;
  }
  .mp-tour-body--initial_menu .mp-sidepanel-center > div {
    height: 100%;
  }
  .mp-tour-body--initial_menu .mp-sidepanel-center .mp-tabs {
    height: 100%;
  }
  .mp-tour-body--initial_menu .mp-sidepanel-center .mp-tabs .nav-tabs {
    left: 0 !important;
  }
  .mp-tour-body--initial_menu .mp-sidepanel-center .mp-tabs-contents {
    display: none;
  }
  .mp-tour-body--initial_menu .mp-tour-highlight_step {
    background-color: white;
  }
  .mp-tour-body--initial_menu .mp-settings_panel-icon.mp-tour-highlight_step:before {
    border-radius: 50%;
  }
  .mp-tour-body--initial_menu .mp-settings_panel-icon-help.mp-tour-highlight_step {
    background: none;
  }
  .mp-tour-body--initial_menu .mp-settings_panel-icon-help.mp-tour-highlight_step:before {
    height: 2.4375rem;
    left: -10px;
    top: -4px;
    width: 2.4375rem;
  }
}
.no-transition .mp-sidepanel-content {
  transition: none !important;
}
@media (min-width: 991px) {
  .mp-tour-body--nested_menu {
    overflow: hidden;
  }
  .mp-tour-body--nested_menu main {
    display: flex;
  }
  .mp-tour-body--nested_menu mp-sidebar {
    max-width: 14rem;
    width: 100%;
  }
  .mp-tour-body--nested_menu .mp-sidebar {
    position: relative;
  }
  .mp-tour-body--nested_menu .mp-sidebar-collapsable {
    bottom: auto;
    top: calc(100vh - 3.75rem);
  }
  .mp-tour-body--nested_menu .mp-app-container {
    margin: 0;
  }
  .mp-tour-body--nested_menu .mp-tour-highlight_step {
    background-color: white;
  }
  .mp-tour-body--nested_menu .mp-tour-highlight_step .nested-sidebar-item-is-active {
    background-color: white;
  }
  .mp-tour-body--nested_menu .mp-tour-icon.fa-credit-card-alt {
    font-size: 1rem;
  }
  .mp-tour-body--nested_menu .mp-tour-icon.fa-bar-chart {
    font-size: 1.25rem;
  }
}
@media (min-width: 991px) {
  .mp-tour-body--operations_list .mp-tour-popover.bs-popover-left {
    margin-right: -4.5rem;
  }
  .mp-tour-body--operations_list .mp-tour-popover.bs-popover-right {
    margin-left: -4.5rem;
  }
  .mp-header-quicksearch.mp-tour-highlight_step {
    border-radius: 0.3125rem;
  }
  .mp-header-quicksearch.mp-tour-highlight_step .btn {
    height: 90%;
    position: absolute;
    right: 0.125rem;
    top: 0.125rem;
    width: 2.4rem;
  }
  .mp-tour-body--operations_detail .mp-sidepanel {
    pointer-events: none;
  }
  .mp-tour-body--export .mp-tour-highlight_step {
    background-color: #08CDFF;
  }
  .mp-tour-body--export .arrow {
    right: 0.5em !important;
  }
  .mp-tour-body--edit_filters .mp-tour-highlight_step {
    background-color: #08CDFF;
  }
  .mp-tour-body--filters .mp-tour-highlight_step {
    background-color: white;
  }
  .mp-tour-body--table_settings .mp-tour-highlight_step {
    background-color: white;
    position: unset;
  }
  .mp-tour-body--table_settings .mp-tour-highlight_step:before {
    border: 0;
  }
  .mp-tour-body--table_settings .mp-tour-popover {
    margin-top: -0.6rem;
  }
  .mp-tour-body--table_settings .mp-datatable {
    z-index: 101;
  }
}
@media (min-width: 991px) {
  .mp-tour-body--payments_list .mp-tour-popover.bs-popover-left {
    margin-right: -4.5rem;
  }
  .mp-tour-body--payments_list .mp-tour-popover.bs-popover-right {
    margin-left: -4.5rem;
  }
  .mp-tour-body--payments_list_load_more {
    display: inline-block;
  }
  .mp-tour-body--payments_list_load_more .mp-datatable-table tr:last-child {
    text-align: center;
  }
  .mp-tour-body--payments_list_load_more mp-load-more-results.mp-tour-highlight_step {
    display: inline-block;
  }
  .mp-tour-body--payments_list_load_more mp-load-more-results.mp-tour-highlight_step .mp-load_more_results {
    margin: 0;
    padding: 0.125rem;
  }
  .mp-tour-body--payments_detail .mp-sidepanel {
    pointer-events: none;
  }
}
@media (min-width: 991px) {
  .mp-tour-body--reports_dashboard .mp-dashboard-nav_tabs.mp-tour-highlight_step {
    display: inline-block;
  }
  .mp-tour-body--reports_dashboard .mp-dashboard-filters_box.mp-tour-highlight_step {
    background-color: white;
    display: inline-block;
  }
  .mp-tour-body--reports_dashboard.mp-tour-body--widget_visor .mp-widget-footer {
    position: static;
    z-index: 101;
  }
  .mp-tour-body--reports_dashboard.mp-tour-body--edit_filters .mp-tour-highlight_step, .mp-tour-body--reports_dashboard.mp-tour-body--apply_filters .mp-tour-highlight_step {
    background-color: #495366;
  }
  .mp-tour-body--reports_dashboard .btn-menu.mp-tour-highlight_step,
  .mp-tour-body--reports_dashboard .mp-widget-visor.mp-tour-highlight_step {
    background-color: white;
  }
}
.mp-tour-backdrop, .mp-tour-popover {
  display: none;
}

@media (min-width: 991px) {
  .mp-tour-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
  }
  .mp-tour-highlight_step {
    display: block;
    pointer-events: none;
    position: relative;
    z-index: 101;
  }
  .mp-tour-highlight_step:before {
    background: none;
    border: 2px solid #08CDFF;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .mp-tour-popover {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    display: block;
    z-index: 102;
  }
  .mp-tour-popover:after {
    display: none !important;
  }
  .mp-tour-popover .popover-body {
    background: white;
    border: 0;
    border-radius: 2px;
    overflow: hidden;
  }
  .mp-tour-popover .arrow {
    display: block;
  }
  .mp-tour-popover.bs-popover-right .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=right] .arrow::after {
    border-right-color: #08CDFF;
  }
  .mp-tour-popover.bs-popover-left .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=left] .arrow::after {
    border-left-color: #08CDFF;
  }
  .mp-tour-popover.bs-popover-top .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=top] .arrow::after {
    border-top-color: white;
  }
  .mp-tour-popover.bs-popover-bottom .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=bottom] .arrow::after {
    border-bottom-color: #15E8FF;
  }
  .mp-tour-popover.bs-popover-left-top .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=left-top] .arrow::after {
    border-left-color: #15E8FF;
  }
  .mp-tour-popover.bs-popover-right-top .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=right-top] .arrow::after {
    border-right-color: #15E8FF;
  }
  .mp-tour-popover.bs-popover-left-bottom .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=left-top] .arrow::after {
    border-left-color: white;
  }
  .mp-tour-popover.bs-popover-right-bottom .arrow::after, .mp-tour-popover.bs-popover-auto[x-placement^=right-bottom] .arrow::after {
    border-right-color: white;
  }
  .mp-tour-popover.bs-popover-right,
  .mp-tour-popover .bs-popover-auto[x-placement^=right] {
    margin-left: 1.5rem;
  }
  .mp-tour-popover.bs-popover-left,
  .mp-tour-popover .bs-popover-auto[x-placement^=left] {
    margin-right: 1.5rem;
  }
  .mp-tour-popover.bs-popover-top,
  .mp-tour-popover .bs-popover-auto[x-placement^=top] {
    margin-bottom: 1.5rem;
  }
  .mp-tour-popover.bs-popover-bottom,
  .mp-tour-popover .bs-popover-auto[x-placement^=bottom] {
    margin-top: 1.5rem;
  }
  .mp-tour-content {
    background: linear-gradient(to bottom, #15E8FF 0%, #08CDFF 100%);
    color: #373737;
    max-width: 16rem;
    padding: 2rem 1rem 1.25rem;
    position: relative;
  }
  .mp-tour-skip {
    color: #373737;
    font-size: 0.75rem;
    position: absolute;
    right: 0.5rem;
    text-decoration: underline;
    top: 0.25rem;
  }
  .mp-tour-header {
    align-items: center;
    color: white;
    display: flex;
  }
  .mp-tour-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .mp-tour-circle {
    align-items: center;
    background-color: white;
    border-radius: 50%;
    color: #08CDFF;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    margin-right: 0.5rem;
    width: 2.5rem;
  }
  .mp-tour-icon {
    font-size: 1.5rem;
  }
  .mp-tour-description {
    margin: 0.5rem 0 0;
  }
  .mp-tour-navigation {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1rem 0 0;
    text-align: center;
  }
  .mp-tour-nav_item {
    cursor: pointer;
    font-size: 0.5rem;
    margin-left: 0.5rem;
    opacity: 0.4;
  }
  .mp-tour-nav_item.is-active {
    opacity: 1;
  }
  .mp-tour-actions {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1rem;
  }
  .mp-tour-actions .btn {
    margin-left: 0;
    margin-right: 1rem;
  }
  .mp-tour-actions .btn:last-child {
    margin-left: auto;
    margin-right: 0;
  }
}
.mp-users_management_form-panel {
  flex: 1 0 0%;
}
.mp-users_management_form-list {
  background-color: white;
  border: 1px solid #6D7584;
  border-radius: 0.3125rem;
  height: 100px;
  margin: 0;
  overflow: auto;
  padding: 0.5rem;
}
.mp-users_management_form-list.disabled {
  background: rgba(255, 255, 255, 0.3);
}
.mp-users_management_form-list.disabled .mp-users_management_form-item {
  pointer-events: none;
}
.mp-users_management_form-item {
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0.25rem;
}
.mp-users_management_form-sm_label {
  font-size: 0.875rem;
}
.mp-users_management_form .input-group-btn .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 0.53125rem 1rem;
}
.mp-users_management_form-section_header {
  background-color: #D8DDE5;
  color: #6D7584;
  display: block;
  font-size: 0.875rem;
  font-weight: 800;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
}
.mp-users_management_form .form-group .form-group-label {
  align-items: start;
  justify-content: start;
  width: 11rem;
}
.mp-users_management_form .form-group .form-group-label + * {
  flex: 1 0 auto;
  max-width: 18.75rem;
}
.mp-users_management_form-error {
  padding-left: 11rem;
  width: 100%;
}
.mp-users_management_panel {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.mp-users_management_panel-top {
  flex: 0 0 auto;
}
.mp-users_management_panel .header {
  background-color: #08CDFF;
}
.mp-users_management_panel-toolbox {
  align-items: center;
  background-color: white;
  border-bottom: 1px solid #C1CADC;
  box-shadow: 0 2px 4px 0 rgb(219, 219, 219);
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  min-height: 3.75rem;
  padding: 0.75rem 1rem;
}
.mp-users_management_panel-subtitle {
  font-weight: 800;
}
.mp-users_management_panel-body {
  border-top: 1px solid #D8DDE5;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  overflow-y: auto;
  position: relative;
}
.mp-top_refusals_by_denial_reason .mp-datatable-cell_data {
  white-space: normal;
}
.mp-amount_filter {
  min-width: 17.5rem;
}
.mp-amount_filter-body {
  padding-top: 0.75rem;
}
.mp-amount_filter .mp-amount_filter-input.input-button {
  margin-bottom: 1.375rem;
  margin-top: 0.375rem;
  width: 15.875rem;
}
.mp-amount_filter .mp-amount_filter-input.input-button .fa.fa-search {
  font-size: 1.25rem;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control::-webkit-input-placeholder {
  color: #373737;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control:-moz-placeholder {
  color: #373737;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control::-moz-placeholder {
  color: #373737;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control:-ms-input-placeholder {
  color: #373737;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control {
  background-color: #A6AFC2;
  border-color: #A6AFC2;
  border-radius: 0.3125rem;
  color: #373737;
  padding: 0.6875rem 0.625rem;
  width: 100%;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control:hover, .mp-amount_filter .mp-amount_filter-input.input-button .form-control:focus {
  border-color: #08CDFF;
}
.mp-amount_filter .mp-amount_filter-input.input-button .form-control:focus {
  background-color: white;
}
.mp-amount_filter .ui-slider-range.ui-slider-range_values {
  color: white;
  margin-bottom: 0.1875rem;
}
.mp-amount_filter .mp-datatable-filter_actions {
  padding: 0.625rem 0.875rem;
}
.mp-amount_filter .mp-datatable-filter_actions button {
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
}
.mp-filter_oppayment {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_optype {
  min-width: 17.5rem;
}
.mp-filter_optype {
  min-width: 17.5rem;
}

.mp-date_time_filter {
  left: 20px !important;
}

.mp-date_time_filter > mp-datatable-sort > .mp-dtsort {
  padding-top: 5px;
  padding-left: 5px;
}

.popover.ng-star-inserted.bs-popover-bottom {
  left: 20px;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_opcommerces {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_optype {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_oppayment {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-filter_opstate {
  min-width: 17.5rem;
}
.mp-alert_notifications_badge-icon {
  position: relative;
}
.mp-alert_notifications_badge-circle {
  display: none;
}
.mp-alert_notifications_badge.has-alerts .mp-alert_notifications_badge-circle {
  color: red;
  display: block;
  font-size: 10px;
  position: absolute;
  right: -3px;
  top: -2px;
}
.mp-push_notifications_badge-icon {
  position: relative;
}
.mp-push_notifications_badge-circle {
  display: none;
}
.mp-push_notifications_badge.has-notifications .mp-push_notifications_badge-circle {
  color: red;
  display: block;
  font-size: 10px;
  position: absolute;
  right: -3px;
  top: -2px;
}
.mp-notification_item {
  background-color: white;
  border: 1px solid #D8DDE5;
  border-left: 0;
  border-top: 0;
  cursor: pointer;
  display: flex;
}
.mp-notification_item-level {
  display: block;
  left: 0;
  position: relative;
  top: 0;
  width: 3rem;
}
.mp-notification_item-frame {
  height: 100%;
  position: absolute;
  width: 0.4375rem;
}
.mp-notification_item-icon {
  display: block;
  font-size: 1.25rem;
  margin: 0.5rem 0 0 0.25rem;
  text-align: center;
}
.mp-notification_item-content {
  align-items: center;
  color: #373737;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.75rem;
  width: calc(100% - 3rem);
}
.mp-notification_item-info {
  flex: 1 1 auto;
  padding-right: 2.5rem;
}
.mp-notification_item-title {
  font-weight: 700;
}
.mp-notification_item-tags {
  background-color: #D8DDE5;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0 0.25rem;
}
.mp-notification_item-date {
  font-size: 0.875rem;
}
.mp-notification_item-actions {
  padding: 0 1rem 0 1.5rem;
  position: relative;
}
.mp-notification_item-actions--no-action {
  padding-right: 2.6rem;
}
.mp-notification_item--read {
  background-color: #F0F3F8;
}
.mp-notification_item--read .mp-notification_item-content {
  color: #808EA9;
}
.mp-notification_item .popover:after {
  left: auto !important;
  right: 0.075rem;
}
.mp-notification_item-btn_remove {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.mp-notification_item-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}
.mp-notification_item--detail {
  cursor: default;
}
.mp-notification_item--detail .mp-notification_item-icon {
  margin-top: 1rem;
}
.mp-notification_item--detail .mp-notification_item-content {
  display: block;
  padding: 1rem 3rem 0.75rem 0.5rem;
}
.mp-notification_item--detail .mp-notification_item-info {
  padding-right: 0;
}
.mp-notification_item--detail .mp-notification_item-description {
  font-weight: 400;
  margin-top: 0.5rem;
}
.mp-notification_item--detail .mp-notification_item-date {
  flex: 0 0 auto;
}

.mp-alert_notifications_panel .mp-notification_item--read {
  cursor: auto;
}

@media (min-width: 1200px) {
  .mp-notification_item-actions {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    visibility: hidden;
  }
  .mp-notification_item-actions.is-opened {
    opacity: 1;
    visibility: visible;
  }
  .mp-notification_item:hover .mp-notification_item-actions {
    opacity: 1;
    visibility: visible;
  }
}
.mp-notifications_panel {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.mp-notifications_panel-top {
  flex: 0 0 auto;
}
.mp-notifications_panel .header {
  background-color: #08CDFF;
}
.mp-notifications_panel-toolbox {
  align-items: center;
  background-color: white;
  border-bottom: 1px solid #C1CADC;
  box-shadow: 0 2px 4px 0 rgb(219, 219, 219);
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  min-height: 3.75rem;
  padding: 0.75rem 1rem;
}
.mp-notifications_panel-body {
  border-top: 1px solid #D8DDE5;
  overflow-y: auto;
  position: relative;
}
.mp-notifications_panel-badge_qty {
  background-color: #08CDFF;
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  color: white;
  display: inline-block;
  font-weight: 700;
  padding: 0.25rem 0.75rem 0.25rem 0;
  position: relative;
  z-index: 0;
}
.mp-notifications_panel-badge_qty:before {
  background: #08CDFF;
  content: "";
  display: block;
  height: 100%;
  left: -1rem;
  position: absolute;
  top: 0;
  width: 1.125rem;
  z-index: -1;
}
.mp-notifications_panel-spinner {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
}
.mp-notifications_panel-action {
  display: flex;
  right: 1rem;
}
.mp-notifications_panel-action .btn-menu {
  align-self: center;
}
.mp-notifications_panel-action .popover::after {
  left: 91%;
}
.mp-notifications_panel .section_spinner {
  background-color: #F0F3F8;
  height: auto;
  padding: 1rem 0;
  position: relative;
}
.mp-notifications_panel .mpi-flag-circle {
  display: inherit;
  font-size: 1.125rem;
}