@charset "UTF-8";

.flatpickr-calendar {
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
  animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  width: 0;
  left: 22px
}

.flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px
}

.flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
  bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
  top: 100%
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff
}

.flatpickr-calendar:focus {
  outline: 0
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-months .flatpickr-month {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, .9);
  fill: rgba(0, 0, 0, .9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, .9);
  fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none
}

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
  position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px
}

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit
}

.numInputWrapper {
  position: relative;
  height: auto
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block
}

.numInputWrapper input {
  width: 100%
}

.numInputWrapper input::-ms-clear {
  display: none
}

.numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, .15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(57, 57, 57, .6);
  top: 26%
}

.numInputWrapper span.arrowDown {
  top: 50%
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid rgba(57, 57, 57, .6);
  top: 40%
}

.numInputWrapper span svg {
  width: inherit;
  height: auto
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
  background: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, .5);
  background: rgba(0, 0, 0, 0);
  pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  padding: 0
}

.flatpickr-weekdays {
  background: rgba(0, 0, 0, 0);
  text-align: center;
  overflow: hidden;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px
}

.flatpickr-weekdays, .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer, span.flatpickr-weekday {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, .54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px
}

.flatpickr-days:focus {
  outline: 0
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1
}

.dayContainer+.dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6
}

.flatpickr-day.today {
  border-color: #959ea9
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, .3);
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  cursor: default
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
  visibility: hidden
}

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, .3);
  background: rgba(0, 0, 0, 0);
  cursor: default;
  border: none
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.flatpickr-innerContainer, .flatpickr-rContainer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}

.flatpickr-time input {
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
  background: #eee
}

.flatpickr-input[readonly] {
  cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1
  }

  50% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: .3
  }

  75% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .5
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: .1
  }

  50% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: .3
  }

  75% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .5
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.introjs-showElement {
  z-index: 9999999 !important
}

tr.introjs-showElement>td, tr.introjs-showElement>th {
  z-index: 9999999 !important;
  position: relative
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0
}

.introjs-relativePosition {
  position: relative
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.introjs-helperLayer, .introjs-helperLayer *, .introjs-helperLayer :after, .introjs-helperLayer :before, .introjs-tooltipReferenceLayer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out
}

.introjs-helperNumberLayer, .introjs-tooltipReferenceLayer, .introjs-tooltipReferenceLayer * {
  font-family: Helvetica Neue, Inter, ui-sans-serif, Apple Color Emoji, Helvetica, Arial, sans-serif
}

.introjs-helperNumberLayer {
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px
}

.introjs-arrow {
  border: 5px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute
}

.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #fff
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff
}

.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #fff
}

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff
}

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff
}

.introjs-tooltip {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #fff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
  box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
  -webkit-transition: opacity .1s ease-out;
  -o-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out
}

.introjs-tooltiptext {
  padding: 20px
}

.introjs-tooltip-title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  float: left;
  line-height: 32px
}

.introjs-tooltip-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px
}

.introjs-tooltip-header:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap
}

.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

.introjs-button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: .2em;
  zoom: 1
}

.introjs-button:hover {
  border-color: #9e9e9e;
  background-color: #e0e0e0
}

.introjs-button:focus, .introjs-button:hover {
  outline: 0;
  text-decoration: none;
  color: #212121
}

.introjs-button:focus {
  background-color: #eee;
  -webkit-box-shadow: 0 0 0 .2rem hsla(0, 0%, 62%, .5);
  box-shadow: 0 0 0 .2rem hsla(0, 0%, 62%, .5);
  border: 1px solid #616161
}

.introjs-button:active {
  outline: 0;
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  color: #212121
}

.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #616161;
  float: right;
  font-size: 20px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  padding: 7px 10px
}

.introjs-skipbutton:focus, .introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none
}

.introjs-prevbutton {
  float: left
}

.introjs-nextbutton {
  float: right
}

.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none
}

.introjs-hidden {
  display: none
}

.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px
}

.introjs-bullets ul {
  clear: both;
  margin: 0 auto;
  padding: 0;
  display: inline-block
}

.introjs-bullets ul, .introjs-bullets ul li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px
}

.introjs-bullets ul li a {
  -webkit-transition: width .1s ease-in;
  -o-transition: width .1s ease-in;
  transition: width .1s ease-in;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer
}

.introjs-bullets ul li a:focus, .introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: 0
}

.introjs-bullets ul li a.active {
  width: 15px;
  background: #999
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0
}

.introjs-progress, .introjs-progressbar {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.introjs-progressbar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%
}

.introjs-fixedTooltip {
  position: fixed
}

.introjs-hint {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer
}

.introjs-hint:focus {
  border: 0;
  outline: 0
}

.introjs-hint:hover>.introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, .57)
}

.introjs-hidehint {
  display: none
}

.introjs-fixedhint {
  position: fixed
}

.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, .27);
  border-radius: 30px;
  background-color: hsla(0, 0%, 53.3%, .24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  animation: none
}

.introjs-hint-dot {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 10px solid hsla(0, 0%, 57.3%, .36);
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0
}

/*!
 * DSGov: Design System de Governo
 * Versão beta
 * Suporte:
   - Serpro: DIDES/SUPSE/SESEP
 */
:root {
  --font-family-base: Rawline, Raleway, sans-serif;
  --color-primary-pastel-01: #c5d4eb;
  --color-primary-pastel-02: #dbe8fb;
  --color-primary-lighten-01: #2670e8;
  --color-primary-lighten-02: #5992ed;
  --color-primary-default: #1351b4;
  --color-primary-darken-01: #0c326f;
  --color-primary-darken-02: #071d41;
  --color-secondary-01: #fff;
  --color-secondary-02: #f8f8f8;
  --color-secondary-03: #ededed;
  --color-secondary-04: #ccc;
  --color-secondary-05: #9e9d9d;
  --color-secondary-06: #888;
  --color-secondary-07: #555;
  --color-secondary-08: #333;
  --color-secondary-09: #000;
  --color-highlight: #268744;
  --color-success: #168821;
  --color-warning: #ffcd07;
  --color-danger: #e60000;
  --color-info: #155bcb;
  --color-support-01: #36a191;
  --color-support-02: #f2e317;
  --color-support-03: #d84800;
  --color-support-04: #a26739;
  --color-support-05: #40e0d0;
  --color-support-06: #48cbeb;
  --color-support-07: #c72487;
  --color-support-08: #63007f;
  --color-support-09: #f08080;
  --color-support-10: #ff8c00;
  --color-support-11: #fdf5e6;
  --color-facebook: #3b5998;
  --color-google-plus: #db4a39;
  --color-linkedin: #0e76a8;
  --color-twitter: #00acee;
  --color-whatsapp: #25d366;
  --color-xbox: #9bc848;
  --color-yahoo: #720e9e;
  --color-youtube: #c4302b;
  --rgb-primary-pastel-01: 197, 212, 235;
  --rgb-primary-pastel-02: 219, 232, 251;
  --rgb-primary-lighten-01: 38, 112, 232;
  --rgb-primary-lighten-02: 89, 146, 237;
  --rgb-primary-default: 19, 81, 180;
  --rgb-primary-darken-01: 12, 50, 111;
  --rgb-primary-darken-02: 7, 29, 65;
  --rgb-secondary-01: 255, 255, 255;
  --rgb-secondary-02: 248, 248, 248;
  --rgb-secondary-03: 237, 237, 237;
  --rgb-secondary-04: 204, 204, 204;
  --rgb-secondary-05: 158, 157, 157;
  --rgb-secondary-06: 136, 136, 136;
  --rgb-secondary-07: 85, 85, 85;
  --rgb-secondary-08: 51, 51, 51;
  --rgb-secondary-09: 0, 0, 0;
  --rgb-highlight: 38, 135, 68;
  --rgb-success: 22, 136, 33;
  --rgb-warning: 255, 205, 7;
  --rgb-danger: 230, 0, 0;
  --rgb-info: 21, 91, 203;
  --rgb-support-01: 54, 161, 145;
  --rgb-support-02: 242, 227, 23;
  --rgb-support-03: 216, 72, 0;
  --rgb-support-04: 162, 103, 57;
  --rgb-support-05: 64, 224, 208;
  --rgb-support-06: 72, 203, 235;
  --rgb-support-07: 199, 36, 135;
  --rgb-support-08: 99, 0, 127;
  --rgb-support-09: 240, 128, 128;
  --rgb-support-10: 255, 140, 0;
  --rgb-support-11: 253, 245, 230;
  --rgb-facebook: 59, 89, 152;
  --rgb-google-plus: 219, 74, 57;
  --rgb-linkedin: 14, 118, 168;
  --rgb-twitter: 0, 172, 238;
  --rgb-whatsapp: 37, 211, 102;
  --rgb-xbox: 155, 200, 72;
  --rgb-yahoo: 114, 14, 158;
  --rgb-youtube: 196, 48, 43;
  --icon-size-base: 16px;
  --icon-size-xs: 8px;
  --icon-size-sm: 12px;
  --icon-size-lg: 20px;
  --icon-size-2x: 32px;
  --icon-size-3x: 48px;
  --icon-size-4x: 64px;
  --icon-size-5x: 80px;
  --icon-size-6x: 96px;
  --icon-size-7x: 112px;
  --icon-size-8x: 128px;
  --icon-size-9x: 144px;
  --icon-size-10x: 160px;
  --surface-width-none: 0;
  --surface-width-sm: 1px;
  --surface-width-md: 2px;
  --surface-width-lg: 4px;
  --surface-rounder-none: 0;
  --surface-rounder-sm: 4px;
  --surface-rounder-md: 8px;
  --surface-rounder-lg: 16px;
  --surface-rounder-pill: 999em;
  --surface-opacity-none: 0;
  --surface-opacity-default: 1;
  --surface-opacity-xs: 0.16;
  --surface-opacity-sm: 0.3;
  --surface-opacity-md: 0.45;
  --surface-opacity-lg: 0.65;
  --surface-opacity-xl: 0.85;
  --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none: 0;
  --surface-blur-sm: 1px;
  --surface-blur-md: 3px;
  --surface-blur-lg: 6px;
  --surface-offset-none: 0;
  --surface-offset-sm: 1px;
  --surface-offset-md: 3px;
  --surface-offset-lg: 6px;
  --surface-offset-xl: 9px;
  --surface-shadow-none: none;
  --surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));
  --surface-shadow-md: var(--surface-offset-md) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));
  --surface-shadow-lg: var(--surface-offset-lg) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));
  --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
  --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-size-scale-base: 14px;
  --font-size-scale-down-01: 11.662px;
  --font-size-scale-down-02: 9.716px;
  --font-size-scale-down-03: 8.106px;
  --font-size-scale-up-01: 16.8px;
  --font-size-scale-up-02: 20.16px;
  --font-size-scale-up-03: 24.192px;
  --font-size-scale-up-04: 29.036px;
  --font-size-scale-up-05: 34.832px;
  --font-size-scale-up-06: 41.804px;
  --font-size-scale-up-07: 50.162px;
  --font-line-height-low: 1.15;
  --font-line-height-medium: 1.45;
  --font-line-height-high: 1.85;
  --grid-breakpoint-xs: 0;
  --grid-breakpoint-sm: 575px;
  --grid-breakpoint-md: 992px;
  --grid-breakpoint-lg: 1280px;
  --grid-breakpoint-xl: 1600px;
  --grid-portrait-maxwidth: 100%;
  --grid-portrait-gutter: 16px;
  --grid-portrait-columns: 4;
  --grid-portrait-margin: 8px;
  --grid-tablet-maxwidth: 100%;
  --grid-tablet-gutter: 24px;
  --grid-tablet-columns: 8;
  --grid-tablet-margin: 40px;
  --grid-desktop-maxwidth: 1200px;
  --grid-desktop-gutter: 24px;
  --grid-desktop-columns: 12;
  --grid-desktop-margin: 40px;
  --grid-tv-maxwidth: 1520px;
  --grid-tv-gutter: 40px;
  --grid-tv-columns: 12;
  --grid-tv-margin: 40px;
  --spacing-vertical-top: top;
  --spacing-vertical-center: center;
  --spacing-vertical-bottom: bottom;
  --spacing-horizontal-left: left;
  --spacing-horizontal-center: center;
  --spacing-horizontal-right: right;
  --spacing-scale-default: 0;
  --spacing-scale-base: 8px;
  --spacing-scale-2x: 16px;
  --spacing-scale-3x: 24px;
  --spacing-scale-4x: 32px;
  --spacing-scale-5x: 40px;
  --spacing-scale-6x: 48px;
  --spacing-scale-7x: 56px;
  --spacing-scale-8x: 64px;
  --spacing-scale-9x: 72px;
  --spacing-scale-10x: 80px;
  --spacing-scale-half: 4px;
  --spacing-scale-baseh: 12px;
  --spacing-scale-2xh: 20px;
  --spacing-scale-3xh: 28px;
  --spacing-scale-4xh: 36px;
  --spacing-scale-5xh: 44px;
  --spacing-scale-6xh: 52px;
  --spacing-scale-7xh: 60px;
  --spacing-scale-8xh: 68px;
  --spacing-scale-9xh: 76px;
  --spacing-scale-10xh: 84px;
  --interactive: var(--color-primary-default);
  --interactive-rgb: var(--rgb-primary-default);
  --visited: var(--color-primary-darken-01);
  --disabled: var(--surface-opacity-md, 0.45);
  --hover: var(--surface-opacity-xs, 0.16);
  --hover-effect: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  --pressed: var(--surface-opacity-md, 0.45);
  --pressed-effect: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  --focus-style: dashed;
  --focus-color: var(--color-support-03);
  --focus-offset: var(--spacing-scale-half);
  --focus-width: var(--surface-width-lg, 4px);
  --active: var(--color-primary-darken-01);
  --selected: var(--color-primary-lighten-01);
  --on: var(--color-primary-lighten-02);
  --off: var(--color-secondary-06);
  --ondrag-border-color: var(--interactive);
  --ondrag-border-width: var(--surface-width-md, 2px);
  --ondrag-border-style: solid;
  --ondrag-shadow-offset-x: var(--surface-offset-none, 0);
  --ondrag-shadow-offset-y: var(--surface-offset-md, 3px);
  --ondrag-shadow-blur: var(--surface-blur-lg, 6px);
  --ondrag-shadow-color: var(--interactive-rgb);
  --ondrag-shadow-opacity: var(--surface-opacity-sm, 0.3);
  --ondrag-opacity: var(--surface-opacity-xl, 0.85);
  --ondrag-rotate: -5deg;
  --ondrag-cursor: grabbing;
  --draggable-icon: grip-vertical;
  --draggable-cursor: grab;
  --dropzone-border-color: var(--interactive);
  --dropzone-border-width: var(--surface-width-sm, 1px);
  --dropzone-border-style: dashed;
  --ondrop-background: var(--interactive-rgb);
  --ondrop-opacity: var(--surface-opacity-sm, 0.3);
  --ondrop-cursor: copy
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #007bff !important
}

.border-secondary {
  border-color: #6c757d !important
}

.border-success {
  border-color: #28a745 !important
}

.border-info {
  border-color: #17a2b8 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #dc3545 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #343a40 !important
}

.border-white {
  border-color: #fff !important
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important
}

.rounded-right, .rounded-top {
  border-top-right-radius: .25rem !important
}

.rounded-bottom, .rounded-right {
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom, .rounded-left {
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media (min-width:575px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width:992px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width:1280px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width:1600px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive:before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-21by9:before {
  padding-top: 42.8571428571%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.embed-responsive-4by3:before {
  padding-top: 75%
}

.embed-responsive-1by1:before {
  padding-top: 100%
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

@media (min-width:575px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }
}

@media (min-width:992px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }
}

@media (min-width:1280px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }
}

@media (min-width:1600px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media (min-width:575px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }
}

@media (min-width:992px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }
}

@media (min-width:1280px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media (min-width:1600px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.fixed-top {
  top: 0
}

.fixed-bottom, .fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.m-0 {
  margin: 0 !important
}

.mt-0, .my-0 {
  margin-top: 0 !important
}

.mr-0, .mx-0 {
  margin-right: 0 !important
}

.mb-0, .my-0 {
  margin-bottom: 0 !important
}

.ml-0, .mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: 8px !important
}

.mt-1, .my-1 {
  margin-top: 8px !important
}

.mr-1, .mx-1 {
  margin-right: 8px !important
}

.mb-1, .my-1 {
  margin-bottom: 8px !important
}

.ml-1, .mx-1 {
  margin-left: 8px !important
}

.m-2 {
  margin: 12px !important
}

.mt-2, .my-2 {
  margin-top: 12px !important
}

.mr-2, .mx-2 {
  margin-right: 12px !important
}

.mb-2, .my-2 {
  margin-bottom: 12px !important
}

.ml-2, .mx-2 {
  margin-left: 12px !important
}

.m-3 {
  margin: 16px !important
}

.mt-3, .my-3 {
  margin-top: 16px !important
}

.mr-3, .mx-3 {
  margin-right: 16px !important
}

.mb-3, .my-3 {
  margin-bottom: 16px !important
}

.ml-3, .mx-3 {
  margin-left: 16px !important
}

.m-4 {
  margin: 24px !important
}

.mt-4, .my-4 {
  margin-top: 24px !important
}

.mr-4, .mx-4 {
  margin-right: 24px !important
}

.mb-4, .my-4 {
  margin-bottom: 24px !important
}

.ml-4, .mx-4 {
  margin-left: 24px !important
}

.m-5 {
  margin: 40px !important
}

.mt-5, .my-5 {
  margin-top: 40px !important
}

.mr-5, .mx-5 {
  margin-right: 40px !important
}

.mb-5, .my-5 {
  margin-bottom: 40px !important
}

.ml-5, .mx-5 {
  margin-left: 40px !important
}

.m-half {
  margin: 4px !important
}

.mt-half, .my-half {
  margin-top: 4px !important
}

.mr-half, .mx-half {
  margin-right: 4px !important
}

.mb-half, .my-half {
  margin-bottom: 4px !important
}

.ml-half, .mx-half {
  margin-left: 4px !important
}

.m-base {
  margin: 8px !important
}

.mt-base, .my-base {
  margin-top: 8px !important
}

.mr-base, .mx-base {
  margin-right: 8px !important
}

.mb-base, .my-base {
  margin-bottom: 8px !important
}

.ml-base, .mx-base {
  margin-left: 8px !important
}

.m-baseh {
  margin: 12px !important
}

.mt-baseh, .my-baseh {
  margin-top: 12px !important
}

.mr-baseh, .mx-baseh {
  margin-right: 12px !important
}

.mb-baseh, .my-baseh {
  margin-bottom: 12px !important
}

.ml-baseh, .mx-baseh {
  margin-left: 12px !important
}

.m-2x {
  margin: 16px !important
}

.mt-2x, .my-2x {
  margin-top: 16px !important
}

.mr-2x, .mx-2x {
  margin-right: 16px !important
}

.mb-2x, .my-2x {
  margin-bottom: 16px !important
}

.ml-2x, .mx-2x {
  margin-left: 16px !important
}

.m-2xh {
  margin: 20px !important
}

.mt-2xh, .my-2xh {
  margin-top: 20px !important
}

.mr-2xh, .mx-2xh {
  margin-right: 20px !important
}

.mb-2xh, .my-2xh {
  margin-bottom: 20px !important
}

.ml-2xh, .mx-2xh {
  margin-left: 20px !important
}

.m-3x {
  margin: 24px !important
}

.mt-3x, .my-3x {
  margin-top: 24px !important
}

.mr-3x, .mx-3x {
  margin-right: 24px !important
}

.mb-3x, .my-3x {
  margin-bottom: 24px !important
}

.ml-3x, .mx-3x {
  margin-left: 24px !important
}

.m-3xh {
  margin: 28px !important
}

.mt-3xh, .my-3xh {
  margin-top: 28px !important
}

.mr-3xh, .mx-3xh {
  margin-right: 28px !important
}

.mb-3xh, .my-3xh {
  margin-bottom: 28px !important
}

.ml-3xh, .mx-3xh {
  margin-left: 28px !important
}

.m-4x {
  margin: 32px !important
}

.mt-4x, .my-4x {
  margin-top: 32px !important
}

.mr-4x, .mx-4x {
  margin-right: 32px !important
}

.mb-4x, .my-4x {
  margin-bottom: 32px !important
}

.ml-4x, .mx-4x {
  margin-left: 32px !important
}

.m-4xh {
  margin: 36px !important
}

.mt-4xh, .my-4xh {
  margin-top: 36px !important
}

.mr-4xh, .mx-4xh {
  margin-right: 36px !important
}

.mb-4xh, .my-4xh {
  margin-bottom: 36px !important
}

.ml-4xh, .mx-4xh {
  margin-left: 36px !important
}

.m-5x {
  margin: 40px !important
}

.mt-5x, .my-5x {
  margin-top: 40px !important
}

.mr-5x, .mx-5x {
  margin-right: 40px !important
}

.mb-5x, .my-5x {
  margin-bottom: 40px !important
}

.ml-5x, .mx-5x {
  margin-left: 40px !important
}

.m-5xh {
  margin: 44px !important
}

.mt-5xh, .my-5xh {
  margin-top: 44px !important
}

.mr-5xh, .mx-5xh {
  margin-right: 44px !important
}

.mb-5xh, .my-5xh {
  margin-bottom: 44px !important
}

.ml-5xh, .mx-5xh {
  margin-left: 44px !important
}

.m-6x {
  margin: 48px !important
}

.mt-6x, .my-6x {
  margin-top: 48px !important
}

.mr-6x, .mx-6x {
  margin-right: 48px !important
}

.mb-6x, .my-6x {
  margin-bottom: 48px !important
}

.ml-6x, .mx-6x {
  margin-left: 48px !important
}

.m-6xh {
  margin: 52px !important
}

.mt-6xh, .my-6xh {
  margin-top: 52px !important
}

.mr-6xh, .mx-6xh {
  margin-right: 52px !important
}

.mb-6xh, .my-6xh {
  margin-bottom: 52px !important
}

.ml-6xh, .mx-6xh {
  margin-left: 52px !important
}

.m-7x {
  margin: 56px !important
}

.mt-7x, .my-7x {
  margin-top: 56px !important
}

.mr-7x, .mx-7x {
  margin-right: 56px !important
}

.mb-7x, .my-7x {
  margin-bottom: 56px !important
}

.ml-7x, .mx-7x {
  margin-left: 56px !important
}

.m-7xh {
  margin: 60px !important
}

.mt-7xh, .my-7xh {
  margin-top: 60px !important
}

.mr-7xh, .mx-7xh {
  margin-right: 60px !important
}

.mb-7xh, .my-7xh {
  margin-bottom: 60px !important
}

.ml-7xh, .mx-7xh {
  margin-left: 60px !important
}

.m-8x {
  margin: 64px !important
}

.mt-8x, .my-8x {
  margin-top: 64px !important
}

.mr-8x, .mx-8x {
  margin-right: 64px !important
}

.mb-8x, .my-8x {
  margin-bottom: 64px !important
}

.ml-8x, .mx-8x {
  margin-left: 64px !important
}

.m-8xh {
  margin: 68px !important
}

.mt-8xh, .my-8xh {
  margin-top: 68px !important
}

.mr-8xh, .mx-8xh {
  margin-right: 68px !important
}

.mb-8xh, .my-8xh {
  margin-bottom: 68px !important
}

.ml-8xh, .mx-8xh {
  margin-left: 68px !important
}

.m-9x {
  margin: 72px !important
}

.mt-9x, .my-9x {
  margin-top: 72px !important
}

.mr-9x, .mx-9x {
  margin-right: 72px !important
}

.mb-9x, .my-9x {
  margin-bottom: 72px !important
}

.ml-9x, .mx-9x {
  margin-left: 72px !important
}

.m-9xh {
  margin: 76px !important
}

.mt-9xh, .my-9xh {
  margin-top: 76px !important
}

.mr-9xh, .mx-9xh {
  margin-right: 76px !important
}

.mb-9xh, .my-9xh {
  margin-bottom: 76px !important
}

.ml-9xh, .mx-9xh {
  margin-left: 76px !important
}

.m-10x {
  margin: 80px !important
}

.mt-10x, .my-10x {
  margin-top: 80px !important
}

.mr-10x, .mx-10x {
  margin-right: 80px !important
}

.mb-10x, .my-10x {
  margin-bottom: 80px !important
}

.ml-10x, .mx-10x {
  margin-left: 80px !important
}

.m-10xh {
  margin: 84px !important
}

.mt-10xh, .my-10xh {
  margin-top: 84px !important
}

.mr-10xh, .mx-10xh {
  margin-right: 84px !important
}

.mb-10xh, .my-10xh {
  margin-bottom: 84px !important
}

.ml-10xh, .mx-10xh {
  margin-left: 84px !important
}

.p-0 {
  padding: 0 !important
}

.pt-0, .py-0 {
  padding-top: 0 !important
}

.pr-0, .px-0 {
  padding-right: 0 !important
}

.pb-0, .py-0 {
  padding-bottom: 0 !important
}

.pl-0, .px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: 8px !important
}

.pt-1, .py-1 {
  padding-top: 8px !important
}

.pr-1, .px-1 {
  padding-right: 8px !important
}

.pb-1, .py-1 {
  padding-bottom: 8px !important
}

.pl-1, .px-1 {
  padding-left: 8px !important
}

.p-2 {
  padding: 12px !important
}

.pt-2, .py-2 {
  padding-top: 12px !important
}

.pr-2, .px-2 {
  padding-right: 12px !important
}

.pb-2, .py-2 {
  padding-bottom: 12px !important
}

.pl-2, .px-2 {
  padding-left: 12px !important
}

.p-3 {
  padding: 16px !important
}

.pt-3, .py-3 {
  padding-top: 16px !important
}

.pr-3, .px-3 {
  padding-right: 16px !important
}

.pb-3, .py-3 {
  padding-bottom: 16px !important
}

.pl-3, .px-3 {
  padding-left: 16px !important
}

.p-4 {
  padding: 24px !important
}

.pt-4, .py-4 {
  padding-top: 24px !important
}

.pr-4, .px-4 {
  padding-right: 24px !important
}

.pb-4, .py-4 {
  padding-bottom: 24px !important
}

.pl-4, .px-4 {
  padding-left: 24px !important
}

.p-5 {
  padding: 40px !important
}

.pt-5, .py-5 {
  padding-top: 40px !important
}

.pr-5, .px-5 {
  padding-right: 40px !important
}

.pb-5, .py-5 {
  padding-bottom: 40px !important
}

.pl-5, .px-5 {
  padding-left: 40px !important
}

.p-half {
  padding: 4px !important
}

.pt-half, .py-half {
  padding-top: 4px !important
}

.pr-half, .px-half {
  padding-right: 4px !important
}

.pb-half, .py-half {
  padding-bottom: 4px !important
}

.pl-half, .px-half {
  padding-left: 4px !important
}

.p-base {
  padding: 8px !important
}

.pt-base, .py-base {
  padding-top: 8px !important
}

.pr-base, .px-base {
  padding-right: 8px !important
}

.pb-base, .py-base {
  padding-bottom: 8px !important
}

.pl-base, .px-base {
  padding-left: 8px !important
}

.p-baseh {
  padding: 12px !important
}

.pt-baseh, .py-baseh {
  padding-top: 12px !important
}

.pr-baseh, .px-baseh {
  padding-right: 12px !important
}

.pb-baseh, .py-baseh {
  padding-bottom: 12px !important
}

.pl-baseh, .px-baseh {
  padding-left: 12px !important
}

.p-2x {
  padding: 16px !important
}

.pt-2x, .py-2x {
  padding-top: 16px !important
}

.pr-2x, .px-2x {
  padding-right: 16px !important
}

.pb-2x, .py-2x {
  padding-bottom: 16px !important
}

.pl-2x, .px-2x {
  padding-left: 16px !important
}

.p-2xh {
  padding: 20px !important
}

.pt-2xh, .py-2xh {
  padding-top: 20px !important
}

.pr-2xh, .px-2xh {
  padding-right: 20px !important
}

.pb-2xh, .py-2xh {
  padding-bottom: 20px !important
}

.pl-2xh, .px-2xh {
  padding-left: 20px !important
}

.p-3x {
  padding: 24px !important
}

.pt-3x, .py-3x {
  padding-top: 24px !important
}

.pr-3x, .px-3x {
  padding-right: 24px !important
}

.pb-3x, .py-3x {
  padding-bottom: 24px !important
}

.pl-3x, .px-3x {
  padding-left: 24px !important
}

.p-3xh {
  padding: 28px !important
}

.pt-3xh, .py-3xh {
  padding-top: 28px !important
}

.pr-3xh, .px-3xh {
  padding-right: 28px !important
}

.pb-3xh, .py-3xh {
  padding-bottom: 28px !important
}

.pl-3xh, .px-3xh {
  padding-left: 28px !important
}

.p-4x {
  padding: 32px !important
}

.pt-4x, .py-4x {
  padding-top: 32px !important
}

.pr-4x, .px-4x {
  padding-right: 32px !important
}

.pb-4x, .py-4x {
  padding-bottom: 32px !important
}

.pl-4x, .px-4x {
  padding-left: 32px !important
}

.p-4xh {
  padding: 36px !important
}

.pt-4xh, .py-4xh {
  padding-top: 36px !important
}

.pr-4xh, .px-4xh {
  padding-right: 36px !important
}

.pb-4xh, .py-4xh {
  padding-bottom: 36px !important
}

.pl-4xh, .px-4xh {
  padding-left: 36px !important
}

.p-5x {
  padding: 40px !important
}

.pt-5x, .py-5x {
  padding-top: 40px !important
}

.pr-5x, .px-5x {
  padding-right: 40px !important
}

.pb-5x, .py-5x {
  padding-bottom: 40px !important
}

.pl-5x, .px-5x {
  padding-left: 40px !important
}

.p-5xh {
  padding: 44px !important
}

.pt-5xh, .py-5xh {
  padding-top: 44px !important
}

.pr-5xh, .px-5xh {
  padding-right: 44px !important
}

.pb-5xh, .py-5xh {
  padding-bottom: 44px !important
}

.pl-5xh, .px-5xh {
  padding-left: 44px !important
}

.p-6x {
  padding: 48px !important
}

.pt-6x, .py-6x {
  padding-top: 48px !important
}

.pr-6x, .px-6x {
  padding-right: 48px !important
}

.pb-6x, .py-6x {
  padding-bottom: 48px !important
}

.pl-6x, .px-6x {
  padding-left: 48px !important
}

.p-6xh {
  padding: 52px !important
}

.pt-6xh, .py-6xh {
  padding-top: 52px !important
}

.pr-6xh, .px-6xh {
  padding-right: 52px !important
}

.pb-6xh, .py-6xh {
  padding-bottom: 52px !important
}

.pl-6xh, .px-6xh {
  padding-left: 52px !important
}

.p-7x {
  padding: 56px !important
}

.pt-7x, .py-7x {
  padding-top: 56px !important
}

.pr-7x, .px-7x {
  padding-right: 56px !important
}

.pb-7x, .py-7x {
  padding-bottom: 56px !important
}

.pl-7x, .px-7x {
  padding-left: 56px !important
}

.p-7xh {
  padding: 60px !important
}

.pt-7xh, .py-7xh {
  padding-top: 60px !important
}

.pr-7xh, .px-7xh {
  padding-right: 60px !important
}

.pb-7xh, .py-7xh {
  padding-bottom: 60px !important
}

.pl-7xh, .px-7xh {
  padding-left: 60px !important
}

.p-8x {
  padding: 64px !important
}

.pt-8x, .py-8x {
  padding-top: 64px !important
}

.pr-8x, .px-8x {
  padding-right: 64px !important
}

.pb-8x, .py-8x {
  padding-bottom: 64px !important
}

.pl-8x, .px-8x {
  padding-left: 64px !important
}

.p-8xh {
  padding: 68px !important
}

.pt-8xh, .py-8xh {
  padding-top: 68px !important
}

.pr-8xh, .px-8xh {
  padding-right: 68px !important
}

.pb-8xh, .py-8xh {
  padding-bottom: 68px !important
}

.pl-8xh, .px-8xh {
  padding-left: 68px !important
}

.p-9x {
  padding: 72px !important
}

.pt-9x, .py-9x {
  padding-top: 72px !important
}

.pr-9x, .px-9x {
  padding-right: 72px !important
}

.pb-9x, .py-9x {
  padding-bottom: 72px !important
}

.pl-9x, .px-9x {
  padding-left: 72px !important
}

.p-9xh {
  padding: 76px !important
}

.pt-9xh, .py-9xh {
  padding-top: 76px !important
}

.pr-9xh, .px-9xh {
  padding-right: 76px !important
}

.pb-9xh, .py-9xh {
  padding-bottom: 76px !important
}

.pl-9xh, .px-9xh {
  padding-left: 76px !important
}

.p-10x {
  padding: 80px !important
}

.pt-10x, .py-10x {
  padding-top: 80px !important
}

.pr-10x, .px-10x {
  padding-right: 80px !important
}

.pb-10x, .py-10x {
  padding-bottom: 80px !important
}

.pl-10x, .px-10x {
  padding-left: 80px !important
}

.p-10xh {
  padding: 84px !important
}

.pt-10xh, .py-10xh {
  padding-top: 84px !important
}

.pr-10xh, .px-10xh {
  padding-right: 84px !important
}

.pb-10xh, .py-10xh {
  padding-bottom: 84px !important
}

.pl-10xh, .px-10xh {
  padding-left: 84px !important
}

.m-n1 {
  margin: -8px !important
}

.mt-n1, .my-n1 {
  margin-top: -8px !important
}

.mr-n1, .mx-n1 {
  margin-right: -8px !important
}

.mb-n1, .my-n1 {
  margin-bottom: -8px !important
}

.ml-n1, .mx-n1 {
  margin-left: -8px !important
}

.m-n2 {
  margin: -12px !important
}

.mt-n2, .my-n2 {
  margin-top: -12px !important
}

.mr-n2, .mx-n2 {
  margin-right: -12px !important
}

.mb-n2, .my-n2 {
  margin-bottom: -12px !important
}

.ml-n2, .mx-n2 {
  margin-left: -12px !important
}

.m-n3 {
  margin: -16px !important
}

.mt-n3, .my-n3 {
  margin-top: -16px !important
}

.mr-n3, .mx-n3 {
  margin-right: -16px !important
}

.mb-n3, .my-n3 {
  margin-bottom: -16px !important
}

.ml-n3, .mx-n3 {
  margin-left: -16px !important
}

.m-n4 {
  margin: -24px !important
}

.mt-n4, .my-n4 {
  margin-top: -24px !important
}

.mr-n4, .mx-n4 {
  margin-right: -24px !important
}

.mb-n4, .my-n4 {
  margin-bottom: -24px !important
}

.ml-n4, .mx-n4 {
  margin-left: -24px !important
}

.m-n5 {
  margin: -40px !important
}

.mt-n5, .my-n5 {
  margin-top: -40px !important
}

.mr-n5, .mx-n5 {
  margin-right: -40px !important
}

.mb-n5, .my-n5 {
  margin-bottom: -40px !important
}

.ml-n5, .mx-n5 {
  margin-left: -40px !important
}

.m-nhalf {
  margin: -4px !important
}

.mt-nhalf, .my-nhalf {
  margin-top: -4px !important
}

.mr-nhalf, .mx-nhalf {
  margin-right: -4px !important
}

.mb-nhalf, .my-nhalf {
  margin-bottom: -4px !important
}

.ml-nhalf, .mx-nhalf {
  margin-left: -4px !important
}

.m-nbase {
  margin: -8px !important
}

.mt-nbase, .my-nbase {
  margin-top: -8px !important
}

.mr-nbase, .mx-nbase {
  margin-right: -8px !important
}

.mb-nbase, .my-nbase {
  margin-bottom: -8px !important
}

.ml-nbase, .mx-nbase {
  margin-left: -8px !important
}

.m-nbaseh {
  margin: -12px !important
}

.mt-nbaseh, .my-nbaseh {
  margin-top: -12px !important
}

.mr-nbaseh, .mx-nbaseh {
  margin-right: -12px !important
}

.mb-nbaseh, .my-nbaseh {
  margin-bottom: -12px !important
}

.ml-nbaseh, .mx-nbaseh {
  margin-left: -12px !important
}

.m-n2x {
  margin: -16px !important
}

.mt-n2x, .my-n2x {
  margin-top: -16px !important
}

.mr-n2x, .mx-n2x {
  margin-right: -16px !important
}

.mb-n2x, .my-n2x {
  margin-bottom: -16px !important
}

.ml-n2x, .mx-n2x {
  margin-left: -16px !important
}

.m-n2xh {
  margin: -20px !important
}

.mt-n2xh, .my-n2xh {
  margin-top: -20px !important
}

.mr-n2xh, .mx-n2xh {
  margin-right: -20px !important
}

.mb-n2xh, .my-n2xh {
  margin-bottom: -20px !important
}

.ml-n2xh, .mx-n2xh {
  margin-left: -20px !important
}

.m-n3x {
  margin: -24px !important
}

.mt-n3x, .my-n3x {
  margin-top: -24px !important
}

.mr-n3x, .mx-n3x {
  margin-right: -24px !important
}

.mb-n3x, .my-n3x {
  margin-bottom: -24px !important
}

.ml-n3x, .mx-n3x {
  margin-left: -24px !important
}

.m-n3xh {
  margin: -28px !important
}

.mt-n3xh, .my-n3xh {
  margin-top: -28px !important
}

.mr-n3xh, .mx-n3xh {
  margin-right: -28px !important
}

.mb-n3xh, .my-n3xh {
  margin-bottom: -28px !important
}

.ml-n3xh, .mx-n3xh {
  margin-left: -28px !important
}

.m-n4x {
  margin: -32px !important
}

.mt-n4x, .my-n4x {
  margin-top: -32px !important
}

.mr-n4x, .mx-n4x {
  margin-right: -32px !important
}

.mb-n4x, .my-n4x {
  margin-bottom: -32px !important
}

.ml-n4x, .mx-n4x {
  margin-left: -32px !important
}

.m-n4xh {
  margin: -36px !important
}

.mt-n4xh, .my-n4xh {
  margin-top: -36px !important
}

.mr-n4xh, .mx-n4xh {
  margin-right: -36px !important
}

.mb-n4xh, .my-n4xh {
  margin-bottom: -36px !important
}

.ml-n4xh, .mx-n4xh {
  margin-left: -36px !important
}

.m-n5x {
  margin: -40px !important
}

.mt-n5x, .my-n5x {
  margin-top: -40px !important
}

.mr-n5x, .mx-n5x {
  margin-right: -40px !important
}

.mb-n5x, .my-n5x {
  margin-bottom: -40px !important
}

.ml-n5x, .mx-n5x {
  margin-left: -40px !important
}

.m-n5xh {
  margin: -44px !important
}

.mt-n5xh, .my-n5xh {
  margin-top: -44px !important
}

.mr-n5xh, .mx-n5xh {
  margin-right: -44px !important
}

.mb-n5xh, .my-n5xh {
  margin-bottom: -44px !important
}

.ml-n5xh, .mx-n5xh {
  margin-left: -44px !important
}

.m-n6x {
  margin: -48px !important
}

.mt-n6x, .my-n6x {
  margin-top: -48px !important
}

.mr-n6x, .mx-n6x {
  margin-right: -48px !important
}

.mb-n6x, .my-n6x {
  margin-bottom: -48px !important
}

.ml-n6x, .mx-n6x {
  margin-left: -48px !important
}

.m-n6xh {
  margin: -52px !important
}

.mt-n6xh, .my-n6xh {
  margin-top: -52px !important
}

.mr-n6xh, .mx-n6xh {
  margin-right: -52px !important
}

.mb-n6xh, .my-n6xh {
  margin-bottom: -52px !important
}

.ml-n6xh, .mx-n6xh {
  margin-left: -52px !important
}

.m-n7x {
  margin: -56px !important
}

.mt-n7x, .my-n7x {
  margin-top: -56px !important
}

.mr-n7x, .mx-n7x {
  margin-right: -56px !important
}

.mb-n7x, .my-n7x {
  margin-bottom: -56px !important
}

.ml-n7x, .mx-n7x {
  margin-left: -56px !important
}

.m-n7xh {
  margin: -60px !important
}

.mt-n7xh, .my-n7xh {
  margin-top: -60px !important
}

.mr-n7xh, .mx-n7xh {
  margin-right: -60px !important
}

.mb-n7xh, .my-n7xh {
  margin-bottom: -60px !important
}

.ml-n7xh, .mx-n7xh {
  margin-left: -60px !important
}

.m-n8x {
  margin: -64px !important
}

.mt-n8x, .my-n8x {
  margin-top: -64px !important
}

.mr-n8x, .mx-n8x {
  margin-right: -64px !important
}

.mb-n8x, .my-n8x {
  margin-bottom: -64px !important
}

.ml-n8x, .mx-n8x {
  margin-left: -64px !important
}

.m-n8xh {
  margin: -68px !important
}

.mt-n8xh, .my-n8xh {
  margin-top: -68px !important
}

.mr-n8xh, .mx-n8xh {
  margin-right: -68px !important
}

.mb-n8xh, .my-n8xh {
  margin-bottom: -68px !important
}

.ml-n8xh, .mx-n8xh {
  margin-left: -68px !important
}

.m-n9x {
  margin: -72px !important
}

.mt-n9x, .my-n9x {
  margin-top: -72px !important
}

.mr-n9x, .mx-n9x {
  margin-right: -72px !important
}

.mb-n9x, .my-n9x {
  margin-bottom: -72px !important
}

.ml-n9x, .mx-n9x {
  margin-left: -72px !important
}

.m-n9xh {
  margin: -76px !important
}

.mt-n9xh, .my-n9xh {
  margin-top: -76px !important
}

.mr-n9xh, .mx-n9xh {
  margin-right: -76px !important
}

.mb-n9xh, .my-n9xh {
  margin-bottom: -76px !important
}

.ml-n9xh, .mx-n9xh {
  margin-left: -76px !important
}

.m-n10x {
  margin: -80px !important
}

.mt-n10x, .my-n10x {
  margin-top: -80px !important
}

.mr-n10x, .mx-n10x {
  margin-right: -80px !important
}

.mb-n10x, .my-n10x {
  margin-bottom: -80px !important
}

.ml-n10x, .mx-n10x {
  margin-left: -80px !important
}

.m-n10xh {
  margin: -84px !important
}

.mt-n10xh, .my-n10xh {
  margin-top: -84px !important
}

.mr-n10xh, .mx-n10xh {
  margin-right: -84px !important
}

.mb-n10xh, .my-n10xh {
  margin-bottom: -84px !important
}

.ml-n10xh, .mx-n10xh {
  margin-left: -84px !important
}

.m-auto {
  margin: auto !important
}

.mt-auto, .my-auto {
  margin-top: auto !important
}

.mr-auto, .mx-auto {
  margin-right: auto !important
}

.mb-auto, .my-auto {
  margin-bottom: auto !important
}

.ml-auto, .mx-auto {
  margin-left: auto !important
}

@media (min-width:575px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: 8px !important
  }

  .mt-sm-1, .my-sm-1 {
    margin-top: 8px !important
  }

  .mr-sm-1, .mx-sm-1 {
    margin-right: 8px !important
  }

  .mb-sm-1, .my-sm-1 {
    margin-bottom: 8px !important
  }

  .ml-sm-1, .mx-sm-1 {
    margin-left: 8px !important
  }

  .m-sm-2 {
    margin: 12px !important
  }

  .mt-sm-2, .my-sm-2 {
    margin-top: 12px !important
  }

  .mr-sm-2, .mx-sm-2 {
    margin-right: 12px !important
  }

  .mb-sm-2, .my-sm-2 {
    margin-bottom: 12px !important
  }

  .ml-sm-2, .mx-sm-2 {
    margin-left: 12px !important
  }

  .m-sm-3 {
    margin: 16px !important
  }

  .mt-sm-3, .my-sm-3 {
    margin-top: 16px !important
  }

  .mr-sm-3, .mx-sm-3 {
    margin-right: 16px !important
  }

  .mb-sm-3, .my-sm-3 {
    margin-bottom: 16px !important
  }

  .ml-sm-3, .mx-sm-3 {
    margin-left: 16px !important
  }

  .m-sm-4 {
    margin: 24px !important
  }

  .mt-sm-4, .my-sm-4 {
    margin-top: 24px !important
  }

  .mr-sm-4, .mx-sm-4 {
    margin-right: 24px !important
  }

  .mb-sm-4, .my-sm-4 {
    margin-bottom: 24px !important
  }

  .ml-sm-4, .mx-sm-4 {
    margin-left: 24px !important
  }

  .m-sm-5 {
    margin: 40px !important
  }

  .mt-sm-5, .my-sm-5 {
    margin-top: 40px !important
  }

  .mr-sm-5, .mx-sm-5 {
    margin-right: 40px !important
  }

  .mb-sm-5, .my-sm-5 {
    margin-bottom: 40px !important
  }

  .ml-sm-5, .mx-sm-5 {
    margin-left: 40px !important
  }

  .m-sm-half {
    margin: 4px !important
  }

  .mt-sm-half, .my-sm-half {
    margin-top: 4px !important
  }

  .mr-sm-half, .mx-sm-half {
    margin-right: 4px !important
  }

  .mb-sm-half, .my-sm-half {
    margin-bottom: 4px !important
  }

  .ml-sm-half, .mx-sm-half {
    margin-left: 4px !important
  }

  .m-sm-base {
    margin: 8px !important
  }

  .mt-sm-base, .my-sm-base {
    margin-top: 8px !important
  }

  .mr-sm-base, .mx-sm-base {
    margin-right: 8px !important
  }

  .mb-sm-base, .my-sm-base {
    margin-bottom: 8px !important
  }

  .ml-sm-base, .mx-sm-base {
    margin-left: 8px !important
  }

  .m-sm-baseh {
    margin: 12px !important
  }

  .mt-sm-baseh, .my-sm-baseh {
    margin-top: 12px !important
  }

  .mr-sm-baseh, .mx-sm-baseh {
    margin-right: 12px !important
  }

  .mb-sm-baseh, .my-sm-baseh {
    margin-bottom: 12px !important
  }

  .ml-sm-baseh, .mx-sm-baseh {
    margin-left: 12px !important
  }

  .m-sm-2x {
    margin: 16px !important
  }

  .mt-sm-2x, .my-sm-2x {
    margin-top: 16px !important
  }

  .mr-sm-2x, .mx-sm-2x {
    margin-right: 16px !important
  }

  .mb-sm-2x, .my-sm-2x {
    margin-bottom: 16px !important
  }

  .ml-sm-2x, .mx-sm-2x {
    margin-left: 16px !important
  }

  .m-sm-2xh {
    margin: 20px !important
  }

  .mt-sm-2xh, .my-sm-2xh {
    margin-top: 20px !important
  }

  .mr-sm-2xh, .mx-sm-2xh {
    margin-right: 20px !important
  }

  .mb-sm-2xh, .my-sm-2xh {
    margin-bottom: 20px !important
  }

  .ml-sm-2xh, .mx-sm-2xh {
    margin-left: 20px !important
  }

  .m-sm-3x {
    margin: 24px !important
  }

  .mt-sm-3x, .my-sm-3x {
    margin-top: 24px !important
  }

  .mr-sm-3x, .mx-sm-3x {
    margin-right: 24px !important
  }

  .mb-sm-3x, .my-sm-3x {
    margin-bottom: 24px !important
  }

  .ml-sm-3x, .mx-sm-3x {
    margin-left: 24px !important
  }

  .m-sm-3xh {
    margin: 28px !important
  }

  .mt-sm-3xh, .my-sm-3xh {
    margin-top: 28px !important
  }

  .mr-sm-3xh, .mx-sm-3xh {
    margin-right: 28px !important
  }

  .mb-sm-3xh, .my-sm-3xh {
    margin-bottom: 28px !important
  }

  .ml-sm-3xh, .mx-sm-3xh {
    margin-left: 28px !important
  }

  .m-sm-4x {
    margin: 32px !important
  }

  .mt-sm-4x, .my-sm-4x {
    margin-top: 32px !important
  }

  .mr-sm-4x, .mx-sm-4x {
    margin-right: 32px !important
  }

  .mb-sm-4x, .my-sm-4x {
    margin-bottom: 32px !important
  }

  .ml-sm-4x, .mx-sm-4x {
    margin-left: 32px !important
  }

  .m-sm-4xh {
    margin: 36px !important
  }

  .mt-sm-4xh, .my-sm-4xh {
    margin-top: 36px !important
  }

  .mr-sm-4xh, .mx-sm-4xh {
    margin-right: 36px !important
  }

  .mb-sm-4xh, .my-sm-4xh {
    margin-bottom: 36px !important
  }

  .ml-sm-4xh, .mx-sm-4xh {
    margin-left: 36px !important
  }

  .m-sm-5x {
    margin: 40px !important
  }

  .mt-sm-5x, .my-sm-5x {
    margin-top: 40px !important
  }

  .mr-sm-5x, .mx-sm-5x {
    margin-right: 40px !important
  }

  .mb-sm-5x, .my-sm-5x {
    margin-bottom: 40px !important
  }

  .ml-sm-5x, .mx-sm-5x {
    margin-left: 40px !important
  }

  .m-sm-5xh {
    margin: 44px !important
  }

  .mt-sm-5xh, .my-sm-5xh {
    margin-top: 44px !important
  }

  .mr-sm-5xh, .mx-sm-5xh {
    margin-right: 44px !important
  }

  .mb-sm-5xh, .my-sm-5xh {
    margin-bottom: 44px !important
  }

  .ml-sm-5xh, .mx-sm-5xh {
    margin-left: 44px !important
  }

  .m-sm-6x {
    margin: 48px !important
  }

  .mt-sm-6x, .my-sm-6x {
    margin-top: 48px !important
  }

  .mr-sm-6x, .mx-sm-6x {
    margin-right: 48px !important
  }

  .mb-sm-6x, .my-sm-6x {
    margin-bottom: 48px !important
  }

  .ml-sm-6x, .mx-sm-6x {
    margin-left: 48px !important
  }

  .m-sm-6xh {
    margin: 52px !important
  }

  .mt-sm-6xh, .my-sm-6xh {
    margin-top: 52px !important
  }

  .mr-sm-6xh, .mx-sm-6xh {
    margin-right: 52px !important
  }

  .mb-sm-6xh, .my-sm-6xh {
    margin-bottom: 52px !important
  }

  .ml-sm-6xh, .mx-sm-6xh {
    margin-left: 52px !important
  }

  .m-sm-7x {
    margin: 56px !important
  }

  .mt-sm-7x, .my-sm-7x {
    margin-top: 56px !important
  }

  .mr-sm-7x, .mx-sm-7x {
    margin-right: 56px !important
  }

  .mb-sm-7x, .my-sm-7x {
    margin-bottom: 56px !important
  }

  .ml-sm-7x, .mx-sm-7x {
    margin-left: 56px !important
  }

  .m-sm-7xh {
    margin: 60px !important
  }

  .mt-sm-7xh, .my-sm-7xh {
    margin-top: 60px !important
  }

  .mr-sm-7xh, .mx-sm-7xh {
    margin-right: 60px !important
  }

  .mb-sm-7xh, .my-sm-7xh {
    margin-bottom: 60px !important
  }

  .ml-sm-7xh, .mx-sm-7xh {
    margin-left: 60px !important
  }

  .m-sm-8x {
    margin: 64px !important
  }

  .mt-sm-8x, .my-sm-8x {
    margin-top: 64px !important
  }

  .mr-sm-8x, .mx-sm-8x {
    margin-right: 64px !important
  }

  .mb-sm-8x, .my-sm-8x {
    margin-bottom: 64px !important
  }

  .ml-sm-8x, .mx-sm-8x {
    margin-left: 64px !important
  }

  .m-sm-8xh {
    margin: 68px !important
  }

  .mt-sm-8xh, .my-sm-8xh {
    margin-top: 68px !important
  }

  .mr-sm-8xh, .mx-sm-8xh {
    margin-right: 68px !important
  }

  .mb-sm-8xh, .my-sm-8xh {
    margin-bottom: 68px !important
  }

  .ml-sm-8xh, .mx-sm-8xh {
    margin-left: 68px !important
  }

  .m-sm-9x {
    margin: 72px !important
  }

  .mt-sm-9x, .my-sm-9x {
    margin-top: 72px !important
  }

  .mr-sm-9x, .mx-sm-9x {
    margin-right: 72px !important
  }

  .mb-sm-9x, .my-sm-9x {
    margin-bottom: 72px !important
  }

  .ml-sm-9x, .mx-sm-9x {
    margin-left: 72px !important
  }

  .m-sm-9xh {
    margin: 76px !important
  }

  .mt-sm-9xh, .my-sm-9xh {
    margin-top: 76px !important
  }

  .mr-sm-9xh, .mx-sm-9xh {
    margin-right: 76px !important
  }

  .mb-sm-9xh, .my-sm-9xh {
    margin-bottom: 76px !important
  }

  .ml-sm-9xh, .mx-sm-9xh {
    margin-left: 76px !important
  }

  .m-sm-10x {
    margin: 80px !important
  }

  .mt-sm-10x, .my-sm-10x {
    margin-top: 80px !important
  }

  .mr-sm-10x, .mx-sm-10x {
    margin-right: 80px !important
  }

  .mb-sm-10x, .my-sm-10x {
    margin-bottom: 80px !important
  }

  .ml-sm-10x, .mx-sm-10x {
    margin-left: 80px !important
  }

  .m-sm-10xh {
    margin: 84px !important
  }

  .mt-sm-10xh, .my-sm-10xh {
    margin-top: 84px !important
  }

  .mr-sm-10xh, .mx-sm-10xh {
    margin-right: 84px !important
  }

  .mb-sm-10xh, .my-sm-10xh {
    margin-bottom: 84px !important
  }

  .ml-sm-10xh, .mx-sm-10xh {
    margin-left: 84px !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: 8px !important
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: 8px !important
  }

  .pr-sm-1, .px-sm-1 {
    padding-right: 8px !important
  }

  .pb-sm-1, .py-sm-1 {
    padding-bottom: 8px !important
  }

  .pl-sm-1, .px-sm-1 {
    padding-left: 8px !important
  }

  .p-sm-2 {
    padding: 12px !important
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: 12px !important
  }

  .pr-sm-2, .px-sm-2 {
    padding-right: 12px !important
  }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: 12px !important
  }

  .pl-sm-2, .px-sm-2 {
    padding-left: 12px !important
  }

  .p-sm-3 {
    padding: 16px !important
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: 16px !important
  }

  .pr-sm-3, .px-sm-3 {
    padding-right: 16px !important
  }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 16px !important
  }

  .pl-sm-3, .px-sm-3 {
    padding-left: 16px !important
  }

  .p-sm-4 {
    padding: 24px !important
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: 24px !important
  }

  .pr-sm-4, .px-sm-4 {
    padding-right: 24px !important
  }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 24px !important
  }

  .pl-sm-4, .px-sm-4 {
    padding-left: 24px !important
  }

  .p-sm-5 {
    padding: 40px !important
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: 40px !important
  }

  .pr-sm-5, .px-sm-5 {
    padding-right: 40px !important
  }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 40px !important
  }

  .pl-sm-5, .px-sm-5 {
    padding-left: 40px !important
  }

  .p-sm-half {
    padding: 4px !important
  }

  .pt-sm-half, .py-sm-half {
    padding-top: 4px !important
  }

  .pr-sm-half, .px-sm-half {
    padding-right: 4px !important
  }

  .pb-sm-half, .py-sm-half {
    padding-bottom: 4px !important
  }

  .pl-sm-half, .px-sm-half {
    padding-left: 4px !important
  }

  .p-sm-base {
    padding: 8px !important
  }

  .pt-sm-base, .py-sm-base {
    padding-top: 8px !important
  }

  .pr-sm-base, .px-sm-base {
    padding-right: 8px !important
  }

  .pb-sm-base, .py-sm-base {
    padding-bottom: 8px !important
  }

  .pl-sm-base, .px-sm-base {
    padding-left: 8px !important
  }

  .p-sm-baseh {
    padding: 12px !important
  }

  .pt-sm-baseh, .py-sm-baseh {
    padding-top: 12px !important
  }

  .pr-sm-baseh, .px-sm-baseh {
    padding-right: 12px !important
  }

  .pb-sm-baseh, .py-sm-baseh {
    padding-bottom: 12px !important
  }

  .pl-sm-baseh, .px-sm-baseh {
    padding-left: 12px !important
  }

  .p-sm-2x {
    padding: 16px !important
  }

  .pt-sm-2x, .py-sm-2x {
    padding-top: 16px !important
  }

  .pr-sm-2x, .px-sm-2x {
    padding-right: 16px !important
  }

  .pb-sm-2x, .py-sm-2x {
    padding-bottom: 16px !important
  }

  .pl-sm-2x, .px-sm-2x {
    padding-left: 16px !important
  }

  .p-sm-2xh {
    padding: 20px !important
  }

  .pt-sm-2xh, .py-sm-2xh {
    padding-top: 20px !important
  }

  .pr-sm-2xh, .px-sm-2xh {
    padding-right: 20px !important
  }

  .pb-sm-2xh, .py-sm-2xh {
    padding-bottom: 20px !important
  }

  .pl-sm-2xh, .px-sm-2xh {
    padding-left: 20px !important
  }

  .p-sm-3x {
    padding: 24px !important
  }

  .pt-sm-3x, .py-sm-3x {
    padding-top: 24px !important
  }

  .pr-sm-3x, .px-sm-3x {
    padding-right: 24px !important
  }

  .pb-sm-3x, .py-sm-3x {
    padding-bottom: 24px !important
  }

  .pl-sm-3x, .px-sm-3x {
    padding-left: 24px !important
  }

  .p-sm-3xh {
    padding: 28px !important
  }

  .pt-sm-3xh, .py-sm-3xh {
    padding-top: 28px !important
  }

  .pr-sm-3xh, .px-sm-3xh {
    padding-right: 28px !important
  }

  .pb-sm-3xh, .py-sm-3xh {
    padding-bottom: 28px !important
  }

  .pl-sm-3xh, .px-sm-3xh {
    padding-left: 28px !important
  }

  .p-sm-4x {
    padding: 32px !important
  }

  .pt-sm-4x, .py-sm-4x {
    padding-top: 32px !important
  }

  .pr-sm-4x, .px-sm-4x {
    padding-right: 32px !important
  }

  .pb-sm-4x, .py-sm-4x {
    padding-bottom: 32px !important
  }

  .pl-sm-4x, .px-sm-4x {
    padding-left: 32px !important
  }

  .p-sm-4xh {
    padding: 36px !important
  }

  .pt-sm-4xh, .py-sm-4xh {
    padding-top: 36px !important
  }

  .pr-sm-4xh, .px-sm-4xh {
    padding-right: 36px !important
  }

  .pb-sm-4xh, .py-sm-4xh {
    padding-bottom: 36px !important
  }

  .pl-sm-4xh, .px-sm-4xh {
    padding-left: 36px !important
  }

  .p-sm-5x {
    padding: 40px !important
  }

  .pt-sm-5x, .py-sm-5x {
    padding-top: 40px !important
  }

  .pr-sm-5x, .px-sm-5x {
    padding-right: 40px !important
  }

  .pb-sm-5x, .py-sm-5x {
    padding-bottom: 40px !important
  }

  .pl-sm-5x, .px-sm-5x {
    padding-left: 40px !important
  }

  .p-sm-5xh {
    padding: 44px !important
  }

  .pt-sm-5xh, .py-sm-5xh {
    padding-top: 44px !important
  }

  .pr-sm-5xh, .px-sm-5xh {
    padding-right: 44px !important
  }

  .pb-sm-5xh, .py-sm-5xh {
    padding-bottom: 44px !important
  }

  .pl-sm-5xh, .px-sm-5xh {
    padding-left: 44px !important
  }

  .p-sm-6x {
    padding: 48px !important
  }

  .pt-sm-6x, .py-sm-6x {
    padding-top: 48px !important
  }

  .pr-sm-6x, .px-sm-6x {
    padding-right: 48px !important
  }

  .pb-sm-6x, .py-sm-6x {
    padding-bottom: 48px !important
  }

  .pl-sm-6x, .px-sm-6x {
    padding-left: 48px !important
  }

  .p-sm-6xh {
    padding: 52px !important
  }

  .pt-sm-6xh, .py-sm-6xh {
    padding-top: 52px !important
  }

  .pr-sm-6xh, .px-sm-6xh {
    padding-right: 52px !important
  }

  .pb-sm-6xh, .py-sm-6xh {
    padding-bottom: 52px !important
  }

  .pl-sm-6xh, .px-sm-6xh {
    padding-left: 52px !important
  }

  .p-sm-7x {
    padding: 56px !important
  }

  .pt-sm-7x, .py-sm-7x {
    padding-top: 56px !important
  }

  .pr-sm-7x, .px-sm-7x {
    padding-right: 56px !important
  }

  .pb-sm-7x, .py-sm-7x {
    padding-bottom: 56px !important
  }

  .pl-sm-7x, .px-sm-7x {
    padding-left: 56px !important
  }

  .p-sm-7xh {
    padding: 60px !important
  }

  .pt-sm-7xh, .py-sm-7xh {
    padding-top: 60px !important
  }

  .pr-sm-7xh, .px-sm-7xh {
    padding-right: 60px !important
  }

  .pb-sm-7xh, .py-sm-7xh {
    padding-bottom: 60px !important
  }

  .pl-sm-7xh, .px-sm-7xh {
    padding-left: 60px !important
  }

  .p-sm-8x {
    padding: 64px !important
  }

  .pt-sm-8x, .py-sm-8x {
    padding-top: 64px !important
  }

  .pr-sm-8x, .px-sm-8x {
    padding-right: 64px !important
  }

  .pb-sm-8x, .py-sm-8x {
    padding-bottom: 64px !important
  }

  .pl-sm-8x, .px-sm-8x {
    padding-left: 64px !important
  }

  .p-sm-8xh {
    padding: 68px !important
  }

  .pt-sm-8xh, .py-sm-8xh {
    padding-top: 68px !important
  }

  .pr-sm-8xh, .px-sm-8xh {
    padding-right: 68px !important
  }

  .pb-sm-8xh, .py-sm-8xh {
    padding-bottom: 68px !important
  }

  .pl-sm-8xh, .px-sm-8xh {
    padding-left: 68px !important
  }

  .p-sm-9x {
    padding: 72px !important
  }

  .pt-sm-9x, .py-sm-9x {
    padding-top: 72px !important
  }

  .pr-sm-9x, .px-sm-9x {
    padding-right: 72px !important
  }

  .pb-sm-9x, .py-sm-9x {
    padding-bottom: 72px !important
  }

  .pl-sm-9x, .px-sm-9x {
    padding-left: 72px !important
  }

  .p-sm-9xh {
    padding: 76px !important
  }

  .pt-sm-9xh, .py-sm-9xh {
    padding-top: 76px !important
  }

  .pr-sm-9xh, .px-sm-9xh {
    padding-right: 76px !important
  }

  .pb-sm-9xh, .py-sm-9xh {
    padding-bottom: 76px !important
  }

  .pl-sm-9xh, .px-sm-9xh {
    padding-left: 76px !important
  }

  .p-sm-10x {
    padding: 80px !important
  }

  .pt-sm-10x, .py-sm-10x {
    padding-top: 80px !important
  }

  .pr-sm-10x, .px-sm-10x {
    padding-right: 80px !important
  }

  .pb-sm-10x, .py-sm-10x {
    padding-bottom: 80px !important
  }

  .pl-sm-10x, .px-sm-10x {
    padding-left: 80px !important
  }

  .p-sm-10xh {
    padding: 84px !important
  }

  .pt-sm-10xh, .py-sm-10xh {
    padding-top: 84px !important
  }

  .pr-sm-10xh, .px-sm-10xh {
    padding-right: 84px !important
  }

  .pb-sm-10xh, .py-sm-10xh {
    padding-bottom: 84px !important
  }

  .pl-sm-10xh, .px-sm-10xh {
    padding-left: 84px !important
  }

  .m-sm-n1 {
    margin: -8px !important
  }

  .mt-sm-n1, .my-sm-n1 {
    margin-top: -8px !important
  }

  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -8px !important
  }

  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -8px !important
  }

  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -8px !important
  }

  .m-sm-n2 {
    margin: -12px !important
  }

  .mt-sm-n2, .my-sm-n2 {
    margin-top: -12px !important
  }

  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -12px !important
  }

  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -12px !important
  }

  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -12px !important
  }

  .m-sm-n3 {
    margin: -16px !important
  }

  .mt-sm-n3, .my-sm-n3 {
    margin-top: -16px !important
  }

  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -16px !important
  }

  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -16px !important
  }

  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -16px !important
  }

  .m-sm-n4 {
    margin: -24px !important
  }

  .mt-sm-n4, .my-sm-n4 {
    margin-top: -24px !important
  }

  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -24px !important
  }

  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -24px !important
  }

  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -24px !important
  }

  .m-sm-n5 {
    margin: -40px !important
  }

  .mt-sm-n5, .my-sm-n5 {
    margin-top: -40px !important
  }

  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -40px !important
  }

  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -40px !important
  }

  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -40px !important
  }

  .m-sm-nhalf {
    margin: -4px !important
  }

  .mt-sm-nhalf, .my-sm-nhalf {
    margin-top: -4px !important
  }

  .mr-sm-nhalf, .mx-sm-nhalf {
    margin-right: -4px !important
  }

  .mb-sm-nhalf, .my-sm-nhalf {
    margin-bottom: -4px !important
  }

  .ml-sm-nhalf, .mx-sm-nhalf {
    margin-left: -4px !important
  }

  .m-sm-nbase {
    margin: -8px !important
  }

  .mt-sm-nbase, .my-sm-nbase {
    margin-top: -8px !important
  }

  .mr-sm-nbase, .mx-sm-nbase {
    margin-right: -8px !important
  }

  .mb-sm-nbase, .my-sm-nbase {
    margin-bottom: -8px !important
  }

  .ml-sm-nbase, .mx-sm-nbase {
    margin-left: -8px !important
  }

  .m-sm-nbaseh {
    margin: -12px !important
  }

  .mt-sm-nbaseh, .my-sm-nbaseh {
    margin-top: -12px !important
  }

  .mr-sm-nbaseh, .mx-sm-nbaseh {
    margin-right: -12px !important
  }

  .mb-sm-nbaseh, .my-sm-nbaseh {
    margin-bottom: -12px !important
  }

  .ml-sm-nbaseh, .mx-sm-nbaseh {
    margin-left: -12px !important
  }

  .m-sm-n2x {
    margin: -16px !important
  }

  .mt-sm-n2x, .my-sm-n2x {
    margin-top: -16px !important
  }

  .mr-sm-n2x, .mx-sm-n2x {
    margin-right: -16px !important
  }

  .mb-sm-n2x, .my-sm-n2x {
    margin-bottom: -16px !important
  }

  .ml-sm-n2x, .mx-sm-n2x {
    margin-left: -16px !important
  }

  .m-sm-n2xh {
    margin: -20px !important
  }

  .mt-sm-n2xh, .my-sm-n2xh {
    margin-top: -20px !important
  }

  .mr-sm-n2xh, .mx-sm-n2xh {
    margin-right: -20px !important
  }

  .mb-sm-n2xh, .my-sm-n2xh {
    margin-bottom: -20px !important
  }

  .ml-sm-n2xh, .mx-sm-n2xh {
    margin-left: -20px !important
  }

  .m-sm-n3x {
    margin: -24px !important
  }

  .mt-sm-n3x, .my-sm-n3x {
    margin-top: -24px !important
  }

  .mr-sm-n3x, .mx-sm-n3x {
    margin-right: -24px !important
  }

  .mb-sm-n3x, .my-sm-n3x {
    margin-bottom: -24px !important
  }

  .ml-sm-n3x, .mx-sm-n3x {
    margin-left: -24px !important
  }

  .m-sm-n3xh {
    margin: -28px !important
  }

  .mt-sm-n3xh, .my-sm-n3xh {
    margin-top: -28px !important
  }

  .mr-sm-n3xh, .mx-sm-n3xh {
    margin-right: -28px !important
  }

  .mb-sm-n3xh, .my-sm-n3xh {
    margin-bottom: -28px !important
  }

  .ml-sm-n3xh, .mx-sm-n3xh {
    margin-left: -28px !important
  }

  .m-sm-n4x {
    margin: -32px !important
  }

  .mt-sm-n4x, .my-sm-n4x {
    margin-top: -32px !important
  }

  .mr-sm-n4x, .mx-sm-n4x {
    margin-right: -32px !important
  }

  .mb-sm-n4x, .my-sm-n4x {
    margin-bottom: -32px !important
  }

  .ml-sm-n4x, .mx-sm-n4x {
    margin-left: -32px !important
  }

  .m-sm-n4xh {
    margin: -36px !important
  }

  .mt-sm-n4xh, .my-sm-n4xh {
    margin-top: -36px !important
  }

  .mr-sm-n4xh, .mx-sm-n4xh {
    margin-right: -36px !important
  }

  .mb-sm-n4xh, .my-sm-n4xh {
    margin-bottom: -36px !important
  }

  .ml-sm-n4xh, .mx-sm-n4xh {
    margin-left: -36px !important
  }

  .m-sm-n5x {
    margin: -40px !important
  }

  .mt-sm-n5x, .my-sm-n5x {
    margin-top: -40px !important
  }

  .mr-sm-n5x, .mx-sm-n5x {
    margin-right: -40px !important
  }

  .mb-sm-n5x, .my-sm-n5x {
    margin-bottom: -40px !important
  }

  .ml-sm-n5x, .mx-sm-n5x {
    margin-left: -40px !important
  }

  .m-sm-n5xh {
    margin: -44px !important
  }

  .mt-sm-n5xh, .my-sm-n5xh {
    margin-top: -44px !important
  }

  .mr-sm-n5xh, .mx-sm-n5xh {
    margin-right: -44px !important
  }

  .mb-sm-n5xh, .my-sm-n5xh {
    margin-bottom: -44px !important
  }

  .ml-sm-n5xh, .mx-sm-n5xh {
    margin-left: -44px !important
  }

  .m-sm-n6x {
    margin: -48px !important
  }

  .mt-sm-n6x, .my-sm-n6x {
    margin-top: -48px !important
  }

  .mr-sm-n6x, .mx-sm-n6x {
    margin-right: -48px !important
  }

  .mb-sm-n6x, .my-sm-n6x {
    margin-bottom: -48px !important
  }

  .ml-sm-n6x, .mx-sm-n6x {
    margin-left: -48px !important
  }

  .m-sm-n6xh {
    margin: -52px !important
  }

  .mt-sm-n6xh, .my-sm-n6xh {
    margin-top: -52px !important
  }

  .mr-sm-n6xh, .mx-sm-n6xh {
    margin-right: -52px !important
  }

  .mb-sm-n6xh, .my-sm-n6xh {
    margin-bottom: -52px !important
  }

  .ml-sm-n6xh, .mx-sm-n6xh {
    margin-left: -52px !important
  }

  .m-sm-n7x {
    margin: -56px !important
  }

  .mt-sm-n7x, .my-sm-n7x {
    margin-top: -56px !important
  }

  .mr-sm-n7x, .mx-sm-n7x {
    margin-right: -56px !important
  }

  .mb-sm-n7x, .my-sm-n7x {
    margin-bottom: -56px !important
  }

  .ml-sm-n7x, .mx-sm-n7x {
    margin-left: -56px !important
  }

  .m-sm-n7xh {
    margin: -60px !important
  }

  .mt-sm-n7xh, .my-sm-n7xh {
    margin-top: -60px !important
  }

  .mr-sm-n7xh, .mx-sm-n7xh {
    margin-right: -60px !important
  }

  .mb-sm-n7xh, .my-sm-n7xh {
    margin-bottom: -60px !important
  }

  .ml-sm-n7xh, .mx-sm-n7xh {
    margin-left: -60px !important
  }

  .m-sm-n8x {
    margin: -64px !important
  }

  .mt-sm-n8x, .my-sm-n8x {
    margin-top: -64px !important
  }

  .mr-sm-n8x, .mx-sm-n8x {
    margin-right: -64px !important
  }

  .mb-sm-n8x, .my-sm-n8x {
    margin-bottom: -64px !important
  }

  .ml-sm-n8x, .mx-sm-n8x {
    margin-left: -64px !important
  }

  .m-sm-n8xh {
    margin: -68px !important
  }

  .mt-sm-n8xh, .my-sm-n8xh {
    margin-top: -68px !important
  }

  .mr-sm-n8xh, .mx-sm-n8xh {
    margin-right: -68px !important
  }

  .mb-sm-n8xh, .my-sm-n8xh {
    margin-bottom: -68px !important
  }

  .ml-sm-n8xh, .mx-sm-n8xh {
    margin-left: -68px !important
  }

  .m-sm-n9x {
    margin: -72px !important
  }

  .mt-sm-n9x, .my-sm-n9x {
    margin-top: -72px !important
  }

  .mr-sm-n9x, .mx-sm-n9x {
    margin-right: -72px !important
  }

  .mb-sm-n9x, .my-sm-n9x {
    margin-bottom: -72px !important
  }

  .ml-sm-n9x, .mx-sm-n9x {
    margin-left: -72px !important
  }

  .m-sm-n9xh {
    margin: -76px !important
  }

  .mt-sm-n9xh, .my-sm-n9xh {
    margin-top: -76px !important
  }

  .mr-sm-n9xh, .mx-sm-n9xh {
    margin-right: -76px !important
  }

  .mb-sm-n9xh, .my-sm-n9xh {
    margin-bottom: -76px !important
  }

  .ml-sm-n9xh, .mx-sm-n9xh {
    margin-left: -76px !important
  }

  .m-sm-n10x {
    margin: -80px !important
  }

  .mt-sm-n10x, .my-sm-n10x {
    margin-top: -80px !important
  }

  .mr-sm-n10x, .mx-sm-n10x {
    margin-right: -80px !important
  }

  .mb-sm-n10x, .my-sm-n10x {
    margin-bottom: -80px !important
  }

  .ml-sm-n10x, .mx-sm-n10x {
    margin-left: -80px !important
  }

  .m-sm-n10xh {
    margin: -84px !important
  }

  .mt-sm-n10xh, .my-sm-n10xh {
    margin-top: -84px !important
  }

  .mr-sm-n10xh, .mx-sm-n10xh {
    margin-right: -84px !important
  }

  .mb-sm-n10xh, .my-sm-n10xh {
    margin-bottom: -84px !important
  }

  .ml-sm-n10xh, .mx-sm-n10xh {
    margin-left: -84px !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important
  }
}

@media (min-width:992px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0, .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: 8px !important
  }

  .mt-md-1, .my-md-1 {
    margin-top: 8px !important
  }

  .mr-md-1, .mx-md-1 {
    margin-right: 8px !important
  }

  .mb-md-1, .my-md-1 {
    margin-bottom: 8px !important
  }

  .ml-md-1, .mx-md-1 {
    margin-left: 8px !important
  }

  .m-md-2 {
    margin: 12px !important
  }

  .mt-md-2, .my-md-2 {
    margin-top: 12px !important
  }

  .mr-md-2, .mx-md-2 {
    margin-right: 12px !important
  }

  .mb-md-2, .my-md-2 {
    margin-bottom: 12px !important
  }

  .ml-md-2, .mx-md-2 {
    margin-left: 12px !important
  }

  .m-md-3 {
    margin: 16px !important
  }

  .mt-md-3, .my-md-3 {
    margin-top: 16px !important
  }

  .mr-md-3, .mx-md-3 {
    margin-right: 16px !important
  }

  .mb-md-3, .my-md-3 {
    margin-bottom: 16px !important
  }

  .ml-md-3, .mx-md-3 {
    margin-left: 16px !important
  }

  .m-md-4 {
    margin: 24px !important
  }

  .mt-md-4, .my-md-4 {
    margin-top: 24px !important
  }

  .mr-md-4, .mx-md-4 {
    margin-right: 24px !important
  }

  .mb-md-4, .my-md-4 {
    margin-bottom: 24px !important
  }

  .ml-md-4, .mx-md-4 {
    margin-left: 24px !important
  }

  .m-md-5 {
    margin: 40px !important
  }

  .mt-md-5, .my-md-5 {
    margin-top: 40px !important
  }

  .mr-md-5, .mx-md-5 {
    margin-right: 40px !important
  }

  .mb-md-5, .my-md-5 {
    margin-bottom: 40px !important
  }

  .ml-md-5, .mx-md-5 {
    margin-left: 40px !important
  }

  .m-md-half {
    margin: 4px !important
  }

  .mt-md-half, .my-md-half {
    margin-top: 4px !important
  }

  .mr-md-half, .mx-md-half {
    margin-right: 4px !important
  }

  .mb-md-half, .my-md-half {
    margin-bottom: 4px !important
  }

  .ml-md-half, .mx-md-half {
    margin-left: 4px !important
  }

  .m-md-base {
    margin: 8px !important
  }

  .mt-md-base, .my-md-base {
    margin-top: 8px !important
  }

  .mr-md-base, .mx-md-base {
    margin-right: 8px !important
  }

  .mb-md-base, .my-md-base {
    margin-bottom: 8px !important
  }

  .ml-md-base, .mx-md-base {
    margin-left: 8px !important
  }

  .m-md-baseh {
    margin: 12px !important
  }

  .mt-md-baseh, .my-md-baseh {
    margin-top: 12px !important
  }

  .mr-md-baseh, .mx-md-baseh {
    margin-right: 12px !important
  }

  .mb-md-baseh, .my-md-baseh {
    margin-bottom: 12px !important
  }

  .ml-md-baseh, .mx-md-baseh {
    margin-left: 12px !important
  }

  .m-md-2x {
    margin: 16px !important
  }

  .mt-md-2x, .my-md-2x {
    margin-top: 16px !important
  }

  .mr-md-2x, .mx-md-2x {
    margin-right: 16px !important
  }

  .mb-md-2x, .my-md-2x {
    margin-bottom: 16px !important
  }

  .ml-md-2x, .mx-md-2x {
    margin-left: 16px !important
  }

  .m-md-2xh {
    margin: 20px !important
  }

  .mt-md-2xh, .my-md-2xh {
    margin-top: 20px !important
  }

  .mr-md-2xh, .mx-md-2xh {
    margin-right: 20px !important
  }

  .mb-md-2xh, .my-md-2xh {
    margin-bottom: 20px !important
  }

  .ml-md-2xh, .mx-md-2xh {
    margin-left: 20px !important
  }

  .m-md-3x {
    margin: 24px !important
  }

  .mt-md-3x, .my-md-3x {
    margin-top: 24px !important
  }

  .mr-md-3x, .mx-md-3x {
    margin-right: 24px !important
  }

  .mb-md-3x, .my-md-3x {
    margin-bottom: 24px !important
  }

  .ml-md-3x, .mx-md-3x {
    margin-left: 24px !important
  }

  .m-md-3xh {
    margin: 28px !important
  }

  .mt-md-3xh, .my-md-3xh {
    margin-top: 28px !important
  }

  .mr-md-3xh, .mx-md-3xh {
    margin-right: 28px !important
  }

  .mb-md-3xh, .my-md-3xh {
    margin-bottom: 28px !important
  }

  .ml-md-3xh, .mx-md-3xh {
    margin-left: 28px !important
  }

  .m-md-4x {
    margin: 32px !important
  }

  .mt-md-4x, .my-md-4x {
    margin-top: 32px !important
  }

  .mr-md-4x, .mx-md-4x {
    margin-right: 32px !important
  }

  .mb-md-4x, .my-md-4x {
    margin-bottom: 32px !important
  }

  .ml-md-4x, .mx-md-4x {
    margin-left: 32px !important
  }

  .m-md-4xh {
    margin: 36px !important
  }

  .mt-md-4xh, .my-md-4xh {
    margin-top: 36px !important
  }

  .mr-md-4xh, .mx-md-4xh {
    margin-right: 36px !important
  }

  .mb-md-4xh, .my-md-4xh {
    margin-bottom: 36px !important
  }

  .ml-md-4xh, .mx-md-4xh {
    margin-left: 36px !important
  }

  .m-md-5x {
    margin: 40px !important
  }

  .mt-md-5x, .my-md-5x {
    margin-top: 40px !important
  }

  .mr-md-5x, .mx-md-5x {
    margin-right: 40px !important
  }

  .mb-md-5x, .my-md-5x {
    margin-bottom: 40px !important
  }

  .ml-md-5x, .mx-md-5x {
    margin-left: 40px !important
  }

  .m-md-5xh {
    margin: 44px !important
  }

  .mt-md-5xh, .my-md-5xh {
    margin-top: 44px !important
  }

  .mr-md-5xh, .mx-md-5xh {
    margin-right: 44px !important
  }

  .mb-md-5xh, .my-md-5xh {
    margin-bottom: 44px !important
  }

  .ml-md-5xh, .mx-md-5xh {
    margin-left: 44px !important
  }

  .m-md-6x {
    margin: 48px !important
  }

  .mt-md-6x, .my-md-6x {
    margin-top: 48px !important
  }

  .mr-md-6x, .mx-md-6x {
    margin-right: 48px !important
  }

  .mb-md-6x, .my-md-6x {
    margin-bottom: 48px !important
  }

  .ml-md-6x, .mx-md-6x {
    margin-left: 48px !important
  }

  .m-md-6xh {
    margin: 52px !important
  }

  .mt-md-6xh, .my-md-6xh {
    margin-top: 52px !important
  }

  .mr-md-6xh, .mx-md-6xh {
    margin-right: 52px !important
  }

  .mb-md-6xh, .my-md-6xh {
    margin-bottom: 52px !important
  }

  .ml-md-6xh, .mx-md-6xh {
    margin-left: 52px !important
  }

  .m-md-7x {
    margin: 56px !important
  }

  .mt-md-7x, .my-md-7x {
    margin-top: 56px !important
  }

  .mr-md-7x, .mx-md-7x {
    margin-right: 56px !important
  }

  .mb-md-7x, .my-md-7x {
    margin-bottom: 56px !important
  }

  .ml-md-7x, .mx-md-7x {
    margin-left: 56px !important
  }

  .m-md-7xh {
    margin: 60px !important
  }

  .mt-md-7xh, .my-md-7xh {
    margin-top: 60px !important
  }

  .mr-md-7xh, .mx-md-7xh {
    margin-right: 60px !important
  }

  .mb-md-7xh, .my-md-7xh {
    margin-bottom: 60px !important
  }

  .ml-md-7xh, .mx-md-7xh {
    margin-left: 60px !important
  }

  .m-md-8x {
    margin: 64px !important
  }

  .mt-md-8x, .my-md-8x {
    margin-top: 64px !important
  }

  .mr-md-8x, .mx-md-8x {
    margin-right: 64px !important
  }

  .mb-md-8x, .my-md-8x {
    margin-bottom: 64px !important
  }

  .ml-md-8x, .mx-md-8x {
    margin-left: 64px !important
  }

  .m-md-8xh {
    margin: 68px !important
  }

  .mt-md-8xh, .my-md-8xh {
    margin-top: 68px !important
  }

  .mr-md-8xh, .mx-md-8xh {
    margin-right: 68px !important
  }

  .mb-md-8xh, .my-md-8xh {
    margin-bottom: 68px !important
  }

  .ml-md-8xh, .mx-md-8xh {
    margin-left: 68px !important
  }

  .m-md-9x {
    margin: 72px !important
  }

  .mt-md-9x, .my-md-9x {
    margin-top: 72px !important
  }

  .mr-md-9x, .mx-md-9x {
    margin-right: 72px !important
  }

  .mb-md-9x, .my-md-9x {
    margin-bottom: 72px !important
  }

  .ml-md-9x, .mx-md-9x {
    margin-left: 72px !important
  }

  .m-md-9xh {
    margin: 76px !important
  }

  .mt-md-9xh, .my-md-9xh {
    margin-top: 76px !important
  }

  .mr-md-9xh, .mx-md-9xh {
    margin-right: 76px !important
  }

  .mb-md-9xh, .my-md-9xh {
    margin-bottom: 76px !important
  }

  .ml-md-9xh, .mx-md-9xh {
    margin-left: 76px !important
  }

  .m-md-10x {
    margin: 80px !important
  }

  .mt-md-10x, .my-md-10x {
    margin-top: 80px !important
  }

  .mr-md-10x, .mx-md-10x {
    margin-right: 80px !important
  }

  .mb-md-10x, .my-md-10x {
    margin-bottom: 80px !important
  }

  .ml-md-10x, .mx-md-10x {
    margin-left: 80px !important
  }

  .m-md-10xh {
    margin: 84px !important
  }

  .mt-md-10xh, .my-md-10xh {
    margin-top: 84px !important
  }

  .mr-md-10xh, .mx-md-10xh {
    margin-right: 84px !important
  }

  .mb-md-10xh, .my-md-10xh {
    margin-bottom: 84px !important
  }

  .ml-md-10xh, .mx-md-10xh {
    margin-left: 84px !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0, .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0, .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0, .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: 8px !important
  }

  .pt-md-1, .py-md-1 {
    padding-top: 8px !important
  }

  .pr-md-1, .px-md-1 {
    padding-right: 8px !important
  }

  .pb-md-1, .py-md-1 {
    padding-bottom: 8px !important
  }

  .pl-md-1, .px-md-1 {
    padding-left: 8px !important
  }

  .p-md-2 {
    padding: 12px !important
  }

  .pt-md-2, .py-md-2 {
    padding-top: 12px !important
  }

  .pr-md-2, .px-md-2 {
    padding-right: 12px !important
  }

  .pb-md-2, .py-md-2 {
    padding-bottom: 12px !important
  }

  .pl-md-2, .px-md-2 {
    padding-left: 12px !important
  }

  .p-md-3 {
    padding: 16px !important
  }

  .pt-md-3, .py-md-3 {
    padding-top: 16px !important
  }

  .pr-md-3, .px-md-3 {
    padding-right: 16px !important
  }

  .pb-md-3, .py-md-3 {
    padding-bottom: 16px !important
  }

  .pl-md-3, .px-md-3 {
    padding-left: 16px !important
  }

  .p-md-4 {
    padding: 24px !important
  }

  .pt-md-4, .py-md-4 {
    padding-top: 24px !important
  }

  .pr-md-4, .px-md-4 {
    padding-right: 24px !important
  }

  .pb-md-4, .py-md-4 {
    padding-bottom: 24px !important
  }

  .pl-md-4, .px-md-4 {
    padding-left: 24px !important
  }

  .p-md-5 {
    padding: 40px !important
  }

  .pt-md-5, .py-md-5 {
    padding-top: 40px !important
  }

  .pr-md-5, .px-md-5 {
    padding-right: 40px !important
  }

  .pb-md-5, .py-md-5 {
    padding-bottom: 40px !important
  }

  .pl-md-5, .px-md-5 {
    padding-left: 40px !important
  }

  .p-md-half {
    padding: 4px !important
  }

  .pt-md-half, .py-md-half {
    padding-top: 4px !important
  }

  .pr-md-half, .px-md-half {
    padding-right: 4px !important
  }

  .pb-md-half, .py-md-half {
    padding-bottom: 4px !important
  }

  .pl-md-half, .px-md-half {
    padding-left: 4px !important
  }

  .p-md-base {
    padding: 8px !important
  }

  .pt-md-base, .py-md-base {
    padding-top: 8px !important
  }

  .pr-md-base, .px-md-base {
    padding-right: 8px !important
  }

  .pb-md-base, .py-md-base {
    padding-bottom: 8px !important
  }

  .pl-md-base, .px-md-base {
    padding-left: 8px !important
  }

  .p-md-baseh {
    padding: 12px !important
  }

  .pt-md-baseh, .py-md-baseh {
    padding-top: 12px !important
  }

  .pr-md-baseh, .px-md-baseh {
    padding-right: 12px !important
  }

  .pb-md-baseh, .py-md-baseh {
    padding-bottom: 12px !important
  }

  .pl-md-baseh, .px-md-baseh {
    padding-left: 12px !important
  }

  .p-md-2x {
    padding: 16px !important
  }

  .pt-md-2x, .py-md-2x {
    padding-top: 16px !important
  }

  .pr-md-2x, .px-md-2x {
    padding-right: 16px !important
  }

  .pb-md-2x, .py-md-2x {
    padding-bottom: 16px !important
  }

  .pl-md-2x, .px-md-2x {
    padding-left: 16px !important
  }

  .p-md-2xh {
    padding: 20px !important
  }

  .pt-md-2xh, .py-md-2xh {
    padding-top: 20px !important
  }

  .pr-md-2xh, .px-md-2xh {
    padding-right: 20px !important
  }

  .pb-md-2xh, .py-md-2xh {
    padding-bottom: 20px !important
  }

  .pl-md-2xh, .px-md-2xh {
    padding-left: 20px !important
  }

  .p-md-3x {
    padding: 24px !important
  }

  .pt-md-3x, .py-md-3x {
    padding-top: 24px !important
  }

  .pr-md-3x, .px-md-3x {
    padding-right: 24px !important
  }

  .pb-md-3x, .py-md-3x {
    padding-bottom: 24px !important
  }

  .pl-md-3x, .px-md-3x {
    padding-left: 24px !important
  }

  .p-md-3xh {
    padding: 28px !important
  }

  .pt-md-3xh, .py-md-3xh {
    padding-top: 28px !important
  }

  .pr-md-3xh, .px-md-3xh {
    padding-right: 28px !important
  }

  .pb-md-3xh, .py-md-3xh {
    padding-bottom: 28px !important
  }

  .pl-md-3xh, .px-md-3xh {
    padding-left: 28px !important
  }

  .p-md-4x {
    padding: 32px !important
  }

  .pt-md-4x, .py-md-4x {
    padding-top: 32px !important
  }

  .pr-md-4x, .px-md-4x {
    padding-right: 32px !important
  }

  .pb-md-4x, .py-md-4x {
    padding-bottom: 32px !important
  }

  .pl-md-4x, .px-md-4x {
    padding-left: 32px !important
  }

  .p-md-4xh {
    padding: 36px !important
  }

  .pt-md-4xh, .py-md-4xh {
    padding-top: 36px !important
  }

  .pr-md-4xh, .px-md-4xh {
    padding-right: 36px !important
  }

  .pb-md-4xh, .py-md-4xh {
    padding-bottom: 36px !important
  }

  .pl-md-4xh, .px-md-4xh {
    padding-left: 36px !important
  }

  .p-md-5x {
    padding: 40px !important
  }

  .pt-md-5x, .py-md-5x {
    padding-top: 40px !important
  }

  .pr-md-5x, .px-md-5x {
    padding-right: 40px !important
  }

  .pb-md-5x, .py-md-5x {
    padding-bottom: 40px !important
  }

  .pl-md-5x, .px-md-5x {
    padding-left: 40px !important
  }

  .p-md-5xh {
    padding: 44px !important
  }

  .pt-md-5xh, .py-md-5xh {
    padding-top: 44px !important
  }

  .pr-md-5xh, .px-md-5xh {
    padding-right: 44px !important
  }

  .pb-md-5xh, .py-md-5xh {
    padding-bottom: 44px !important
  }

  .pl-md-5xh, .px-md-5xh {
    padding-left: 44px !important
  }

  .p-md-6x {
    padding: 48px !important
  }

  .pt-md-6x, .py-md-6x {
    padding-top: 48px !important
  }

  .pr-md-6x, .px-md-6x {
    padding-right: 48px !important
  }

  .pb-md-6x, .py-md-6x {
    padding-bottom: 48px !important
  }

  .pl-md-6x, .px-md-6x {
    padding-left: 48px !important
  }

  .p-md-6xh {
    padding: 52px !important
  }

  .pt-md-6xh, .py-md-6xh {
    padding-top: 52px !important
  }

  .pr-md-6xh, .px-md-6xh {
    padding-right: 52px !important
  }

  .pb-md-6xh, .py-md-6xh {
    padding-bottom: 52px !important
  }

  .pl-md-6xh, .px-md-6xh {
    padding-left: 52px !important
  }

  .p-md-7x {
    padding: 56px !important
  }

  .pt-md-7x, .py-md-7x {
    padding-top: 56px !important
  }

  .pr-md-7x, .px-md-7x {
    padding-right: 56px !important
  }

  .pb-md-7x, .py-md-7x {
    padding-bottom: 56px !important
  }

  .pl-md-7x, .px-md-7x {
    padding-left: 56px !important
  }

  .p-md-7xh {
    padding: 60px !important
  }

  .pt-md-7xh, .py-md-7xh {
    padding-top: 60px !important
  }

  .pr-md-7xh, .px-md-7xh {
    padding-right: 60px !important
  }

  .pb-md-7xh, .py-md-7xh {
    padding-bottom: 60px !important
  }

  .pl-md-7xh, .px-md-7xh {
    padding-left: 60px !important
  }

  .p-md-8x {
    padding: 64px !important
  }

  .pt-md-8x, .py-md-8x {
    padding-top: 64px !important
  }

  .pr-md-8x, .px-md-8x {
    padding-right: 64px !important
  }

  .pb-md-8x, .py-md-8x {
    padding-bottom: 64px !important
  }

  .pl-md-8x, .px-md-8x {
    padding-left: 64px !important
  }

  .p-md-8xh {
    padding: 68px !important
  }

  .pt-md-8xh, .py-md-8xh {
    padding-top: 68px !important
  }

  .pr-md-8xh, .px-md-8xh {
    padding-right: 68px !important
  }

  .pb-md-8xh, .py-md-8xh {
    padding-bottom: 68px !important
  }

  .pl-md-8xh, .px-md-8xh {
    padding-left: 68px !important
  }

  .p-md-9x {
    padding: 72px !important
  }

  .pt-md-9x, .py-md-9x {
    padding-top: 72px !important
  }

  .pr-md-9x, .px-md-9x {
    padding-right: 72px !important
  }

  .pb-md-9x, .py-md-9x {
    padding-bottom: 72px !important
  }

  .pl-md-9x, .px-md-9x {
    padding-left: 72px !important
  }

  .p-md-9xh {
    padding: 76px !important
  }

  .pt-md-9xh, .py-md-9xh {
    padding-top: 76px !important
  }

  .pr-md-9xh, .px-md-9xh {
    padding-right: 76px !important
  }

  .pb-md-9xh, .py-md-9xh {
    padding-bottom: 76px !important
  }

  .pl-md-9xh, .px-md-9xh {
    padding-left: 76px !important
  }

  .p-md-10x {
    padding: 80px !important
  }

  .pt-md-10x, .py-md-10x {
    padding-top: 80px !important
  }

  .pr-md-10x, .px-md-10x {
    padding-right: 80px !important
  }

  .pb-md-10x, .py-md-10x {
    padding-bottom: 80px !important
  }

  .pl-md-10x, .px-md-10x {
    padding-left: 80px !important
  }

  .p-md-10xh {
    padding: 84px !important
  }

  .pt-md-10xh, .py-md-10xh {
    padding-top: 84px !important
  }

  .pr-md-10xh, .px-md-10xh {
    padding-right: 84px !important
  }

  .pb-md-10xh, .py-md-10xh {
    padding-bottom: 84px !important
  }

  .pl-md-10xh, .px-md-10xh {
    padding-left: 84px !important
  }

  .m-md-n1 {
    margin: -8px !important
  }

  .mt-md-n1, .my-md-n1 {
    margin-top: -8px !important
  }

  .mr-md-n1, .mx-md-n1 {
    margin-right: -8px !important
  }

  .mb-md-n1, .my-md-n1 {
    margin-bottom: -8px !important
  }

  .ml-md-n1, .mx-md-n1 {
    margin-left: -8px !important
  }

  .m-md-n2 {
    margin: -12px !important
  }

  .mt-md-n2, .my-md-n2 {
    margin-top: -12px !important
  }

  .mr-md-n2, .mx-md-n2 {
    margin-right: -12px !important
  }

  .mb-md-n2, .my-md-n2 {
    margin-bottom: -12px !important
  }

  .ml-md-n2, .mx-md-n2 {
    margin-left: -12px !important
  }

  .m-md-n3 {
    margin: -16px !important
  }

  .mt-md-n3, .my-md-n3 {
    margin-top: -16px !important
  }

  .mr-md-n3, .mx-md-n3 {
    margin-right: -16px !important
  }

  .mb-md-n3, .my-md-n3 {
    margin-bottom: -16px !important
  }

  .ml-md-n3, .mx-md-n3 {
    margin-left: -16px !important
  }

  .m-md-n4 {
    margin: -24px !important
  }

  .mt-md-n4, .my-md-n4 {
    margin-top: -24px !important
  }

  .mr-md-n4, .mx-md-n4 {
    margin-right: -24px !important
  }

  .mb-md-n4, .my-md-n4 {
    margin-bottom: -24px !important
  }

  .ml-md-n4, .mx-md-n4 {
    margin-left: -24px !important
  }

  .m-md-n5 {
    margin: -40px !important
  }

  .mt-md-n5, .my-md-n5 {
    margin-top: -40px !important
  }

  .mr-md-n5, .mx-md-n5 {
    margin-right: -40px !important
  }

  .mb-md-n5, .my-md-n5 {
    margin-bottom: -40px !important
  }

  .ml-md-n5, .mx-md-n5 {
    margin-left: -40px !important
  }

  .m-md-nhalf {
    margin: -4px !important
  }

  .mt-md-nhalf, .my-md-nhalf {
    margin-top: -4px !important
  }

  .mr-md-nhalf, .mx-md-nhalf {
    margin-right: -4px !important
  }

  .mb-md-nhalf, .my-md-nhalf {
    margin-bottom: -4px !important
  }

  .ml-md-nhalf, .mx-md-nhalf {
    margin-left: -4px !important
  }

  .m-md-nbase {
    margin: -8px !important
  }

  .mt-md-nbase, .my-md-nbase {
    margin-top: -8px !important
  }

  .mr-md-nbase, .mx-md-nbase {
    margin-right: -8px !important
  }

  .mb-md-nbase, .my-md-nbase {
    margin-bottom: -8px !important
  }

  .ml-md-nbase, .mx-md-nbase {
    margin-left: -8px !important
  }

  .m-md-nbaseh {
    margin: -12px !important
  }

  .mt-md-nbaseh, .my-md-nbaseh {
    margin-top: -12px !important
  }

  .mr-md-nbaseh, .mx-md-nbaseh {
    margin-right: -12px !important
  }

  .mb-md-nbaseh, .my-md-nbaseh {
    margin-bottom: -12px !important
  }

  .ml-md-nbaseh, .mx-md-nbaseh {
    margin-left: -12px !important
  }

  .m-md-n2x {
    margin: -16px !important
  }

  .mt-md-n2x, .my-md-n2x {
    margin-top: -16px !important
  }

  .mr-md-n2x, .mx-md-n2x {
    margin-right: -16px !important
  }

  .mb-md-n2x, .my-md-n2x {
    margin-bottom: -16px !important
  }

  .ml-md-n2x, .mx-md-n2x {
    margin-left: -16px !important
  }

  .m-md-n2xh {
    margin: -20px !important
  }

  .mt-md-n2xh, .my-md-n2xh {
    margin-top: -20px !important
  }

  .mr-md-n2xh, .mx-md-n2xh {
    margin-right: -20px !important
  }

  .mb-md-n2xh, .my-md-n2xh {
    margin-bottom: -20px !important
  }

  .ml-md-n2xh, .mx-md-n2xh {
    margin-left: -20px !important
  }

  .m-md-n3x {
    margin: -24px !important
  }

  .mt-md-n3x, .my-md-n3x {
    margin-top: -24px !important
  }

  .mr-md-n3x, .mx-md-n3x {
    margin-right: -24px !important
  }

  .mb-md-n3x, .my-md-n3x {
    margin-bottom: -24px !important
  }

  .ml-md-n3x, .mx-md-n3x {
    margin-left: -24px !important
  }

  .m-md-n3xh {
    margin: -28px !important
  }

  .mt-md-n3xh, .my-md-n3xh {
    margin-top: -28px !important
  }

  .mr-md-n3xh, .mx-md-n3xh {
    margin-right: -28px !important
  }

  .mb-md-n3xh, .my-md-n3xh {
    margin-bottom: -28px !important
  }

  .ml-md-n3xh, .mx-md-n3xh {
    margin-left: -28px !important
  }

  .m-md-n4x {
    margin: -32px !important
  }

  .mt-md-n4x, .my-md-n4x {
    margin-top: -32px !important
  }

  .mr-md-n4x, .mx-md-n4x {
    margin-right: -32px !important
  }

  .mb-md-n4x, .my-md-n4x {
    margin-bottom: -32px !important
  }

  .ml-md-n4x, .mx-md-n4x {
    margin-left: -32px !important
  }

  .m-md-n4xh {
    margin: -36px !important
  }

  .mt-md-n4xh, .my-md-n4xh {
    margin-top: -36px !important
  }

  .mr-md-n4xh, .mx-md-n4xh {
    margin-right: -36px !important
  }

  .mb-md-n4xh, .my-md-n4xh {
    margin-bottom: -36px !important
  }

  .ml-md-n4xh, .mx-md-n4xh {
    margin-left: -36px !important
  }

  .m-md-n5x {
    margin: -40px !important
  }

  .mt-md-n5x, .my-md-n5x {
    margin-top: -40px !important
  }

  .mr-md-n5x, .mx-md-n5x {
    margin-right: -40px !important
  }

  .mb-md-n5x, .my-md-n5x {
    margin-bottom: -40px !important
  }

  .ml-md-n5x, .mx-md-n5x {
    margin-left: -40px !important
  }

  .m-md-n5xh {
    margin: -44px !important
  }

  .mt-md-n5xh, .my-md-n5xh {
    margin-top: -44px !important
  }

  .mr-md-n5xh, .mx-md-n5xh {
    margin-right: -44px !important
  }

  .mb-md-n5xh, .my-md-n5xh {
    margin-bottom: -44px !important
  }

  .ml-md-n5xh, .mx-md-n5xh {
    margin-left: -44px !important
  }

  .m-md-n6x {
    margin: -48px !important
  }

  .mt-md-n6x, .my-md-n6x {
    margin-top: -48px !important
  }

  .mr-md-n6x, .mx-md-n6x {
    margin-right: -48px !important
  }

  .mb-md-n6x, .my-md-n6x {
    margin-bottom: -48px !important
  }

  .ml-md-n6x, .mx-md-n6x {
    margin-left: -48px !important
  }

  .m-md-n6xh {
    margin: -52px !important
  }

  .mt-md-n6xh, .my-md-n6xh {
    margin-top: -52px !important
  }

  .mr-md-n6xh, .mx-md-n6xh {
    margin-right: -52px !important
  }

  .mb-md-n6xh, .my-md-n6xh {
    margin-bottom: -52px !important
  }

  .ml-md-n6xh, .mx-md-n6xh {
    margin-left: -52px !important
  }

  .m-md-n7x {
    margin: -56px !important
  }

  .mt-md-n7x, .my-md-n7x {
    margin-top: -56px !important
  }

  .mr-md-n7x, .mx-md-n7x {
    margin-right: -56px !important
  }

  .mb-md-n7x, .my-md-n7x {
    margin-bottom: -56px !important
  }

  .ml-md-n7x, .mx-md-n7x {
    margin-left: -56px !important
  }

  .m-md-n7xh {
    margin: -60px !important
  }

  .mt-md-n7xh, .my-md-n7xh {
    margin-top: -60px !important
  }

  .mr-md-n7xh, .mx-md-n7xh {
    margin-right: -60px !important
  }

  .mb-md-n7xh, .my-md-n7xh {
    margin-bottom: -60px !important
  }

  .ml-md-n7xh, .mx-md-n7xh {
    margin-left: -60px !important
  }

  .m-md-n8x {
    margin: -64px !important
  }

  .mt-md-n8x, .my-md-n8x {
    margin-top: -64px !important
  }

  .mr-md-n8x, .mx-md-n8x {
    margin-right: -64px !important
  }

  .mb-md-n8x, .my-md-n8x {
    margin-bottom: -64px !important
  }

  .ml-md-n8x, .mx-md-n8x {
    margin-left: -64px !important
  }

  .m-md-n8xh {
    margin: -68px !important
  }

  .mt-md-n8xh, .my-md-n8xh {
    margin-top: -68px !important
  }

  .mr-md-n8xh, .mx-md-n8xh {
    margin-right: -68px !important
  }

  .mb-md-n8xh, .my-md-n8xh {
    margin-bottom: -68px !important
  }

  .ml-md-n8xh, .mx-md-n8xh {
    margin-left: -68px !important
  }

  .m-md-n9x {
    margin: -72px !important
  }

  .mt-md-n9x, .my-md-n9x {
    margin-top: -72px !important
  }

  .mr-md-n9x, .mx-md-n9x {
    margin-right: -72px !important
  }

  .mb-md-n9x, .my-md-n9x {
    margin-bottom: -72px !important
  }

  .ml-md-n9x, .mx-md-n9x {
    margin-left: -72px !important
  }

  .m-md-n9xh {
    margin: -76px !important
  }

  .mt-md-n9xh, .my-md-n9xh {
    margin-top: -76px !important
  }

  .mr-md-n9xh, .mx-md-n9xh {
    margin-right: -76px !important
  }

  .mb-md-n9xh, .my-md-n9xh {
    margin-bottom: -76px !important
  }

  .ml-md-n9xh, .mx-md-n9xh {
    margin-left: -76px !important
  }

  .m-md-n10x {
    margin: -80px !important
  }

  .mt-md-n10x, .my-md-n10x {
    margin-top: -80px !important
  }

  .mr-md-n10x, .mx-md-n10x {
    margin-right: -80px !important
  }

  .mb-md-n10x, .my-md-n10x {
    margin-bottom: -80px !important
  }

  .ml-md-n10x, .mx-md-n10x {
    margin-left: -80px !important
  }

  .m-md-n10xh {
    margin: -84px !important
  }

  .mt-md-n10xh, .my-md-n10xh {
    margin-top: -84px !important
  }

  .mr-md-n10xh, .mx-md-n10xh {
    margin-right: -84px !important
  }

  .mb-md-n10xh, .my-md-n10xh {
    margin-bottom: -84px !important
  }

  .ml-md-n10xh, .mx-md-n10xh {
    margin-left: -84px !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto, .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important
  }
}

@media (min-width:1280px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: 8px !important
  }

  .mt-lg-1, .my-lg-1 {
    margin-top: 8px !important
  }

  .mr-lg-1, .mx-lg-1 {
    margin-right: 8px !important
  }

  .mb-lg-1, .my-lg-1 {
    margin-bottom: 8px !important
  }

  .ml-lg-1, .mx-lg-1 {
    margin-left: 8px !important
  }

  .m-lg-2 {
    margin: 12px !important
  }

  .mt-lg-2, .my-lg-2 {
    margin-top: 12px !important
  }

  .mr-lg-2, .mx-lg-2 {
    margin-right: 12px !important
  }

  .mb-lg-2, .my-lg-2 {
    margin-bottom: 12px !important
  }

  .ml-lg-2, .mx-lg-2 {
    margin-left: 12px !important
  }

  .m-lg-3 {
    margin: 16px !important
  }

  .mt-lg-3, .my-lg-3 {
    margin-top: 16px !important
  }

  .mr-lg-3, .mx-lg-3 {
    margin-right: 16px !important
  }

  .mb-lg-3, .my-lg-3 {
    margin-bottom: 16px !important
  }

  .ml-lg-3, .mx-lg-3 {
    margin-left: 16px !important
  }

  .m-lg-4 {
    margin: 24px !important
  }

  .mt-lg-4, .my-lg-4 {
    margin-top: 24px !important
  }

  .mr-lg-4, .mx-lg-4 {
    margin-right: 24px !important
  }

  .mb-lg-4, .my-lg-4 {
    margin-bottom: 24px !important
  }

  .ml-lg-4, .mx-lg-4 {
    margin-left: 24px !important
  }

  .m-lg-5 {
    margin: 40px !important
  }

  .mt-lg-5, .my-lg-5 {
    margin-top: 40px !important
  }

  .mr-lg-5, .mx-lg-5 {
    margin-right: 40px !important
  }

  .mb-lg-5, .my-lg-5 {
    margin-bottom: 40px !important
  }

  .ml-lg-5, .mx-lg-5 {
    margin-left: 40px !important
  }

  .m-lg-half {
    margin: 4px !important
  }

  .mt-lg-half, .my-lg-half {
    margin-top: 4px !important
  }

  .mr-lg-half, .mx-lg-half {
    margin-right: 4px !important
  }

  .mb-lg-half, .my-lg-half {
    margin-bottom: 4px !important
  }

  .ml-lg-half, .mx-lg-half {
    margin-left: 4px !important
  }

  .m-lg-base {
    margin: 8px !important
  }

  .mt-lg-base, .my-lg-base {
    margin-top: 8px !important
  }

  .mr-lg-base, .mx-lg-base {
    margin-right: 8px !important
  }

  .mb-lg-base, .my-lg-base {
    margin-bottom: 8px !important
  }

  .ml-lg-base, .mx-lg-base {
    margin-left: 8px !important
  }

  .m-lg-baseh {
    margin: 12px !important
  }

  .mt-lg-baseh, .my-lg-baseh {
    margin-top: 12px !important
  }

  .mr-lg-baseh, .mx-lg-baseh {
    margin-right: 12px !important
  }

  .mb-lg-baseh, .my-lg-baseh {
    margin-bottom: 12px !important
  }

  .ml-lg-baseh, .mx-lg-baseh {
    margin-left: 12px !important
  }

  .m-lg-2x {
    margin: 16px !important
  }

  .mt-lg-2x, .my-lg-2x {
    margin-top: 16px !important
  }

  .mr-lg-2x, .mx-lg-2x {
    margin-right: 16px !important
  }

  .mb-lg-2x, .my-lg-2x {
    margin-bottom: 16px !important
  }

  .ml-lg-2x, .mx-lg-2x {
    margin-left: 16px !important
  }

  .m-lg-2xh {
    margin: 20px !important
  }

  .mt-lg-2xh, .my-lg-2xh {
    margin-top: 20px !important
  }

  .mr-lg-2xh, .mx-lg-2xh {
    margin-right: 20px !important
  }

  .mb-lg-2xh, .my-lg-2xh {
    margin-bottom: 20px !important
  }

  .ml-lg-2xh, .mx-lg-2xh {
    margin-left: 20px !important
  }

  .m-lg-3x {
    margin: 24px !important
  }

  .mt-lg-3x, .my-lg-3x {
    margin-top: 24px !important
  }

  .mr-lg-3x, .mx-lg-3x {
    margin-right: 24px !important
  }

  .mb-lg-3x, .my-lg-3x {
    margin-bottom: 24px !important
  }

  .ml-lg-3x, .mx-lg-3x {
    margin-left: 24px !important
  }

  .m-lg-3xh {
    margin: 28px !important
  }

  .mt-lg-3xh, .my-lg-3xh {
    margin-top: 28px !important
  }

  .mr-lg-3xh, .mx-lg-3xh {
    margin-right: 28px !important
  }

  .mb-lg-3xh, .my-lg-3xh {
    margin-bottom: 28px !important
  }

  .ml-lg-3xh, .mx-lg-3xh {
    margin-left: 28px !important
  }

  .m-lg-4x {
    margin: 32px !important
  }

  .mt-lg-4x, .my-lg-4x {
    margin-top: 32px !important
  }

  .mr-lg-4x, .mx-lg-4x {
    margin-right: 32px !important
  }

  .mb-lg-4x, .my-lg-4x {
    margin-bottom: 32px !important
  }

  .ml-lg-4x, .mx-lg-4x {
    margin-left: 32px !important
  }

  .m-lg-4xh {
    margin: 36px !important
  }

  .mt-lg-4xh, .my-lg-4xh {
    margin-top: 36px !important
  }

  .mr-lg-4xh, .mx-lg-4xh {
    margin-right: 36px !important
  }

  .mb-lg-4xh, .my-lg-4xh {
    margin-bottom: 36px !important
  }

  .ml-lg-4xh, .mx-lg-4xh {
    margin-left: 36px !important
  }

  .m-lg-5x {
    margin: 40px !important
  }

  .mt-lg-5x, .my-lg-5x {
    margin-top: 40px !important
  }

  .mr-lg-5x, .mx-lg-5x {
    margin-right: 40px !important
  }

  .mb-lg-5x, .my-lg-5x {
    margin-bottom: 40px !important
  }

  .ml-lg-5x, .mx-lg-5x {
    margin-left: 40px !important
  }

  .m-lg-5xh {
    margin: 44px !important
  }

  .mt-lg-5xh, .my-lg-5xh {
    margin-top: 44px !important
  }

  .mr-lg-5xh, .mx-lg-5xh {
    margin-right: 44px !important
  }

  .mb-lg-5xh, .my-lg-5xh {
    margin-bottom: 44px !important
  }

  .ml-lg-5xh, .mx-lg-5xh {
    margin-left: 44px !important
  }

  .m-lg-6x {
    margin: 48px !important
  }

  .mt-lg-6x, .my-lg-6x {
    margin-top: 48px !important
  }

  .mr-lg-6x, .mx-lg-6x {
    margin-right: 48px !important
  }

  .mb-lg-6x, .my-lg-6x {
    margin-bottom: 48px !important
  }

  .ml-lg-6x, .mx-lg-6x {
    margin-left: 48px !important
  }

  .m-lg-6xh {
    margin: 52px !important
  }

  .mt-lg-6xh, .my-lg-6xh {
    margin-top: 52px !important
  }

  .mr-lg-6xh, .mx-lg-6xh {
    margin-right: 52px !important
  }

  .mb-lg-6xh, .my-lg-6xh {
    margin-bottom: 52px !important
  }

  .ml-lg-6xh, .mx-lg-6xh {
    margin-left: 52px !important
  }

  .m-lg-7x {
    margin: 56px !important
  }

  .mt-lg-7x, .my-lg-7x {
    margin-top: 56px !important
  }

  .mr-lg-7x, .mx-lg-7x {
    margin-right: 56px !important
  }

  .mb-lg-7x, .my-lg-7x {
    margin-bottom: 56px !important
  }

  .ml-lg-7x, .mx-lg-7x {
    margin-left: 56px !important
  }

  .m-lg-7xh {
    margin: 60px !important
  }

  .mt-lg-7xh, .my-lg-7xh {
    margin-top: 60px !important
  }

  .mr-lg-7xh, .mx-lg-7xh {
    margin-right: 60px !important
  }

  .mb-lg-7xh, .my-lg-7xh {
    margin-bottom: 60px !important
  }

  .ml-lg-7xh, .mx-lg-7xh {
    margin-left: 60px !important
  }

  .m-lg-8x {
    margin: 64px !important
  }

  .mt-lg-8x, .my-lg-8x {
    margin-top: 64px !important
  }

  .mr-lg-8x, .mx-lg-8x {
    margin-right: 64px !important
  }

  .mb-lg-8x, .my-lg-8x {
    margin-bottom: 64px !important
  }

  .ml-lg-8x, .mx-lg-8x {
    margin-left: 64px !important
  }

  .m-lg-8xh {
    margin: 68px !important
  }

  .mt-lg-8xh, .my-lg-8xh {
    margin-top: 68px !important
  }

  .mr-lg-8xh, .mx-lg-8xh {
    margin-right: 68px !important
  }

  .mb-lg-8xh, .my-lg-8xh {
    margin-bottom: 68px !important
  }

  .ml-lg-8xh, .mx-lg-8xh {
    margin-left: 68px !important
  }

  .m-lg-9x {
    margin: 72px !important
  }

  .mt-lg-9x, .my-lg-9x {
    margin-top: 72px !important
  }

  .mr-lg-9x, .mx-lg-9x {
    margin-right: 72px !important
  }

  .mb-lg-9x, .my-lg-9x {
    margin-bottom: 72px !important
  }

  .ml-lg-9x, .mx-lg-9x {
    margin-left: 72px !important
  }

  .m-lg-9xh {
    margin: 76px !important
  }

  .mt-lg-9xh, .my-lg-9xh {
    margin-top: 76px !important
  }

  .mr-lg-9xh, .mx-lg-9xh {
    margin-right: 76px !important
  }

  .mb-lg-9xh, .my-lg-9xh {
    margin-bottom: 76px !important
  }

  .ml-lg-9xh, .mx-lg-9xh {
    margin-left: 76px !important
  }

  .m-lg-10x {
    margin: 80px !important
  }

  .mt-lg-10x, .my-lg-10x {
    margin-top: 80px !important
  }

  .mr-lg-10x, .mx-lg-10x {
    margin-right: 80px !important
  }

  .mb-lg-10x, .my-lg-10x {
    margin-bottom: 80px !important
  }

  .ml-lg-10x, .mx-lg-10x {
    margin-left: 80px !important
  }

  .m-lg-10xh {
    margin: 84px !important
  }

  .mt-lg-10xh, .my-lg-10xh {
    margin-top: 84px !important
  }

  .mr-lg-10xh, .mx-lg-10xh {
    margin-right: 84px !important
  }

  .mb-lg-10xh, .my-lg-10xh {
    margin-bottom: 84px !important
  }

  .ml-lg-10xh, .mx-lg-10xh {
    margin-left: 84px !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: 8px !important
  }

  .pt-lg-1, .py-lg-1 {
    padding-top: 8px !important
  }

  .pr-lg-1, .px-lg-1 {
    padding-right: 8px !important
  }

  .pb-lg-1, .py-lg-1 {
    padding-bottom: 8px !important
  }

  .pl-lg-1, .px-lg-1 {
    padding-left: 8px !important
  }

  .p-lg-2 {
    padding: 12px !important
  }

  .pt-lg-2, .py-lg-2 {
    padding-top: 12px !important
  }

  .pr-lg-2, .px-lg-2 {
    padding-right: 12px !important
  }

  .pb-lg-2, .py-lg-2 {
    padding-bottom: 12px !important
  }

  .pl-lg-2, .px-lg-2 {
    padding-left: 12px !important
  }

  .p-lg-3 {
    padding: 16px !important
  }

  .pt-lg-3, .py-lg-3 {
    padding-top: 16px !important
  }

  .pr-lg-3, .px-lg-3 {
    padding-right: 16px !important
  }

  .pb-lg-3, .py-lg-3 {
    padding-bottom: 16px !important
  }

  .pl-lg-3, .px-lg-3 {
    padding-left: 16px !important
  }

  .p-lg-4 {
    padding: 24px !important
  }

  .pt-lg-4, .py-lg-4 {
    padding-top: 24px !important
  }

  .pr-lg-4, .px-lg-4 {
    padding-right: 24px !important
  }

  .pb-lg-4, .py-lg-4 {
    padding-bottom: 24px !important
  }

  .pl-lg-4, .px-lg-4 {
    padding-left: 24px !important
  }

  .p-lg-5 {
    padding: 40px !important
  }

  .pt-lg-5, .py-lg-5 {
    padding-top: 40px !important
  }

  .pr-lg-5, .px-lg-5 {
    padding-right: 40px !important
  }

  .pb-lg-5, .py-lg-5 {
    padding-bottom: 40px !important
  }

  .pl-lg-5, .px-lg-5 {
    padding-left: 40px !important
  }

  .p-lg-half {
    padding: 4px !important
  }

  .pt-lg-half, .py-lg-half {
    padding-top: 4px !important
  }

  .pr-lg-half, .px-lg-half {
    padding-right: 4px !important
  }

  .pb-lg-half, .py-lg-half {
    padding-bottom: 4px !important
  }

  .pl-lg-half, .px-lg-half {
    padding-left: 4px !important
  }

  .p-lg-base {
    padding: 8px !important
  }

  .pt-lg-base, .py-lg-base {
    padding-top: 8px !important
  }

  .pr-lg-base, .px-lg-base {
    padding-right: 8px !important
  }

  .pb-lg-base, .py-lg-base {
    padding-bottom: 8px !important
  }

  .pl-lg-base, .px-lg-base {
    padding-left: 8px !important
  }

  .p-lg-baseh {
    padding: 12px !important
  }

  .pt-lg-baseh, .py-lg-baseh {
    padding-top: 12px !important
  }

  .pr-lg-baseh, .px-lg-baseh {
    padding-right: 12px !important
  }

  .pb-lg-baseh, .py-lg-baseh {
    padding-bottom: 12px !important
  }

  .pl-lg-baseh, .px-lg-baseh {
    padding-left: 12px !important
  }

  .p-lg-2x {
    padding: 16px !important
  }

  .pt-lg-2x, .py-lg-2x {
    padding-top: 16px !important
  }

  .pr-lg-2x, .px-lg-2x {
    padding-right: 16px !important
  }

  .pb-lg-2x, .py-lg-2x {
    padding-bottom: 16px !important
  }

  .pl-lg-2x, .px-lg-2x {
    padding-left: 16px !important
  }

  .p-lg-2xh {
    padding: 20px !important
  }

  .pt-lg-2xh, .py-lg-2xh {
    padding-top: 20px !important
  }

  .pr-lg-2xh, .px-lg-2xh {
    padding-right: 20px !important
  }

  .pb-lg-2xh, .py-lg-2xh {
    padding-bottom: 20px !important
  }

  .pl-lg-2xh, .px-lg-2xh {
    padding-left: 20px !important
  }

  .p-lg-3x {
    padding: 24px !important
  }

  .pt-lg-3x, .py-lg-3x {
    padding-top: 24px !important
  }

  .pr-lg-3x, .px-lg-3x {
    padding-right: 24px !important
  }

  .pb-lg-3x, .py-lg-3x {
    padding-bottom: 24px !important
  }

  .pl-lg-3x, .px-lg-3x {
    padding-left: 24px !important
  }

  .p-lg-3xh {
    padding: 28px !important
  }

  .pt-lg-3xh, .py-lg-3xh {
    padding-top: 28px !important
  }

  .pr-lg-3xh, .px-lg-3xh {
    padding-right: 28px !important
  }

  .pb-lg-3xh, .py-lg-3xh {
    padding-bottom: 28px !important
  }

  .pl-lg-3xh, .px-lg-3xh {
    padding-left: 28px !important
  }

  .p-lg-4x {
    padding: 32px !important
  }

  .pt-lg-4x, .py-lg-4x {
    padding-top: 32px !important
  }

  .pr-lg-4x, .px-lg-4x {
    padding-right: 32px !important
  }

  .pb-lg-4x, .py-lg-4x {
    padding-bottom: 32px !important
  }

  .pl-lg-4x, .px-lg-4x {
    padding-left: 32px !important
  }

  .p-lg-4xh {
    padding: 36px !important
  }

  .pt-lg-4xh, .py-lg-4xh {
    padding-top: 36px !important
  }

  .pr-lg-4xh, .px-lg-4xh {
    padding-right: 36px !important
  }

  .pb-lg-4xh, .py-lg-4xh {
    padding-bottom: 36px !important
  }

  .pl-lg-4xh, .px-lg-4xh {
    padding-left: 36px !important
  }

  .p-lg-5x {
    padding: 40px !important
  }

  .pt-lg-5x, .py-lg-5x {
    padding-top: 40px !important
  }

  .pr-lg-5x, .px-lg-5x {
    padding-right: 40px !important
  }

  .pb-lg-5x, .py-lg-5x {
    padding-bottom: 40px !important
  }

  .pl-lg-5x, .px-lg-5x {
    padding-left: 40px !important
  }

  .p-lg-5xh {
    padding: 44px !important
  }

  .pt-lg-5xh, .py-lg-5xh {
    padding-top: 44px !important
  }

  .pr-lg-5xh, .px-lg-5xh {
    padding-right: 44px !important
  }

  .pb-lg-5xh, .py-lg-5xh {
    padding-bottom: 44px !important
  }

  .pl-lg-5xh, .px-lg-5xh {
    padding-left: 44px !important
  }

  .p-lg-6x {
    padding: 48px !important
  }

  .pt-lg-6x, .py-lg-6x {
    padding-top: 48px !important
  }

  .pr-lg-6x, .px-lg-6x {
    padding-right: 48px !important
  }

  .pb-lg-6x, .py-lg-6x {
    padding-bottom: 48px !important
  }

  .pl-lg-6x, .px-lg-6x {
    padding-left: 48px !important
  }

  .p-lg-6xh {
    padding: 52px !important
  }

  .pt-lg-6xh, .py-lg-6xh {
    padding-top: 52px !important
  }

  .pr-lg-6xh, .px-lg-6xh {
    padding-right: 52px !important
  }

  .pb-lg-6xh, .py-lg-6xh {
    padding-bottom: 52px !important
  }

  .pl-lg-6xh, .px-lg-6xh {
    padding-left: 52px !important
  }

  .p-lg-7x {
    padding: 56px !important
  }

  .pt-lg-7x, .py-lg-7x {
    padding-top: 56px !important
  }

  .pr-lg-7x, .px-lg-7x {
    padding-right: 56px !important
  }

  .pb-lg-7x, .py-lg-7x {
    padding-bottom: 56px !important
  }

  .pl-lg-7x, .px-lg-7x {
    padding-left: 56px !important
  }

  .p-lg-7xh {
    padding: 60px !important
  }

  .pt-lg-7xh, .py-lg-7xh {
    padding-top: 60px !important
  }

  .pr-lg-7xh, .px-lg-7xh {
    padding-right: 60px !important
  }

  .pb-lg-7xh, .py-lg-7xh {
    padding-bottom: 60px !important
  }

  .pl-lg-7xh, .px-lg-7xh {
    padding-left: 60px !important
  }

  .p-lg-8x {
    padding: 64px !important
  }

  .pt-lg-8x, .py-lg-8x {
    padding-top: 64px !important
  }

  .pr-lg-8x, .px-lg-8x {
    padding-right: 64px !important
  }

  .pb-lg-8x, .py-lg-8x {
    padding-bottom: 64px !important
  }

  .pl-lg-8x, .px-lg-8x {
    padding-left: 64px !important
  }

  .p-lg-8xh {
    padding: 68px !important
  }

  .pt-lg-8xh, .py-lg-8xh {
    padding-top: 68px !important
  }

  .pr-lg-8xh, .px-lg-8xh {
    padding-right: 68px !important
  }

  .pb-lg-8xh, .py-lg-8xh {
    padding-bottom: 68px !important
  }

  .pl-lg-8xh, .px-lg-8xh {
    padding-left: 68px !important
  }

  .p-lg-9x {
    padding: 72px !important
  }

  .pt-lg-9x, .py-lg-9x {
    padding-top: 72px !important
  }

  .pr-lg-9x, .px-lg-9x {
    padding-right: 72px !important
  }

  .pb-lg-9x, .py-lg-9x {
    padding-bottom: 72px !important
  }

  .pl-lg-9x, .px-lg-9x {
    padding-left: 72px !important
  }

  .p-lg-9xh {
    padding: 76px !important
  }

  .pt-lg-9xh, .py-lg-9xh {
    padding-top: 76px !important
  }

  .pr-lg-9xh, .px-lg-9xh {
    padding-right: 76px !important
  }

  .pb-lg-9xh, .py-lg-9xh {
    padding-bottom: 76px !important
  }

  .pl-lg-9xh, .px-lg-9xh {
    padding-left: 76px !important
  }

  .p-lg-10x {
    padding: 80px !important
  }

  .pt-lg-10x, .py-lg-10x {
    padding-top: 80px !important
  }

  .pr-lg-10x, .px-lg-10x {
    padding-right: 80px !important
  }

  .pb-lg-10x, .py-lg-10x {
    padding-bottom: 80px !important
  }

  .pl-lg-10x, .px-lg-10x {
    padding-left: 80px !important
  }

  .p-lg-10xh {
    padding: 84px !important
  }

  .pt-lg-10xh, .py-lg-10xh {
    padding-top: 84px !important
  }

  .pr-lg-10xh, .px-lg-10xh {
    padding-right: 84px !important
  }

  .pb-lg-10xh, .py-lg-10xh {
    padding-bottom: 84px !important
  }

  .pl-lg-10xh, .px-lg-10xh {
    padding-left: 84px !important
  }

  .m-lg-n1 {
    margin: -8px !important
  }

  .mt-lg-n1, .my-lg-n1 {
    margin-top: -8px !important
  }

  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -8px !important
  }

  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -8px !important
  }

  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -8px !important
  }

  .m-lg-n2 {
    margin: -12px !important
  }

  .mt-lg-n2, .my-lg-n2 {
    margin-top: -12px !important
  }

  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -12px !important
  }

  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -12px !important
  }

  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -12px !important
  }

  .m-lg-n3 {
    margin: -16px !important
  }

  .mt-lg-n3, .my-lg-n3 {
    margin-top: -16px !important
  }

  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -16px !important
  }

  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -16px !important
  }

  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -16px !important
  }

  .m-lg-n4 {
    margin: -24px !important
  }

  .mt-lg-n4, .my-lg-n4 {
    margin-top: -24px !important
  }

  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -24px !important
  }

  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -24px !important
  }

  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -24px !important
  }

  .m-lg-n5 {
    margin: -40px !important
  }

  .mt-lg-n5, .my-lg-n5 {
    margin-top: -40px !important
  }

  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -40px !important
  }

  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -40px !important
  }

  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -40px !important
  }

  .m-lg-nhalf {
    margin: -4px !important
  }

  .mt-lg-nhalf, .my-lg-nhalf {
    margin-top: -4px !important
  }

  .mr-lg-nhalf, .mx-lg-nhalf {
    margin-right: -4px !important
  }

  .mb-lg-nhalf, .my-lg-nhalf {
    margin-bottom: -4px !important
  }

  .ml-lg-nhalf, .mx-lg-nhalf {
    margin-left: -4px !important
  }

  .m-lg-nbase {
    margin: -8px !important
  }

  .mt-lg-nbase, .my-lg-nbase {
    margin-top: -8px !important
  }

  .mr-lg-nbase, .mx-lg-nbase {
    margin-right: -8px !important
  }

  .mb-lg-nbase, .my-lg-nbase {
    margin-bottom: -8px !important
  }

  .ml-lg-nbase, .mx-lg-nbase {
    margin-left: -8px !important
  }

  .m-lg-nbaseh {
    margin: -12px !important
  }

  .mt-lg-nbaseh, .my-lg-nbaseh {
    margin-top: -12px !important
  }

  .mr-lg-nbaseh, .mx-lg-nbaseh {
    margin-right: -12px !important
  }

  .mb-lg-nbaseh, .my-lg-nbaseh {
    margin-bottom: -12px !important
  }

  .ml-lg-nbaseh, .mx-lg-nbaseh {
    margin-left: -12px !important
  }

  .m-lg-n2x {
    margin: -16px !important
  }

  .mt-lg-n2x, .my-lg-n2x {
    margin-top: -16px !important
  }

  .mr-lg-n2x, .mx-lg-n2x {
    margin-right: -16px !important
  }

  .mb-lg-n2x, .my-lg-n2x {
    margin-bottom: -16px !important
  }

  .ml-lg-n2x, .mx-lg-n2x {
    margin-left: -16px !important
  }

  .m-lg-n2xh {
    margin: -20px !important
  }

  .mt-lg-n2xh, .my-lg-n2xh {
    margin-top: -20px !important
  }

  .mr-lg-n2xh, .mx-lg-n2xh {
    margin-right: -20px !important
  }

  .mb-lg-n2xh, .my-lg-n2xh {
    margin-bottom: -20px !important
  }

  .ml-lg-n2xh, .mx-lg-n2xh {
    margin-left: -20px !important
  }

  .m-lg-n3x {
    margin: -24px !important
  }

  .mt-lg-n3x, .my-lg-n3x {
    margin-top: -24px !important
  }

  .mr-lg-n3x, .mx-lg-n3x {
    margin-right: -24px !important
  }

  .mb-lg-n3x, .my-lg-n3x {
    margin-bottom: -24px !important
  }

  .ml-lg-n3x, .mx-lg-n3x {
    margin-left: -24px !important
  }

  .m-lg-n3xh {
    margin: -28px !important
  }

  .mt-lg-n3xh, .my-lg-n3xh {
    margin-top: -28px !important
  }

  .mr-lg-n3xh, .mx-lg-n3xh {
    margin-right: -28px !important
  }

  .mb-lg-n3xh, .my-lg-n3xh {
    margin-bottom: -28px !important
  }

  .ml-lg-n3xh, .mx-lg-n3xh {
    margin-left: -28px !important
  }

  .m-lg-n4x {
    margin: -32px !important
  }

  .mt-lg-n4x, .my-lg-n4x {
    margin-top: -32px !important
  }

  .mr-lg-n4x, .mx-lg-n4x {
    margin-right: -32px !important
  }

  .mb-lg-n4x, .my-lg-n4x {
    margin-bottom: -32px !important
  }

  .ml-lg-n4x, .mx-lg-n4x {
    margin-left: -32px !important
  }

  .m-lg-n4xh {
    margin: -36px !important
  }

  .mt-lg-n4xh, .my-lg-n4xh {
    margin-top: -36px !important
  }

  .mr-lg-n4xh, .mx-lg-n4xh {
    margin-right: -36px !important
  }

  .mb-lg-n4xh, .my-lg-n4xh {
    margin-bottom: -36px !important
  }

  .ml-lg-n4xh, .mx-lg-n4xh {
    margin-left: -36px !important
  }

  .m-lg-n5x {
    margin: -40px !important
  }

  .mt-lg-n5x, .my-lg-n5x {
    margin-top: -40px !important
  }

  .mr-lg-n5x, .mx-lg-n5x {
    margin-right: -40px !important
  }

  .mb-lg-n5x, .my-lg-n5x {
    margin-bottom: -40px !important
  }

  .ml-lg-n5x, .mx-lg-n5x {
    margin-left: -40px !important
  }

  .m-lg-n5xh {
    margin: -44px !important
  }

  .mt-lg-n5xh, .my-lg-n5xh {
    margin-top: -44px !important
  }

  .mr-lg-n5xh, .mx-lg-n5xh {
    margin-right: -44px !important
  }

  .mb-lg-n5xh, .my-lg-n5xh {
    margin-bottom: -44px !important
  }

  .ml-lg-n5xh, .mx-lg-n5xh {
    margin-left: -44px !important
  }

  .m-lg-n6x {
    margin: -48px !important
  }

  .mt-lg-n6x, .my-lg-n6x {
    margin-top: -48px !important
  }

  .mr-lg-n6x, .mx-lg-n6x {
    margin-right: -48px !important
  }

  .mb-lg-n6x, .my-lg-n6x {
    margin-bottom: -48px !important
  }

  .ml-lg-n6x, .mx-lg-n6x {
    margin-left: -48px !important
  }

  .m-lg-n6xh {
    margin: -52px !important
  }

  .mt-lg-n6xh, .my-lg-n6xh {
    margin-top: -52px !important
  }

  .mr-lg-n6xh, .mx-lg-n6xh {
    margin-right: -52px !important
  }

  .mb-lg-n6xh, .my-lg-n6xh {
    margin-bottom: -52px !important
  }

  .ml-lg-n6xh, .mx-lg-n6xh {
    margin-left: -52px !important
  }

  .m-lg-n7x {
    margin: -56px !important
  }

  .mt-lg-n7x, .my-lg-n7x {
    margin-top: -56px !important
  }

  .mr-lg-n7x, .mx-lg-n7x {
    margin-right: -56px !important
  }

  .mb-lg-n7x, .my-lg-n7x {
    margin-bottom: -56px !important
  }

  .ml-lg-n7x, .mx-lg-n7x {
    margin-left: -56px !important
  }

  .m-lg-n7xh {
    margin: -60px !important
  }

  .mt-lg-n7xh, .my-lg-n7xh {
    margin-top: -60px !important
  }

  .mr-lg-n7xh, .mx-lg-n7xh {
    margin-right: -60px !important
  }

  .mb-lg-n7xh, .my-lg-n7xh {
    margin-bottom: -60px !important
  }

  .ml-lg-n7xh, .mx-lg-n7xh {
    margin-left: -60px !important
  }

  .m-lg-n8x {
    margin: -64px !important
  }

  .mt-lg-n8x, .my-lg-n8x {
    margin-top: -64px !important
  }

  .mr-lg-n8x, .mx-lg-n8x {
    margin-right: -64px !important
  }

  .mb-lg-n8x, .my-lg-n8x {
    margin-bottom: -64px !important
  }

  .ml-lg-n8x, .mx-lg-n8x {
    margin-left: -64px !important
  }

  .m-lg-n8xh {
    margin: -68px !important
  }

  .mt-lg-n8xh, .my-lg-n8xh {
    margin-top: -68px !important
  }

  .mr-lg-n8xh, .mx-lg-n8xh {
    margin-right: -68px !important
  }

  .mb-lg-n8xh, .my-lg-n8xh {
    margin-bottom: -68px !important
  }

  .ml-lg-n8xh, .mx-lg-n8xh {
    margin-left: -68px !important
  }

  .m-lg-n9x {
    margin: -72px !important
  }

  .mt-lg-n9x, .my-lg-n9x {
    margin-top: -72px !important
  }

  .mr-lg-n9x, .mx-lg-n9x {
    margin-right: -72px !important
  }

  .mb-lg-n9x, .my-lg-n9x {
    margin-bottom: -72px !important
  }

  .ml-lg-n9x, .mx-lg-n9x {
    margin-left: -72px !important
  }

  .m-lg-n9xh {
    margin: -76px !important
  }

  .mt-lg-n9xh, .my-lg-n9xh {
    margin-top: -76px !important
  }

  .mr-lg-n9xh, .mx-lg-n9xh {
    margin-right: -76px !important
  }

  .mb-lg-n9xh, .my-lg-n9xh {
    margin-bottom: -76px !important
  }

  .ml-lg-n9xh, .mx-lg-n9xh {
    margin-left: -76px !important
  }

  .m-lg-n10x {
    margin: -80px !important
  }

  .mt-lg-n10x, .my-lg-n10x {
    margin-top: -80px !important
  }

  .mr-lg-n10x, .mx-lg-n10x {
    margin-right: -80px !important
  }

  .mb-lg-n10x, .my-lg-n10x {
    margin-bottom: -80px !important
  }

  .ml-lg-n10x, .mx-lg-n10x {
    margin-left: -80px !important
  }

  .m-lg-n10xh {
    margin: -84px !important
  }

  .mt-lg-n10xh, .my-lg-n10xh {
    margin-top: -84px !important
  }

  .mr-lg-n10xh, .mx-lg-n10xh {
    margin-right: -84px !important
  }

  .mb-lg-n10xh, .my-lg-n10xh {
    margin-bottom: -84px !important
  }

  .ml-lg-n10xh, .mx-lg-n10xh {
    margin-left: -84px !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }
}

@media (min-width:1600px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: 8px !important
  }

  .mt-xl-1, .my-xl-1 {
    margin-top: 8px !important
  }

  .mr-xl-1, .mx-xl-1 {
    margin-right: 8px !important
  }

  .mb-xl-1, .my-xl-1 {
    margin-bottom: 8px !important
  }

  .ml-xl-1, .mx-xl-1 {
    margin-left: 8px !important
  }

  .m-xl-2 {
    margin: 12px !important
  }

  .mt-xl-2, .my-xl-2 {
    margin-top: 12px !important
  }

  .mr-xl-2, .mx-xl-2 {
    margin-right: 12px !important
  }

  .mb-xl-2, .my-xl-2 {
    margin-bottom: 12px !important
  }

  .ml-xl-2, .mx-xl-2 {
    margin-left: 12px !important
  }

  .m-xl-3 {
    margin: 16px !important
  }

  .mt-xl-3, .my-xl-3 {
    margin-top: 16px !important
  }

  .mr-xl-3, .mx-xl-3 {
    margin-right: 16px !important
  }

  .mb-xl-3, .my-xl-3 {
    margin-bottom: 16px !important
  }

  .ml-xl-3, .mx-xl-3 {
    margin-left: 16px !important
  }

  .m-xl-4 {
    margin: 24px !important
  }

  .mt-xl-4, .my-xl-4 {
    margin-top: 24px !important
  }

  .mr-xl-4, .mx-xl-4 {
    margin-right: 24px !important
  }

  .mb-xl-4, .my-xl-4 {
    margin-bottom: 24px !important
  }

  .ml-xl-4, .mx-xl-4 {
    margin-left: 24px !important
  }

  .m-xl-5 {
    margin: 40px !important
  }

  .mt-xl-5, .my-xl-5 {
    margin-top: 40px !important
  }

  .mr-xl-5, .mx-xl-5 {
    margin-right: 40px !important
  }

  .mb-xl-5, .my-xl-5 {
    margin-bottom: 40px !important
  }

  .ml-xl-5, .mx-xl-5 {
    margin-left: 40px !important
  }

  .m-xl-half {
    margin: 4px !important
  }

  .mt-xl-half, .my-xl-half {
    margin-top: 4px !important
  }

  .mr-xl-half, .mx-xl-half {
    margin-right: 4px !important
  }

  .mb-xl-half, .my-xl-half {
    margin-bottom: 4px !important
  }

  .ml-xl-half, .mx-xl-half {
    margin-left: 4px !important
  }

  .m-xl-base {
    margin: 8px !important
  }

  .mt-xl-base, .my-xl-base {
    margin-top: 8px !important
  }

  .mr-xl-base, .mx-xl-base {
    margin-right: 8px !important
  }

  .mb-xl-base, .my-xl-base {
    margin-bottom: 8px !important
  }

  .ml-xl-base, .mx-xl-base {
    margin-left: 8px !important
  }

  .m-xl-baseh {
    margin: 12px !important
  }

  .mt-xl-baseh, .my-xl-baseh {
    margin-top: 12px !important
  }

  .mr-xl-baseh, .mx-xl-baseh {
    margin-right: 12px !important
  }

  .mb-xl-baseh, .my-xl-baseh {
    margin-bottom: 12px !important
  }

  .ml-xl-baseh, .mx-xl-baseh {
    margin-left: 12px !important
  }

  .m-xl-2x {
    margin: 16px !important
  }

  .mt-xl-2x, .my-xl-2x {
    margin-top: 16px !important
  }

  .mr-xl-2x, .mx-xl-2x {
    margin-right: 16px !important
  }

  .mb-xl-2x, .my-xl-2x {
    margin-bottom: 16px !important
  }

  .ml-xl-2x, .mx-xl-2x {
    margin-left: 16px !important
  }

  .m-xl-2xh {
    margin: 20px !important
  }

  .mt-xl-2xh, .my-xl-2xh {
    margin-top: 20px !important
  }

  .mr-xl-2xh, .mx-xl-2xh {
    margin-right: 20px !important
  }

  .mb-xl-2xh, .my-xl-2xh {
    margin-bottom: 20px !important
  }

  .ml-xl-2xh, .mx-xl-2xh {
    margin-left: 20px !important
  }

  .m-xl-3x {
    margin: 24px !important
  }

  .mt-xl-3x, .my-xl-3x {
    margin-top: 24px !important
  }

  .mr-xl-3x, .mx-xl-3x {
    margin-right: 24px !important
  }

  .mb-xl-3x, .my-xl-3x {
    margin-bottom: 24px !important
  }

  .ml-xl-3x, .mx-xl-3x {
    margin-left: 24px !important
  }

  .m-xl-3xh {
    margin: 28px !important
  }

  .mt-xl-3xh, .my-xl-3xh {
    margin-top: 28px !important
  }

  .mr-xl-3xh, .mx-xl-3xh {
    margin-right: 28px !important
  }

  .mb-xl-3xh, .my-xl-3xh {
    margin-bottom: 28px !important
  }

  .ml-xl-3xh, .mx-xl-3xh {
    margin-left: 28px !important
  }

  .m-xl-4x {
    margin: 32px !important
  }

  .mt-xl-4x, .my-xl-4x {
    margin-top: 32px !important
  }

  .mr-xl-4x, .mx-xl-4x {
    margin-right: 32px !important
  }

  .mb-xl-4x, .my-xl-4x {
    margin-bottom: 32px !important
  }

  .ml-xl-4x, .mx-xl-4x {
    margin-left: 32px !important
  }

  .m-xl-4xh {
    margin: 36px !important
  }

  .mt-xl-4xh, .my-xl-4xh {
    margin-top: 36px !important
  }

  .mr-xl-4xh, .mx-xl-4xh {
    margin-right: 36px !important
  }

  .mb-xl-4xh, .my-xl-4xh {
    margin-bottom: 36px !important
  }

  .ml-xl-4xh, .mx-xl-4xh {
    margin-left: 36px !important
  }

  .m-xl-5x {
    margin: 40px !important
  }

  .mt-xl-5x, .my-xl-5x {
    margin-top: 40px !important
  }

  .mr-xl-5x, .mx-xl-5x {
    margin-right: 40px !important
  }

  .mb-xl-5x, .my-xl-5x {
    margin-bottom: 40px !important
  }

  .ml-xl-5x, .mx-xl-5x {
    margin-left: 40px !important
  }

  .m-xl-5xh {
    margin: 44px !important
  }

  .mt-xl-5xh, .my-xl-5xh {
    margin-top: 44px !important
  }

  .mr-xl-5xh, .mx-xl-5xh {
    margin-right: 44px !important
  }

  .mb-xl-5xh, .my-xl-5xh {
    margin-bottom: 44px !important
  }

  .ml-xl-5xh, .mx-xl-5xh {
    margin-left: 44px !important
  }

  .m-xl-6x {
    margin: 48px !important
  }

  .mt-xl-6x, .my-xl-6x {
    margin-top: 48px !important
  }

  .mr-xl-6x, .mx-xl-6x {
    margin-right: 48px !important
  }

  .mb-xl-6x, .my-xl-6x {
    margin-bottom: 48px !important
  }

  .ml-xl-6x, .mx-xl-6x {
    margin-left: 48px !important
  }

  .m-xl-6xh {
    margin: 52px !important
  }

  .mt-xl-6xh, .my-xl-6xh {
    margin-top: 52px !important
  }

  .mr-xl-6xh, .mx-xl-6xh {
    margin-right: 52px !important
  }

  .mb-xl-6xh, .my-xl-6xh {
    margin-bottom: 52px !important
  }

  .ml-xl-6xh, .mx-xl-6xh {
    margin-left: 52px !important
  }

  .m-xl-7x {
    margin: 56px !important
  }

  .mt-xl-7x, .my-xl-7x {
    margin-top: 56px !important
  }

  .mr-xl-7x, .mx-xl-7x {
    margin-right: 56px !important
  }

  .mb-xl-7x, .my-xl-7x {
    margin-bottom: 56px !important
  }

  .ml-xl-7x, .mx-xl-7x {
    margin-left: 56px !important
  }

  .m-xl-7xh {
    margin: 60px !important
  }

  .mt-xl-7xh, .my-xl-7xh {
    margin-top: 60px !important
  }

  .mr-xl-7xh, .mx-xl-7xh {
    margin-right: 60px !important
  }

  .mb-xl-7xh, .my-xl-7xh {
    margin-bottom: 60px !important
  }

  .ml-xl-7xh, .mx-xl-7xh {
    margin-left: 60px !important
  }

  .m-xl-8x {
    margin: 64px !important
  }

  .mt-xl-8x, .my-xl-8x {
    margin-top: 64px !important
  }

  .mr-xl-8x, .mx-xl-8x {
    margin-right: 64px !important
  }

  .mb-xl-8x, .my-xl-8x {
    margin-bottom: 64px !important
  }

  .ml-xl-8x, .mx-xl-8x {
    margin-left: 64px !important
  }

  .m-xl-8xh {
    margin: 68px !important
  }

  .mt-xl-8xh, .my-xl-8xh {
    margin-top: 68px !important
  }

  .mr-xl-8xh, .mx-xl-8xh {
    margin-right: 68px !important
  }

  .mb-xl-8xh, .my-xl-8xh {
    margin-bottom: 68px !important
  }

  .ml-xl-8xh, .mx-xl-8xh {
    margin-left: 68px !important
  }

  .m-xl-9x {
    margin: 72px !important
  }

  .mt-xl-9x, .my-xl-9x {
    margin-top: 72px !important
  }

  .mr-xl-9x, .mx-xl-9x {
    margin-right: 72px !important
  }

  .mb-xl-9x, .my-xl-9x {
    margin-bottom: 72px !important
  }

  .ml-xl-9x, .mx-xl-9x {
    margin-left: 72px !important
  }

  .m-xl-9xh {
    margin: 76px !important
  }

  .mt-xl-9xh, .my-xl-9xh {
    margin-top: 76px !important
  }

  .mr-xl-9xh, .mx-xl-9xh {
    margin-right: 76px !important
  }

  .mb-xl-9xh, .my-xl-9xh {
    margin-bottom: 76px !important
  }

  .ml-xl-9xh, .mx-xl-9xh {
    margin-left: 76px !important
  }

  .m-xl-10x {
    margin: 80px !important
  }

  .mt-xl-10x, .my-xl-10x {
    margin-top: 80px !important
  }

  .mr-xl-10x, .mx-xl-10x {
    margin-right: 80px !important
  }

  .mb-xl-10x, .my-xl-10x {
    margin-bottom: 80px !important
  }

  .ml-xl-10x, .mx-xl-10x {
    margin-left: 80px !important
  }

  .m-xl-10xh {
    margin: 84px !important
  }

  .mt-xl-10xh, .my-xl-10xh {
    margin-top: 84px !important
  }

  .mr-xl-10xh, .mx-xl-10xh {
    margin-right: 84px !important
  }

  .mb-xl-10xh, .my-xl-10xh {
    margin-bottom: 84px !important
  }

  .ml-xl-10xh, .mx-xl-10xh {
    margin-left: 84px !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: 8px !important
  }

  .pt-xl-1, .py-xl-1 {
    padding-top: 8px !important
  }

  .pr-xl-1, .px-xl-1 {
    padding-right: 8px !important
  }

  .pb-xl-1, .py-xl-1 {
    padding-bottom: 8px !important
  }

  .pl-xl-1, .px-xl-1 {
    padding-left: 8px !important
  }

  .p-xl-2 {
    padding: 12px !important
  }

  .pt-xl-2, .py-xl-2 {
    padding-top: 12px !important
  }

  .pr-xl-2, .px-xl-2 {
    padding-right: 12px !important
  }

  .pb-xl-2, .py-xl-2 {
    padding-bottom: 12px !important
  }

  .pl-xl-2, .px-xl-2 {
    padding-left: 12px !important
  }

  .p-xl-3 {
    padding: 16px !important
  }

  .pt-xl-3, .py-xl-3 {
    padding-top: 16px !important
  }

  .pr-xl-3, .px-xl-3 {
    padding-right: 16px !important
  }

  .pb-xl-3, .py-xl-3 {
    padding-bottom: 16px !important
  }

  .pl-xl-3, .px-xl-3 {
    padding-left: 16px !important
  }

  .p-xl-4 {
    padding: 24px !important
  }

  .pt-xl-4, .py-xl-4 {
    padding-top: 24px !important
  }

  .pr-xl-4, .px-xl-4 {
    padding-right: 24px !important
  }

  .pb-xl-4, .py-xl-4 {
    padding-bottom: 24px !important
  }

  .pl-xl-4, .px-xl-4 {
    padding-left: 24px !important
  }

  .p-xl-5 {
    padding: 40px !important
  }

  .pt-xl-5, .py-xl-5 {
    padding-top: 40px !important
  }

  .pr-xl-5, .px-xl-5 {
    padding-right: 40px !important
  }

  .pb-xl-5, .py-xl-5 {
    padding-bottom: 40px !important
  }

  .pl-xl-5, .px-xl-5 {
    padding-left: 40px !important
  }

  .p-xl-half {
    padding: 4px !important
  }

  .pt-xl-half, .py-xl-half {
    padding-top: 4px !important
  }

  .pr-xl-half, .px-xl-half {
    padding-right: 4px !important
  }

  .pb-xl-half, .py-xl-half {
    padding-bottom: 4px !important
  }

  .pl-xl-half, .px-xl-half {
    padding-left: 4px !important
  }

  .p-xl-base {
    padding: 8px !important
  }

  .pt-xl-base, .py-xl-base {
    padding-top: 8px !important
  }

  .pr-xl-base, .px-xl-base {
    padding-right: 8px !important
  }

  .pb-xl-base, .py-xl-base {
    padding-bottom: 8px !important
  }

  .pl-xl-base, .px-xl-base {
    padding-left: 8px !important
  }

  .p-xl-baseh {
    padding: 12px !important
  }

  .pt-xl-baseh, .py-xl-baseh {
    padding-top: 12px !important
  }

  .pr-xl-baseh, .px-xl-baseh {
    padding-right: 12px !important
  }

  .pb-xl-baseh, .py-xl-baseh {
    padding-bottom: 12px !important
  }

  .pl-xl-baseh, .px-xl-baseh {
    padding-left: 12px !important
  }

  .p-xl-2x {
    padding: 16px !important
  }

  .pt-xl-2x, .py-xl-2x {
    padding-top: 16px !important
  }

  .pr-xl-2x, .px-xl-2x {
    padding-right: 16px !important
  }

  .pb-xl-2x, .py-xl-2x {
    padding-bottom: 16px !important
  }

  .pl-xl-2x, .px-xl-2x {
    padding-left: 16px !important
  }

  .p-xl-2xh {
    padding: 20px !important
  }

  .pt-xl-2xh, .py-xl-2xh {
    padding-top: 20px !important
  }

  .pr-xl-2xh, .px-xl-2xh {
    padding-right: 20px !important
  }

  .pb-xl-2xh, .py-xl-2xh {
    padding-bottom: 20px !important
  }

  .pl-xl-2xh, .px-xl-2xh {
    padding-left: 20px !important
  }

  .p-xl-3x {
    padding: 24px !important
  }

  .pt-xl-3x, .py-xl-3x {
    padding-top: 24px !important
  }

  .pr-xl-3x, .px-xl-3x {
    padding-right: 24px !important
  }

  .pb-xl-3x, .py-xl-3x {
    padding-bottom: 24px !important
  }

  .pl-xl-3x, .px-xl-3x {
    padding-left: 24px !important
  }

  .p-xl-3xh {
    padding: 28px !important
  }

  .pt-xl-3xh, .py-xl-3xh {
    padding-top: 28px !important
  }

  .pr-xl-3xh, .px-xl-3xh {
    padding-right: 28px !important
  }

  .pb-xl-3xh, .py-xl-3xh {
    padding-bottom: 28px !important
  }

  .pl-xl-3xh, .px-xl-3xh {
    padding-left: 28px !important
  }

  .p-xl-4x {
    padding: 32px !important
  }

  .pt-xl-4x, .py-xl-4x {
    padding-top: 32px !important
  }

  .pr-xl-4x, .px-xl-4x {
    padding-right: 32px !important
  }

  .pb-xl-4x, .py-xl-4x {
    padding-bottom: 32px !important
  }

  .pl-xl-4x, .px-xl-4x {
    padding-left: 32px !important
  }

  .p-xl-4xh {
    padding: 36px !important
  }

  .pt-xl-4xh, .py-xl-4xh {
    padding-top: 36px !important
  }

  .pr-xl-4xh, .px-xl-4xh {
    padding-right: 36px !important
  }

  .pb-xl-4xh, .py-xl-4xh {
    padding-bottom: 36px !important
  }

  .pl-xl-4xh, .px-xl-4xh {
    padding-left: 36px !important
  }

  .p-xl-5x {
    padding: 40px !important
  }

  .pt-xl-5x, .py-xl-5x {
    padding-top: 40px !important
  }

  .pr-xl-5x, .px-xl-5x {
    padding-right: 40px !important
  }

  .pb-xl-5x, .py-xl-5x {
    padding-bottom: 40px !important
  }

  .pl-xl-5x, .px-xl-5x {
    padding-left: 40px !important
  }

  .p-xl-5xh {
    padding: 44px !important
  }

  .pt-xl-5xh, .py-xl-5xh {
    padding-top: 44px !important
  }

  .pr-xl-5xh, .px-xl-5xh {
    padding-right: 44px !important
  }

  .pb-xl-5xh, .py-xl-5xh {
    padding-bottom: 44px !important
  }

  .pl-xl-5xh, .px-xl-5xh {
    padding-left: 44px !important
  }

  .p-xl-6x {
    padding: 48px !important
  }

  .pt-xl-6x, .py-xl-6x {
    padding-top: 48px !important
  }

  .pr-xl-6x, .px-xl-6x {
    padding-right: 48px !important
  }

  .pb-xl-6x, .py-xl-6x {
    padding-bottom: 48px !important
  }

  .pl-xl-6x, .px-xl-6x {
    padding-left: 48px !important
  }

  .p-xl-6xh {
    padding: 52px !important
  }

  .pt-xl-6xh, .py-xl-6xh {
    padding-top: 52px !important
  }

  .pr-xl-6xh, .px-xl-6xh {
    padding-right: 52px !important
  }

  .pb-xl-6xh, .py-xl-6xh {
    padding-bottom: 52px !important
  }

  .pl-xl-6xh, .px-xl-6xh {
    padding-left: 52px !important
  }

  .p-xl-7x {
    padding: 56px !important
  }

  .pt-xl-7x, .py-xl-7x {
    padding-top: 56px !important
  }

  .pr-xl-7x, .px-xl-7x {
    padding-right: 56px !important
  }

  .pb-xl-7x, .py-xl-7x {
    padding-bottom: 56px !important
  }

  .pl-xl-7x, .px-xl-7x {
    padding-left: 56px !important
  }

  .p-xl-7xh {
    padding: 60px !important
  }

  .pt-xl-7xh, .py-xl-7xh {
    padding-top: 60px !important
  }

  .pr-xl-7xh, .px-xl-7xh {
    padding-right: 60px !important
  }

  .pb-xl-7xh, .py-xl-7xh {
    padding-bottom: 60px !important
  }

  .pl-xl-7xh, .px-xl-7xh {
    padding-left: 60px !important
  }

  .p-xl-8x {
    padding: 64px !important
  }

  .pt-xl-8x, .py-xl-8x {
    padding-top: 64px !important
  }

  .pr-xl-8x, .px-xl-8x {
    padding-right: 64px !important
  }

  .pb-xl-8x, .py-xl-8x {
    padding-bottom: 64px !important
  }

  .pl-xl-8x, .px-xl-8x {
    padding-left: 64px !important
  }

  .p-xl-8xh {
    padding: 68px !important
  }

  .pt-xl-8xh, .py-xl-8xh {
    padding-top: 68px !important
  }

  .pr-xl-8xh, .px-xl-8xh {
    padding-right: 68px !important
  }

  .pb-xl-8xh, .py-xl-8xh {
    padding-bottom: 68px !important
  }

  .pl-xl-8xh, .px-xl-8xh {
    padding-left: 68px !important
  }

  .p-xl-9x {
    padding: 72px !important
  }

  .pt-xl-9x, .py-xl-9x {
    padding-top: 72px !important
  }

  .pr-xl-9x, .px-xl-9x {
    padding-right: 72px !important
  }

  .pb-xl-9x, .py-xl-9x {
    padding-bottom: 72px !important
  }

  .pl-xl-9x, .px-xl-9x {
    padding-left: 72px !important
  }

  .p-xl-9xh {
    padding: 76px !important
  }

  .pt-xl-9xh, .py-xl-9xh {
    padding-top: 76px !important
  }

  .pr-xl-9xh, .px-xl-9xh {
    padding-right: 76px !important
  }

  .pb-xl-9xh, .py-xl-9xh {
    padding-bottom: 76px !important
  }

  .pl-xl-9xh, .px-xl-9xh {
    padding-left: 76px !important
  }

  .p-xl-10x {
    padding: 80px !important
  }

  .pt-xl-10x, .py-xl-10x {
    padding-top: 80px !important
  }

  .pr-xl-10x, .px-xl-10x {
    padding-right: 80px !important
  }

  .pb-xl-10x, .py-xl-10x {
    padding-bottom: 80px !important
  }

  .pl-xl-10x, .px-xl-10x {
    padding-left: 80px !important
  }

  .p-xl-10xh {
    padding: 84px !important
  }

  .pt-xl-10xh, .py-xl-10xh {
    padding-top: 84px !important
  }

  .pr-xl-10xh, .px-xl-10xh {
    padding-right: 84px !important
  }

  .pb-xl-10xh, .py-xl-10xh {
    padding-bottom: 84px !important
  }

  .pl-xl-10xh, .px-xl-10xh {
    padding-left: 84px !important
  }

  .m-xl-n1 {
    margin: -8px !important
  }

  .mt-xl-n1, .my-xl-n1 {
    margin-top: -8px !important
  }

  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -8px !important
  }

  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -8px !important
  }

  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -8px !important
  }

  .m-xl-n2 {
    margin: -12px !important
  }

  .mt-xl-n2, .my-xl-n2 {
    margin-top: -12px !important
  }

  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -12px !important
  }

  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -12px !important
  }

  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -12px !important
  }

  .m-xl-n3 {
    margin: -16px !important
  }

  .mt-xl-n3, .my-xl-n3 {
    margin-top: -16px !important
  }

  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -16px !important
  }

  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -16px !important
  }

  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -16px !important
  }

  .m-xl-n4 {
    margin: -24px !important
  }

  .mt-xl-n4, .my-xl-n4 {
    margin-top: -24px !important
  }

  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -24px !important
  }

  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -24px !important
  }

  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -24px !important
  }

  .m-xl-n5 {
    margin: -40px !important
  }

  .mt-xl-n5, .my-xl-n5 {
    margin-top: -40px !important
  }

  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -40px !important
  }

  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -40px !important
  }

  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -40px !important
  }

  .m-xl-nhalf {
    margin: -4px !important
  }

  .mt-xl-nhalf, .my-xl-nhalf {
    margin-top: -4px !important
  }

  .mr-xl-nhalf, .mx-xl-nhalf {
    margin-right: -4px !important
  }

  .mb-xl-nhalf, .my-xl-nhalf {
    margin-bottom: -4px !important
  }

  .ml-xl-nhalf, .mx-xl-nhalf {
    margin-left: -4px !important
  }

  .m-xl-nbase {
    margin: -8px !important
  }

  .mt-xl-nbase, .my-xl-nbase {
    margin-top: -8px !important
  }

  .mr-xl-nbase, .mx-xl-nbase {
    margin-right: -8px !important
  }

  .mb-xl-nbase, .my-xl-nbase {
    margin-bottom: -8px !important
  }

  .ml-xl-nbase, .mx-xl-nbase {
    margin-left: -8px !important
  }

  .m-xl-nbaseh {
    margin: -12px !important
  }

  .mt-xl-nbaseh, .my-xl-nbaseh {
    margin-top: -12px !important
  }

  .mr-xl-nbaseh, .mx-xl-nbaseh {
    margin-right: -12px !important
  }

  .mb-xl-nbaseh, .my-xl-nbaseh {
    margin-bottom: -12px !important
  }

  .ml-xl-nbaseh, .mx-xl-nbaseh {
    margin-left: -12px !important
  }

  .m-xl-n2x {
    margin: -16px !important
  }

  .mt-xl-n2x, .my-xl-n2x {
    margin-top: -16px !important
  }

  .mr-xl-n2x, .mx-xl-n2x {
    margin-right: -16px !important
  }

  .mb-xl-n2x, .my-xl-n2x {
    margin-bottom: -16px !important
  }

  .ml-xl-n2x, .mx-xl-n2x {
    margin-left: -16px !important
  }

  .m-xl-n2xh {
    margin: -20px !important
  }

  .mt-xl-n2xh, .my-xl-n2xh {
    margin-top: -20px !important
  }

  .mr-xl-n2xh, .mx-xl-n2xh {
    margin-right: -20px !important
  }

  .mb-xl-n2xh, .my-xl-n2xh {
    margin-bottom: -20px !important
  }

  .ml-xl-n2xh, .mx-xl-n2xh {
    margin-left: -20px !important
  }

  .m-xl-n3x {
    margin: -24px !important
  }

  .mt-xl-n3x, .my-xl-n3x {
    margin-top: -24px !important
  }

  .mr-xl-n3x, .mx-xl-n3x {
    margin-right: -24px !important
  }

  .mb-xl-n3x, .my-xl-n3x {
    margin-bottom: -24px !important
  }

  .ml-xl-n3x, .mx-xl-n3x {
    margin-left: -24px !important
  }

  .m-xl-n3xh {
    margin: -28px !important
  }

  .mt-xl-n3xh, .my-xl-n3xh {
    margin-top: -28px !important
  }

  .mr-xl-n3xh, .mx-xl-n3xh {
    margin-right: -28px !important
  }

  .mb-xl-n3xh, .my-xl-n3xh {
    margin-bottom: -28px !important
  }

  .ml-xl-n3xh, .mx-xl-n3xh {
    margin-left: -28px !important
  }

  .m-xl-n4x {
    margin: -32px !important
  }

  .mt-xl-n4x, .my-xl-n4x {
    margin-top: -32px !important
  }

  .mr-xl-n4x, .mx-xl-n4x {
    margin-right: -32px !important
  }

  .mb-xl-n4x, .my-xl-n4x {
    margin-bottom: -32px !important
  }

  .ml-xl-n4x, .mx-xl-n4x {
    margin-left: -32px !important
  }

  .m-xl-n4xh {
    margin: -36px !important
  }

  .mt-xl-n4xh, .my-xl-n4xh {
    margin-top: -36px !important
  }

  .mr-xl-n4xh, .mx-xl-n4xh {
    margin-right: -36px !important
  }

  .mb-xl-n4xh, .my-xl-n4xh {
    margin-bottom: -36px !important
  }

  .ml-xl-n4xh, .mx-xl-n4xh {
    margin-left: -36px !important
  }

  .m-xl-n5x {
    margin: -40px !important
  }

  .mt-xl-n5x, .my-xl-n5x {
    margin-top: -40px !important
  }

  .mr-xl-n5x, .mx-xl-n5x {
    margin-right: -40px !important
  }

  .mb-xl-n5x, .my-xl-n5x {
    margin-bottom: -40px !important
  }

  .ml-xl-n5x, .mx-xl-n5x {
    margin-left: -40px !important
  }

  .m-xl-n5xh {
    margin: -44px !important
  }

  .mt-xl-n5xh, .my-xl-n5xh {
    margin-top: -44px !important
  }

  .mr-xl-n5xh, .mx-xl-n5xh {
    margin-right: -44px !important
  }

  .mb-xl-n5xh, .my-xl-n5xh {
    margin-bottom: -44px !important
  }

  .ml-xl-n5xh, .mx-xl-n5xh {
    margin-left: -44px !important
  }

  .m-xl-n6x {
    margin: -48px !important
  }

  .mt-xl-n6x, .my-xl-n6x {
    margin-top: -48px !important
  }

  .mr-xl-n6x, .mx-xl-n6x {
    margin-right: -48px !important
  }

  .mb-xl-n6x, .my-xl-n6x {
    margin-bottom: -48px !important
  }

  .ml-xl-n6x, .mx-xl-n6x {
    margin-left: -48px !important
  }

  .m-xl-n6xh {
    margin: -52px !important
  }

  .mt-xl-n6xh, .my-xl-n6xh {
    margin-top: -52px !important
  }

  .mr-xl-n6xh, .mx-xl-n6xh {
    margin-right: -52px !important
  }

  .mb-xl-n6xh, .my-xl-n6xh {
    margin-bottom: -52px !important
  }

  .ml-xl-n6xh, .mx-xl-n6xh {
    margin-left: -52px !important
  }

  .m-xl-n7x {
    margin: -56px !important
  }

  .mt-xl-n7x, .my-xl-n7x {
    margin-top: -56px !important
  }

  .mr-xl-n7x, .mx-xl-n7x {
    margin-right: -56px !important
  }

  .mb-xl-n7x, .my-xl-n7x {
    margin-bottom: -56px !important
  }

  .ml-xl-n7x, .mx-xl-n7x {
    margin-left: -56px !important
  }

  .m-xl-n7xh {
    margin: -60px !important
  }

  .mt-xl-n7xh, .my-xl-n7xh {
    margin-top: -60px !important
  }

  .mr-xl-n7xh, .mx-xl-n7xh {
    margin-right: -60px !important
  }

  .mb-xl-n7xh, .my-xl-n7xh {
    margin-bottom: -60px !important
  }

  .ml-xl-n7xh, .mx-xl-n7xh {
    margin-left: -60px !important
  }

  .m-xl-n8x {
    margin: -64px !important
  }

  .mt-xl-n8x, .my-xl-n8x {
    margin-top: -64px !important
  }

  .mr-xl-n8x, .mx-xl-n8x {
    margin-right: -64px !important
  }

  .mb-xl-n8x, .my-xl-n8x {
    margin-bottom: -64px !important
  }

  .ml-xl-n8x, .mx-xl-n8x {
    margin-left: -64px !important
  }

  .m-xl-n8xh {
    margin: -68px !important
  }

  .mt-xl-n8xh, .my-xl-n8xh {
    margin-top: -68px !important
  }

  .mr-xl-n8xh, .mx-xl-n8xh {
    margin-right: -68px !important
  }

  .mb-xl-n8xh, .my-xl-n8xh {
    margin-bottom: -68px !important
  }

  .ml-xl-n8xh, .mx-xl-n8xh {
    margin-left: -68px !important
  }

  .m-xl-n9x {
    margin: -72px !important
  }

  .mt-xl-n9x, .my-xl-n9x {
    margin-top: -72px !important
  }

  .mr-xl-n9x, .mx-xl-n9x {
    margin-right: -72px !important
  }

  .mb-xl-n9x, .my-xl-n9x {
    margin-bottom: -72px !important
  }

  .ml-xl-n9x, .mx-xl-n9x {
    margin-left: -72px !important
  }

  .m-xl-n9xh {
    margin: -76px !important
  }

  .mt-xl-n9xh, .my-xl-n9xh {
    margin-top: -76px !important
  }

  .mr-xl-n9xh, .mx-xl-n9xh {
    margin-right: -76px !important
  }

  .mb-xl-n9xh, .my-xl-n9xh {
    margin-bottom: -76px !important
  }

  .ml-xl-n9xh, .mx-xl-n9xh {
    margin-left: -76px !important
  }

  .m-xl-n10x {
    margin: -80px !important
  }

  .mt-xl-n10x, .my-xl-n10x {
    margin-top: -80px !important
  }

  .mr-xl-n10x, .mx-xl-n10x {
    margin-right: -80px !important
  }

  .mb-xl-n10x, .my-xl-n10x {
    margin-bottom: -80px !important
  }

  .ml-xl-n10x, .mx-xl-n10x {
    margin-left: -80px !important
  }

  .m-xl-n10xh {
    margin: -84px !important
  }

  .mt-xl-n10xh, .my-xl-n10xh {
    margin-top: -84px !important
  }

  .mr-xl-n10xh, .mx-xl-n10xh {
    margin-right: -84px !important
  }

  .mb-xl-n10xh, .my-xl-n10xh {
    margin-bottom: -84px !important
  }

  .ml-xl-n10xh, .mx-xl-n10xh {
    margin-left: -84px !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important
  }
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width:575px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:1280px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1600px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
  color: #0056b3 !important
}

.text-secondary {
  color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #494f54 !important
}

.text-success {
  color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
  color: #19692c !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
  color: #0f6674 !important
}

.text-warning {
  color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
  color: #ba8b00 !important
}

.text-danger {
  color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
  color: #a71d2a !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
  color: #cbd3da !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
  color: #121416 !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
  font: 0/0 a;
  color: rgba(0, 0, 0, 0);
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.img-fluid, .img-thumbnail {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: 4px;
  line-height: 1
}

.figure-caption {
  font-size: 90%;
  color: #6c757d
}

*, :after, :before {
  box-sizing: border-box
}

html {
  line-height: var(--font-line-height-medium);
  text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--font-line-height-medium);
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=button], [type=reset], [type=submit], button {
  appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  appearance: none
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden], template {
  display: none
}

.bg-primary-pastel-01 {
  background: var(--color-primary-pastel-01) !important
}

.text-primary-pastel-01 {
  color: var(--primary-pastel-01, #c5d4eb) !important
}

.border-primary-pastel-01 {
  border-color: var(--primary-pastel-01, #c5d4eb) !important
}

.bg-primary-pastel-02 {
  background: var(--color-primary-pastel-02) !important
}

.text-primary-pastel-02 {
  color: var(--primary-pastel-02, #dbe8fb) !important
}

.border-primary-pastel-02 {
  border-color: var(--primary-pastel-02, #dbe8fb) !important
}

.bg-primary-lighten-01 {
  background: var(--color-primary-lighten-01) !important
}

.text-primary-lighten-01 {
  color: var(--primary-lighten-01, #2670e8) !important
}

.border-primary-lighten-01 {
  border-color: var(--primary-lighten-01, #2670e8) !important
}

.bg-primary-lighten-02 {
  background: var(--color-primary-lighten-02) !important
}

.text-primary-lighten-02 {
  color: var(--primary-lighten-02, #5992ed) !important
}

.border-primary-lighten-02 {
  border-color: var(--primary-lighten-02, #5992ed) !important
}

.bg-primary-default {
  background: var(--color-primary-default) !important
}

.text-primary-default {
  color: var(--primary-default, #1351b4) !important
}

.border-primary-default {
  border-color: var(--primary-default, #1351b4) !important
}

.bg-primary-darken-01 {
  background: var(--color-primary-darken-01) !important
}

.text-primary-darken-01 {
  color: var(--primary-darken-01, #0c326f) !important
}

.border-primary-darken-01 {
  border-color: var(--primary-darken-01, #0c326f) !important
}

.bg-primary-darken-02 {
  background: var(--color-primary-darken-02) !important
}

.text-primary-darken-02 {
  color: var(--primary-darken-02, #071d41) !important
}

.border-primary-darken-02 {
  border-color: var(--primary-darken-02, #071d41) !important
}

.bg-secondary-01 {
  background: var(--color-secondary-01) !important
}

.text-secondary-01 {
  color: var(--secondary-01, #fff) !important
}

.border-secondary-01 {
  border-color: var(--secondary-01, #fff) !important
}

.bg-secondary-02 {
  background: var(--color-secondary-02) !important
}

.text-secondary-02 {
  color: var(--secondary-02, #f8f8f8) !important
}

.border-secondary-02 {
  border-color: var(--secondary-02, #f8f8f8) !important
}

.bg-secondary-03 {
  background: var(--color-secondary-03) !important
}

.text-secondary-03 {
  color: var(--secondary-03, #ededed) !important
}

.border-secondary-03 {
  border-color: var(--secondary-03, #ededed) !important
}

.bg-secondary-04 {
  background: var(--color-secondary-04) !important
}

.text-secondary-04 {
  color: var(--secondary-04, #ccc) !important
}

.border-secondary-04 {
  border-color: var(--secondary-04, #ccc) !important
}

.bg-secondary-05 {
  background: var(--color-secondary-05) !important
}

.text-secondary-05 {
  color: var(--secondary-05, #9e9d9d) !important
}

.border-secondary-05 {
  border-color: var(--secondary-05, #9e9d9d) !important
}

.bg-secondary-06 {
  background: var(--color-secondary-06) !important
}

.text-secondary-06 {
  color: var(--secondary-06, #888) !important
}

.border-secondary-06 {
  border-color: var(--secondary-06, #888) !important
}

.bg-secondary-07 {
  background: var(--color-secondary-07) !important
}

.text-secondary-07 {
  color: var(--secondary-07, #555) !important
}

.border-secondary-07 {
  border-color: var(--secondary-07, #555) !important
}

.bg-secondary-08 {
  background: var(--color-secondary-08) !important
}

.text-secondary-08 {
  color: var(--secondary-08, #333) !important
}

.border-secondary-08 {
  border-color: var(--secondary-08, #333) !important
}

.bg-secondary-09 {
  background: var(--color-secondary-09) !important
}

.text-secondary-09 {
  color: var(--secondary-09, #000) !important
}

.border-secondary-09 {
  border-color: var(--secondary-09, #000) !important
}

.bg-highlight {
  background: var(--color-highlight) !important
}

.text-highlight {
  color: var(--highlight, #268744) !important
}

.border-highlight {
  border-color: var(--highlight, #268744) !important
}

.bg-success {
  background: var(--color-success) !important
}

.text-success {
  color: var(--success, #168821) !important
}

.border-success {
  border-color: var(--success, #168821) !important
}

.bg-warning {
  background: var(--color-warning) !important
}

.text-warning {
  color: var(--warning, #ffcd07) !important
}

.border-warning {
  border-color: var(--warning, #ffcd07) !important
}

.bg-danger {
  background: var(--color-danger) !important
}

.text-danger {
  color: var(--danger, #e60000) !important
}

.border-danger {
  border-color: var(--danger, #e60000) !important
}

.bg-info {
  background: var(--color-info) !important
}

.text-info {
  color: var(--info, #155bcb) !important
}

.border-info {
  border-color: var(--info, #155bcb) !important
}

.bg-support-01 {
  background: var(--color-support-01) !important
}

.text-support-01 {
  color: var(--support-01, #36a191) !important
}

.border-support-01 {
  border-color: var(--support-01, #36a191) !important
}

.bg-support-02 {
  background: var(--color-support-02) !important
}

.text-support-02 {
  color: var(--support-02, #f2e317) !important
}

.border-support-02 {
  border-color: var(--support-02, #f2e317) !important
}

.bg-support-03 {
  background: var(--color-support-03) !important
}

.text-support-03 {
  color: var(--support-03, #d84800) !important
}

.border-support-03 {
  border-color: var(--support-03, #d84800) !important
}

.bg-support-04 {
  background: var(--color-support-04) !important
}

.text-support-04 {
  color: var(--support-04, #a26739) !important
}

.border-support-04 {
  border-color: var(--support-04, #a26739) !important
}

.bg-support-05 {
  background: var(--color-support-05) !important
}

.text-support-05 {
  color: var(--support-05, #40e0d0) !important
}

.border-support-05 {
  border-color: var(--support-05, #40e0d0) !important
}

.bg-support-06 {
  background: var(--color-support-06) !important
}

.text-support-06 {
  color: var(--support-06, #48cbeb) !important
}

.border-support-06 {
  border-color: var(--support-06, #48cbeb) !important
}

.bg-support-07 {
  background: var(--color-support-07) !important
}

.text-support-07 {
  color: var(--support-07, #c72487) !important
}

.border-support-07 {
  border-color: var(--support-07, #c72487) !important
}

.bg-support-08 {
  background: var(--color-support-08) !important
}

.text-support-08 {
  color: var(--support-08, #63007f) !important
}

.border-support-08 {
  border-color: var(--support-08, #63007f) !important
}

.bg-support-09 {
  background: var(--color-support-09) !important
}

.text-support-09 {
  color: var(--support-09, #f08080) !important
}

.border-support-09 {
  border-color: var(--support-09, #f08080) !important
}

.bg-support-10 {
  background: var(--color-support-10) !important
}

.text-support-10 {
  color: var(--support-10, #ff8c00) !important
}

.border-support-10 {
  border-color: var(--support-10, #ff8c00) !important
}

.bg-support-11 {
  background: var(--color-support-11) !important
}

.text-support-11 {
  color: var(--support-11, #fdf5e6) !important
}

.border-support-11 {
  border-color: var(--support-11, #fdf5e6) !important
}

.bg-facebook {
  background: var(--color-facebook) !important
}

.text-facebook {
  color: var(--facebook, #3b5998) !important
}

.border-facebook {
  border-color: var(--facebook, #3b5998) !important
}

.bg-google-plus {
  background: var(--color-google-plus) !important
}

.text-google-plus {
  color: var(--google-plus, #db4a39) !important
}

.border-google-plus {
  border-color: var(--google-plus, #db4a39) !important
}

.bg-linkedin {
  background: var(--color-linkedin) !important
}

.text-linkedin {
  color: var(--linkedin, #0e76a8) !important
}

.border-linkedin {
  border-color: var(--linkedin, #0e76a8) !important
}

.bg-twitter {
  background: var(--color-twitter) !important
}

.text-twitter {
  color: var(--twitter, #00acee) !important
}

.border-twitter {
  border-color: var(--twitter, #00acee) !important
}

.bg-whatsapp {
  background: var(--color-whatsapp) !important
}

.text-whatsapp {
  color: var(--whatsapp, #25d366) !important
}

.border-whatsapp {
  border-color: var(--whatsapp, #25d366) !important
}

.bg-xbox {
  background: var(--color-xbox) !important
}

.text-xbox {
  color: var(--xbox, #9bc848) !important
}

.border-xbox {
  border-color: var(--xbox, #9bc848) !important
}

.bg-yahoo {
  background: var(--color-yahoo) !important
}

.text-yahoo {
  color: var(--yahoo, #720e9e) !important
}

.border-yahoo {
  border-color: var(--yahoo, #720e9e) !important
}

.bg-youtube {
  background: var(--color-youtube) !important
}

.text-youtube {
  color: var(--youtube, #c4302b) !important
}

.border-youtube {
  border-color: var(--youtube, #c4302b) !important
}

body {
  --font-size: var(--font-size-scale-base);
  --text-color: var(--color-secondary-08);
  --link-color: var(--color-primary-default);
  --bg-color: var(--color-secondary-01);
  --font-weight: var(--font-weight-regular);
  --line-height: var(--font-line-height-medium);
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height)
}

p {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0
}

a {
  color: var(--interactive);
  text-decoration: none
}

a:focus {
  outline: none
}

a.focus-visible, a:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.main-content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline
}

.main-content a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.main-content a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.main-content a:focus {
  outline: none
}

.main-content a.focus-visible, .main-content a:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

button {
  cursor: pointer
}

img {
  max-width: 100%;
  vertical-align: middle
}

.h1, h1 {
  font-size: var(--font-size-scale-up-06);
  font-weight: var(--font-weight-regular)
}

h1 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-4x);
  margin-top: 0
}

.h2, h2 {
  font-size: var(--font-size-scale-up-05);
  font-weight: var(--font-weight-regular)
}

h2 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh)
}

.h3, h3 {
  font-size: var(--font-size-scale-up-04);
  font-weight: var(--font-weight-regular)
}

h3 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh)
}

.h4, h4 {
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-regular)
}

h4 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh)
}

.h5, h5 {
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold)
}

h5 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-3xh)
}

.h6, h6 {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold)
}

h6 {
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-3xh)
}

ol, ul {
  padding: 0 var(--spacing-scale-6x)
}

blockquote, ol, ul {
  margin: var(--spacing-scale-2x) 0
}

blockquote {
  background-color: var(--color-secondary-02);
  border-left: 4px solid #268744;
  font-style: italic;
  padding: var(--spacing-scale-2x);
  position: relative
}

blockquote>:last-child {
  margin-bottom: 0
}

table {
  --table-border: 1px solid var(--color-secondary-04);
  --table-padding: var(--spacing-scale-3x);
  --table-font-weight: var(--font-weight-medium);
  --table-header-background: var(--color-secondary-03);
  --table-header-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--spacing-scale-2x);
  border-bottom: var(--table-border);
  border-collapse: collapse;
  width: 100%
}

th {
  font-weight: var(--table-header-font-weight)
}

td {
  font-weight: var(--table-font-weight)
}

td, th {
  border-top: var(--table-border);
  padding: var(--table-row-size) calc(var(--table-padding)*0.5)
}

td:first-child, th:first-child {
  padding-left: var(--table-padding)
}

td:last-child, th:last-child {
  padding-right: var(--table-padding)
}

td:not([align]), th:not([align]) {
  text-align: left
}

thead td, thead th {
  --table-border: 0;
  background: var(--table-header-background)
}

tbody tr:first-child td, tbody tr:first-child th {
  --table-border: 0
}

.label, label {
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-medium)
}

.fieldset, fieldset legend {
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-half)
}

.placeholder, ::placeholder {
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  opacity: 1
}

.input, input, textarea {
  color: var(--color-secondary-08);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium)
}

.help {
  font-size: var(--font-size-scale-base)
}

code {
  background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
  border-radius: 4px;
  color: var(--status-highlight-text);
  padding: 0 var(--spacing-scale-half)
}

pre {
  margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
  padding: var(--spacing-scale-2x)
}

pre code {
  padding: 0
}

.border-solid-none {
  border: var(--surface-width-none) solid var(--color-secondary-06)
}

.border-solid-sm {
  border: var(--surface-width-sm) solid var(--color-secondary-06)
}

.border-solid-md {
  border: var(--surface-width-md) solid var(--color-secondary-06)
}

.border-solid-lg {
  border: var(--surface-width-lg) solid var(--color-secondary-06)
}

.border-dashed-none {
  border: var(--surface-width-none) dashed var(--color-secondary-06)
}

.border-dashed-sm {
  border: var(--surface-width-sm) dashed var(--color-secondary-06)
}

.border-dashed-md {
  border: var(--surface-width-md) dashed var(--color-secondary-06)
}

.border-dashed-lg {
  border: var(--surface-width-lg) dashed var(--color-secondary-06)
}

.rounder-none {
  border-radius: 0
}

.rounder-sm {
  border-radius: 4px
}

.rounder-md {
  border-radius: 8px
}

.rounder-lg {
  border-radius: 16px
}

.rounder-pill {
  border-radius: 999em
}

.opacity-none {
  opacity: 0
}

.opacity-default {
  opacity: 1
}

.opacity-xs {
  opacity: .16
}

.opacity-sm {
  opacity: .3
}

.opacity-md {
  opacity: .45
}

.opacity-lg {
  opacity: .65
}

.opacity-xl {
  opacity: .85
}

.shadow-none {
  box-shadow: none
}

.shadow-sm {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs))
}

.shadow-md {
  box-shadow: var(--surface-offset-md) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs))
}

.shadow-lg {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs))
}

.overlay-scrim {
  background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md))
}

.overlay-text {
  background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)))
}

.text-thin {
  font-weight: 100
}

.text-extra-light {
  font-weight: 200
}

.text-light {
  font-weight: 300
}

.text-regular {
  font-weight: 400
}

.text-medium {
  font-weight: 500
}

.text-semi-bold {
  font-weight: 600
}

.text-bold {
  font-weight: 700
}

.text-extra-bold {
  font-weight: 800
}

.text-black {
  font-weight: 900
}

.text-base {
  font-size: 14px
}

.text-down-01 {
  font-size: 11.662px
}

.text-down-02 {
  font-size: 9.716px
}

.text-down-03 {
  font-size: 8.106px
}

.text-up-01 {
  font-size: 16.8px
}

.text-up-02 {
  font-size: 20.16px
}

.text-up-03 {
  font-size: 24.192px
}

.text-up-04 {
  font-size: 29.036px
}

.text-up-05 {
  font-size: 34.832px
}

.text-up-06 {
  font-size: 41.804px
}

.text-up-07 {
  font-size: 50.162px
}

.fa, .fab, .fad, .fal, .far, .fas, .svg-inline--fa {
  --icon-size: var(--icon-size-base);
  display: inline-block;
  font-size: var(--icon-size);
  text-align: center;
  width: calc(var(--icon-size) + 8px)
}

.svg-inline--fa.fa-w-1, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-9, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-20 {
  width: calc(var(--icon-size) + 8px)
}

.fa-xs, .svg-inline--fa.fa-xs {
  --icon-size: var(--icon-size-xs)
}

.fa-sm, .svg-inline--fa.fa-sm {
  --icon-size: var(--icon-size-sm)
}

.fa-lg, .svg-inline--fa.fa-lg {
  --icon-size: var(--icon-size-lg);
  vertical-align: -.125em
}

.fa-2x, .svg-inline--fa.fa-2x {
  --icon-size: var(--icon-size-2x)
}

.fa-3x, .svg-inline--fa.fa-3x {
  --icon-size: var(--icon-size-3x)
}

.fa-4x, .svg-inline--fa.fa-4x {
  --icon-size: var(--icon-size-4x)
}

.fa-5x, .svg-inline--fa.fa-5x {
  --icon-size: var(--icon-size-5x)
}

.fa-6x, .svg-inline--fa.fa-6x {
  --icon-size: var(--icon-size-6x)
}

.fa-7x, .svg-inline--fa.fa-7x {
  --icon-size: var(--icon-size-7x)
}

.fa-8x, .svg-inline--fa.fa-8x {
  --icon-size: var(--icon-size-8x)
}

.fa-9x, .svg-inline--fa.fa-9x {
  --icon-size: var(--icon-size-9x)
}

.fa-10x, .svg-inline--fa.fa-10x {
  --icon-size: var(--icon-size-10x)
}

.highlight {
  background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
  color: var(--status-highlight-text);
  padding: 0 var(--spacing-scale-half)
}

.disabled, [disabled] {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.disabled *, [disabled] * {
  pointer-events: none
}

.dragged {
  background: var(--status-dragged-background);
  box-shadow: 0 3px 6px var(--status-dragged-shadow);
  color: var(--status-dragged-text)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:575px) {
  .container, .container-sm {
    max-width: 1198px
  }
}

@media (min-width:992px) {
  .container, .container-md, .container-sm {
    max-width: 1199px
  }
}

@media (min-width:1280px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1200px
  }
}

@media (min-width:1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1520px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width:575px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 13
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:992px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 13
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 13
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1600px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 13
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:575px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-left: 40px;
    padding-right: 40px
  }

  .row {
    margin-left: -12px;
    margin-right: -12px
  }

  .col, [class*=col-] {
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width:1600px) {
  .row {
    margin-left: -20px;
    margin-right: -20px
  }

  .col, [class*=col-] {
    padding-left: 20px;
    padding-right: 20px
  }
}

.skip-links {
  --skip-link-background: var(--color-secondary-01);
  --skip-link-color: var(--color-primary-default);
  --skip-link-height: 40px;
  --skip-link-padding: var(--spacing-scale-2x);
  --skip-link-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  background: var(--skip-link-background);
  box-shadow: var(--skip-link-shadow);
  display: none;
  left: 50%;
  position: fixed;
  top: calc(var(--skip-link-height)*-2);
  transform: translate(-50%);
  transition: top .1s ease-out 0ms;
  z-index: 1
}

@media (min-width:575px) {
  .skip-links {
    display: flex
  }
}

.skip-links a {
  background: var(--skip-link-background);
  color: var(--skip-link-color);
  display: flex;
  padding: 0 var(--skip-link-padding);
  position: relative;
  white-space: nowrap
}

.skip-links .accesskey, .skip-links a {
  align-items: center;
  height: var(--skip-link-height)
}

.skip-links .accesskey {
  --skip-link-height: 25px;
  background: var(--skip-link-color);
  border-radius: 50%;
  color: var(--skip-link-background);
  display: inline-flex;
  justify-content: center;
  margin-left: var(--spacing-scale-base);
  width: var(--skip-link-height)
}

.skip-links a:focus {
  background: var(--status-focused-background) linear-gradient(var(--status-focused-overlay), var(--status-focused-overlay))
}

.skip-links a:hover {
  background: var(--status-hover-background)
}

.skip-links:focus-within, .skip-links[focus-within] {
  top: 0
}

[data-toggle=dropdown]+* {
  position: absolute
}

[data-toggle=dropdown]+:not(.show) {
  display: none
}

.dropdown {
  position: relative
}

.dropdown [data-toggle=dropdown]+* {
  box-shadow: var(--surface-shadow-sm);
  left: 0;
  position: absolute;
  top: 100%
}

.dropdown>.br-notification {
  left: auto;
  right: 0
}

.template-base {
  display: grid;
  grid-template-areas: "skip-links""header""main""footer";
  grid-template-rows: min-content min-content auto min-content;
  min-height: 100vh
}

@media (min-width:575px) {
  .template-base #main, .template-base #main>.container-lg {
    display: flex
  }

  .template-base #container-navigation {
    box-shadow: 6px 0 6px -3px rgba(0, 0, 0, .16);
    padding-top: 16px
  }

  .template-base #container-navigation .br-menu {
    --menu-shadow: none;
    height: auto
  }
}

.template-base #skip-links {
  grid-area: skip-links
}

.template-base #header {
  grid-area: header
}

.template-base #main {
  grid-area: main
}

.template-base #footer {
  grid-area: footer
}

.br-accordion {
  background: var(--bg-color);
  border-top: 1px solid var(--color-secondary-04)
}

.br-accordion .item {
  border-bottom: 1px solid var(--color-secondary-04);
  display: flex;
  flex-direction: column
}

.br-accordion .item[active] {
  border-bottom: 0
}

.br-accordion .item[active] .header {
  font-weight: var(--font-weight-semi-bold)
}

.br-accordion .item[active]+.content {
  border-bottom: 1px solid var(--color-secondary-04);
  display: block
}

.br-accordion .header {
  --bg-color: rgba(0, 0, 0, 0);
  background: var(--bg-color);
  border: 0;
  color: var(--interactive);
  display: flex;
  font-size: var(--font-size-scale-up-01);
  justify-content: space-between;
  padding: var(--spacing-scale-2x) 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
  outline: none
}

.br-accordion .header .icon {
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh)
}

.br-accordion .header .title {
  flex: 1;
  margin: 0
}

.br-accordion .header:focus {
  outline: none
}

.br-accordion .header.focus-visible, .br-accordion .header:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-accordion .header:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-accordion .header:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-accordion .content {
  color: var(--text-color);
  display: none;
  font-size: var(--font-size-scale-base);
  margin: 0 var(--spacing-scale-base);
  padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x)
}

.br-accordion .content :last-child {
  margin-bottom: 0
}

.br-accordion[negative] {
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01);
  --bg-color: var(--color-primary-darken-02);
  --text-color: var(--color-secondary-01)
}

.br-avatar {
  --avatar-background: var(--color-primary-pastel-02);
  --avatar-color: var(--color-primary-pastel-01);
  --avatar-size: var(--avatar-small);
  --avatar-font-weight: var(--font-weight-bold);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
  --avatar-small: 40px;
  --avatar-medium: 100px;
  --avatar-large: 160px;
  --avatar-icon-small: var(--icon-size-2x);
  --avatar-icon-medium: var(--icon-size-5x);
  --avatar-icon-large: var(--icon-size-8x);
  --avatar-text-small: var(--font-size-scale-up-03);
  --avatar-text-medium: var(--font-size-scale-up-07);
  --avatar-text-large: var(--font-size-scale-up-11);
  display: inline-block;
  vertical-align: middle
}

.br-avatar .image {
  background-color: var(--avatar-background);
  border-radius: 50%;
  color: var(--avatar-color);
  display: inline-block;
  font-size: var(--avatar-text-size);
  font-weight: var(--avatar-font-weight);
  overflow: hidden;
  text-align: center
}

.br-avatar .image, .br-avatar .image img {
  height: var(--avatar-size);
  width: var(--avatar-size)
}

.br-avatar .image img {
  vertical-align: baseline
}

.br-avatar .image .fa, .br-avatar .image .fab, .br-avatar .image .fad, .br-avatar .image .fal, .br-avatar .image .far, .br-avatar .image .fas, .br-avatar .image .svg-inline--fa {
  --icon-size: var(--avatar-icon-size);
  margin-top: .25em
}

.br-avatar.is-small, .br-avatar.small, .br-avatar[small] {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small)
}

.br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] {
  --avatar-size: var(--avatar-medium);
  --avatar-icon-size: var(--avatar-icon-medium);
  --avatar-text-size: var(--avatar-text-medium)
}

.br-avatar.is-large, .br-avatar.large, .br-avatar[large] {
  --avatar-size: var(--avatar-large);
  --avatar-icon-size: var(--avatar-icon-large);
  --avatar-text-size: var(--avatar-text-large)
}

.br-avatar-action {
  background: rgba(0, 0, 0, 0);
  border: 0
}

.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-avatar-action:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-avatar-action:focus {
  outline: none
}

.br-avatar-action.focus-visible, .br-avatar-action:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-breadcrumb {
  display: inline-grid;
  position: relative
}

.br-breadcrumb .crumb-list {
  align-items: center;
  border: none;
  display: flex;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none
}

.br-breadcrumb .crumb-list .crumb {
  align-items: center;
  display: flex;
  height: var(--spacing-scale-5x);
  margin: auto var(--spacing-scale-half)
}

.br-breadcrumb .crumb-list .crumb .icon {
  color: var(--color-secondary-04);
  font-size: var(--icon-size-sm)
}

.br-breadcrumb .crumb-list .crumb .icon.fas.fa-chevron-right {
  margin-right: -4px
}

.br-breadcrumb .crumb-list .crumb a {
  cursor: pointer;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px
}

.br-breadcrumb .crumb-list .crumb a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-breadcrumb .crumb-list .crumb a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-breadcrumb .crumb-list .crumb.home, .br-breadcrumb .crumb-list .crumb.menu-mobil {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  align-items: center;
  display: flex;
  margin-right: 0
}

.br-breadcrumb .crumb-list .crumb.home .icon, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon {
  color: var(--interactive);
  position: static
}

.br-breadcrumb .crumb-list .crumb.home .icon.fas.fa-chevron-right, .br-breadcrumb .crumb-list .crumb.menu-mobil .icon.fas.fa-chevron-right {
  color: var(--color-secondary-04);
  margin-right: -8px
}

.br-breadcrumb .crumb-list .crumb[data-active=active] span {
  color: var(--color-secondary-08);
  cursor: default;
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  white-space: nowrap
}

.br-breadcrumb .br-card {
  position: absolute;
  top: var(--spacing-scale-7x);
  left: var(--spacing-scale-9x);
  width: fit-content;
  z-index: 1
}

.br-breadcrumb .br-card .front .content {
  padding: 0
}

.br-breadcrumb .br-card .front .content .br-list .br-item {
  cursor: pointer
}

.br-breadcrumb .br-card .front .content .br-list .br-item a {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.br-breadcrumb .br-card .front .content .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-breadcrumb .br-card .front .content .br-list .br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

@media (max-width:574.98px) {
  .br-breadcrumb .crumb-list .menu-mobil>.icon {
    display: none
  }

  .br-breadcrumb .br-card {
    left: var(--spacing-scale-base)
  }
}

@media (max-width:991.98px) {
  .br-breadcrumb .crumb-list .crumb a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 180px
  }

  .br-breadcrumb .crumb-list .crumb.home+.crumb, .br-breadcrumb .crumb-list .crumb.menu-mobil, .br-breadcrumb .crumb-list .crumb.menu-mobil+.crumb {
    display: flex
  }
}

.br-card {
  --card-background: var(--color-secondary-01);
  --card-back-background: var(--color-secondary-07);
  --card-margin: var(--spacing-scale-2x);
  --card-padding: var(--spacing-scale-2x);
  --card-shadow: var(--surface-shadow-sm);
  background: var(--card-background);
  box-shadow: var(--card-shadow);
  color: var(--card-color);
  margin-bottom: var(--card-margin)
}

.br-card .back .content, .br-card .card-content, .br-card .front .content {
  padding: var(--card-padding)
}

.br-card .back .content :last-child, .br-card .card-content :last-child, .br-card .front .content :last-child {
  margin-bottom: 0
}

.br-card .back .header, .br-card .card-header, .br-card .front .header {
  padding: var(--card-padding) var(--card-padding) 0
}

.br-card .back .footer, .br-card .card-footer, .br-card .front .footer {
  padding: 0 var(--card-padding) var(--card-padding)
}

.br-card .back {
  background: var(--card-back-background);
  color: var(--color-secondary-01)
}

.br-card .br-list .br-item {
  white-space: normal
}

.br-card .br-button[aria-expanded=true] {
  transform: rotate(180deg)
}

.br-checkbox {
  --checkbox-background: var(--bg-color);
  --checkbox-color: var(--text-color);
  --checkbox-font-weight: var(--font-weight-medium);
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  display: block
}

.br-checkbox label {
  color: var(--checkbox-color);
  cursor: pointer;
  display: inline-block;
  font-weight: var(--checkbox-font-weight);
  min-height: var(--checkbox-size);
  padding-left: calc(var(--checkbox-size) + var(--checkbox-padding));
  position: relative
}

.br-checkbox label:empty {
  padding-left: var(--checkbox-size)
}

.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size) + var(--surface-width-md)*2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0
}

.br-checkbox input {
  opacity: 0;
  position: absolute
}

.br-checkbox input.focus-visible+label:before, .br-checkbox input.focus-visible:checked+label:before, .br-checkbox input:focus+label:before, .br-checkbox input:focus-visible+label:before, .br-checkbox input:focus-visible:checked+label:before, .br-checkbox input:focus:checked+label:before {
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-checkbox input:hover:not(:disabled)+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-checkbox input:disabled+label {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.br-checkbox input:disabled+label * {
  pointer-events: none
}

.br-checkbox input:disabled+label:hover:before {
  background-image: none
}

.br-checkbox input+label {
  align-items: flex-start;
  color: var(--color-secondary-07);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-3x);
  position: relative
}

.br-checkbox input+label:before {
  background: var(--color-secondary-01, #fff);
  border: 1px solid var(--color-secondary-04);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size)
}

.br-checkbox input+label:empty {
  padding-left: var(--spacing-scale-3x)
}

.br-checkbox input:checked+label:after {
  border: solid var(--color-primary-lighten-01);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px
}

.br-checkbox input:invalid+label:before {
  border-color: var(--color-danger, #e60000);
  border-width: 2px
}

.br-checkbox input:disabled+label:before {
  box-shadow: none
}

.br-checkbox.is-small input[type=checkbox]+label, .br-checkbox.small input[type=checkbox]+label, .br-checkbox[small] input[type=checkbox]+label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh)
}

.br-checkbox.is-small input[type=checkbox]+label:before, .br-checkbox.small input[type=checkbox]+label:before, .br-checkbox[small] input[type=checkbox]+label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh)
}

.br-checkbox.is-small input[type=checkbox]:checked+label:after, .br-checkbox.small input[type=checkbox]:checked+label:after, .br-checkbox[small] input[type=checkbox]:checked+label:after {
  border-width: 0 2px 2px 0;
  height: var(--icon-size-sm);
  left: 7px;
  top: 6px;
  width: 6px
}

.br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before, .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before {
  border-color: var(--color-danger, #e60000);
  border-width: 2px
}

.br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before, .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before {
  border-color: var(--color-danger, #e60000)
}

.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]+label:before {
  border-color: var(--color-success, #168821);
  border-width: 2px
}

.br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked+label:before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus+label:before, .br-checkbox[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:focus:checked+label:before {
  border-color: var(--color-success, #168821)
}

.br-cookiebar {
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000000
}

@media (min-width:575px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: var(--spacing-scale-2xh);
    margin-right: var(--spacing-scale-5x)
  }
}

@media (max-width:574.98px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: var(--spacing-scale-2xh);
    margin-right: 0
  }

  .br-cookiebar .br-modal-header .br-modal-title p {
    font-size: var(--font-size-scale-up-02)
  }

  .br-cookiebar .br-switch .switch-data:before, .br-cookiebar .br-switch label, .br-cookiebar .group-description, .br-cookiebar .group-name, .br-cookiebar .group-size {
    font-size: var(--font-size-scale-down-01)
  }
}

.br-cookiebar.default {
  top: unset
}

.br-cookiebar.default .entry-content {
  display: none
}

.br-cookiebar.default .info-text {
  display: block
}

.br-cookiebar.default .main-content, .br-cookiebar.default .parallel-content {
  display: none
}

.br-cookiebar.default .br-modal>.br-card {
  --card-shadow: var(--surface-offset-none) calc(var(--surface-offset-md)*-1) var(--surface-blur-lg) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs))
}

.br-cookiebar.default .br-modal .br-modal-body {
  overflow-y: unset
}

.br-cookiebar .entry-text {
  margin-bottom: 0
}

.br-cookiebar .wrapper {
  display: flex;
  flex-direction: column
}

.br-cookiebar .info-text {
  display: none;
  line-height: var(--font-lineheight-medium)
}

.br-cookiebar .br-modal-header .br-modal-title {
  font-size: var(--font-size-scale-up-06);
  margin-bottom: var(--spacing-scale-3xh);
  max-height: unset;
  width: auto
}

.br-cookiebar .br-modal-header .last-update {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold)
}

.br-cookiebar .br-modal-body {
  flex: 1;
  overflow-y: scroll
}

.br-cookiebar .br-modal-body:focus {
  outline: none
}

.br-cookiebar .group-name, .br-cookiebar .group-size {
  color: var(--color-primary-default)
}

.br-cookiebar .cookie-info .br-switch, .br-cookiebar .group-info .br-switch {
  padding: var(--spacing-scale-half);
  width: 120px
}

.br-cookiebar .always-active {
  color: var(--color-highlight);
  font-weight: var(--font-weight-semi-bold)
}

.br-cookiebar .cookie-info .br-card {
  margin-bottom: var(--card-margin)
}

.br-cookiebar .cookie-info .cookie-term, .br-cookiebar .notes p:first-child {
  font-weight: var(--font-weight-semi-bold)
}

.br-datetimepicker .br-input input:hover {
  background: #dbe8fb
}

input {
  appearance: none
}

.flatpickr-calendar {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  padding: 0 0 18px;
  width: 312px
}

.flatpickr-calendar.open {
  width: 304px
}

.flatpickr-calendar.hasTime.open.noCalendar {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 116px;
  justify-content: center;
  padding: 0;
  width: 144px
}

.flatpickr-calendar.hasTime.open .flatpickr-time {
  align-items: center;
  border: none;
  border-top: 1px solid var(--color-secondary-04, #ccc);
  height: 100px;
  justify-content: center;
  line-height: 48px;
  margin: 1em 1em 0;
  max-height: none;
  width: 100%
}

.flatpickr-calendar.hasTime.open .flatpickr-time div.numInputWrapper {
  flex: none;
  flex-direction: row;
  justify-content: space-evenly;
  max-width: 50px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown, .flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp {
  border: none;
  border-radius: 50%;
  color: var(--interactive);
  cursor: pointer;
  height: 25px;
  left: 12px;
  line-height: 25px;
  opacity: 1;
  padding: 0;
  width: 25px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown:not(:disabled):hover, .flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown:not(:disabled):active, .flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown:after, .flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp:after {
  border: solid var(--interactive);
  border-width: 0 3px 3px 0;
  content: "";
  height: 10px;
  left: 7px;
  position: absolute;
  top: 7px;
  transform: rotate(45deg);
  width: 10px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp {
  top: -26px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp:after {
  transform: rotate(225deg)
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowUp:active {
  color: var(--color-secondary-01)
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown {
  bottom: -26px;
  top: unset
}

.flatpickr-calendar.hasTime.open .flatpickr-time .arrowDown:active {
  color: var(--color-secondary-01)
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-time-separator {
  height: 50px;
  margin: 0 13px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm, .flatpickr-calendar.hasTime.open .flatpickr-time input {
  background: var(--color-secondary-01);
  border: 1px solid #888;
  border-radius: 6px;
  display: block;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  min-height: 40px;
  padding: 0;
  width: 47px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm .numInput.flatpickr-minute, .flatpickr-calendar.hasTime.open .flatpickr-time input .numInput.flatpickr-minute {
  margin-left: 13px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm {
  margin-left: 24px
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.flatpickr-calendar.hasTime.open .flatpickr-time .flatpickr-am-pm:active {
  color: var(--color-secondary-01)
}

.flatpickr-calendar.hasTime.open.noCalendar>.flatpickr-time {
  border-top: none;
  margin: 0
}

.flatpickr-calendar.hasTime.open input.focus-visible, .flatpickr-calendar.hasTime.open input:focus, .flatpickr-calendar.hasTime.open input:focus-visible {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
  display: none
}

.flatpickr-months {
  padding-top: 16px
}

.flatpickr-months .flatpickr-month {
  height: 40px
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  border: none;
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  margin-right: 13px
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: rgba(0, 0, 0, 0);
  color: var(--color-secondary-08);
  outline: none;
  padding: 0
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0)
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper {
  margin: 0 13px
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper input.numInput.cur-year {
  border: 1px solid var(--color-secondary-06);
  border-radius: 6px;
  color: var(--color-secondary-08);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: 0 8px
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper input.numInput.cur-year.focus-visible, .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper input.numInput.cur-year:focus, .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper input.numInput.cur-year:focus-visible {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span.arrowDown, .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper span.arrowUp {
  display: none
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper:hover {
  background: rgba(0, 0, 0, 0)
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  color: var(--interactive);
  fill: var(--interactive)
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  height: 1em
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: var(--interactive)
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 8px;
  top: 10px
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 8px;
  top: 10px
}

.flatpickr-weekdays {
  padding: 0 33px
}

.flatpickr-weekdays .flatpickr-weekday {
  color: var(--color-secondary-07);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium)
}

.dayContainer {
  justify-content: flex-start;
  padding: 5px 27px
}

.dayContainer .flatpickr-day {
  align-items: center;
  color: var(--interactive);
  cursor: pointer;
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  height: 24px;
  justify-content: center;
  line-height: 28px;
  margin: 3px 6px;
  max-width: 24px;
  padding: 0 1px;
  width: 24px
}

.dayContainer .flatpickr-day:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.dayContainer .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
  color: var(--status-disabled-text)
}

.dayContainer .flatpickr-day.flatpickr-disabled * {
  pointer-events: none
}

.dayContainer .flatpickr-day.today {
  border-radius: 16px;
  border-width: 0
}

.dayContainer .flatpickr-day.today, .dayContainer .flatpickr-day.today:hover {
  background: var(--color-support-11);
  color: var(--color-support-03)
}

.dayContainer .flatpickr-day.today.selected {
  color: var(--color-secondary-01)
}

.dayContainer .flatpickr-day.nextMonthDay, .dayContainer .flatpickr-day.prevMonthDay {
  color: var(--interactive);
  font-weight: var(--font-weight-medium);
  opacity: .6
}

.dayContainer .flatpickr-day.inRange, .dayContainer .flatpickr-day.nextMonthDay.inRange, .dayContainer .flatpickr-day.nextMonthDay.today.inRange, .dayContainer .flatpickr-day.nextMonthDay:focus, .dayContainer .flatpickr-day.nextMonthDay:hover, .dayContainer .flatpickr-day.prevMonthDay.inRange, .dayContainer .flatpickr-day.prevMonthDay.today.inRange, .dayContainer .flatpickr-day.prevMonthDay:focus, .dayContainer .flatpickr-day.prevMonthDay:hover, .dayContainer .flatpickr-day.today.inRange, .dayContainer .flatpickr-day:focus, .dayContainer .flatpickr-day:hover {
  background: var(--hover-effect);
  border-color: rgba(0, 0, 0, 0)
}

.dayContainer .flatpickr-day.selected, .dayContainer .flatpickr-day.selected.endRange.inRange, .dayContainer .flatpickr-day.selected.prevMonthDay:hover {
  background: var(--selected);
  border-width: 0;
  color: var(--color-secondary-01);
  opacity: 1
}

.dayContainer .flatpickr-day.selected.endRange.inRange {
  border-radius: 0 50px 50px 0
}

.dayContainer .flatpickr-day.inRange, .dayContainer .flatpickr-day.inRange.today, .dayContainer .flatpickr-day.nextMonthDay.inRange, .dayContainer .flatpickr-day.nextMonthDay.today.inRange, .dayContainer .flatpickr-day.prevMonthDay.inRange, .dayContainer .flatpickr-day.prevMonthDay.today.inRange {
  background: rgba(var(--rgb-primary-lighten-01), .5);
  border-radius: 0;
  box-shadow: none;
  color: var(--color-secondary-01);
  opacity: 1
}

.br-divider, hr {
  --divider-style: solid;
  --divider-color: var(--divider-light);
  --divider-padding: var(--spacing-scale-base);
  --divider-size: 1px;
  --divider-light: var(--color-secondary-04);
  --divider-dark: var(--color-secondary-01);
  border-top-width: 0;
  border: 0 var(--divider-style) var(--divider-color);
  border-top: var(--divider-size) var(--divider-style) var(--divider-color);
  display: block
}

.br-divider.content, hr.content {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center
}

.br-divider.content:after, .br-divider.content:before, hr.content:after, hr.content:before {
  border-top-width: 0;
  border: 0 var(--divider-style) var(--divider-color);
  border-top: var(--divider-size) var(--divider-style) var(--divider-color);
  content: "";
  flex: 1
}

.br-divider.content:after, hr.content:after {
  margin-left: var(--divider-padding)
}

.br-divider.content:before, hr.content:before {
  margin-right: var(--divider-padding)
}

.br-divider.vertical, hr.vertical {
  align-self: stretch;
  border-right-width: var(--divider-size);
  border-top-width: 0
}

.br-divider.vertical.content, hr.vertical.content {
  flex-direction: column
}

.br-divider.vertical.content:after, .br-divider.vertical.content:before, hr.vertical.content:after, hr.vertical.content:before {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  margin: 0
}

.br-divider.inverted, hr.inverted {
  --divider-color: var(--color-secondary-01)
}

hr {
  --divider-padding: var(--spacing-scale-2x);
  margin: var(--divider-padding) 0
}

.br-footer {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01);
  background: var(--color-primary-darken-02);
  color: var(--color-secondary-01);
  display: block
}

@media (min-width:992px) {
  .br-footer .br-list .br-item .support {
    display: none;
    pointer-events: none
  }
}

.br-footer .logo {
  padding: var(--spacing-scale-6x) 0 var(--spacing-scale-4x)
}

.br-footer .logo img {
  max-height: 48px;
  max-width: 180px
}

.br-footer .assigns img {
  max-height: 46px;
  max-width: 180px
}

.br-footer .social-network {
  border: 0
}

.br-footer .br-divider {
  --divider-color: var(--divider-dark)
}

.br-footer.inverted, .br-footer[inverted] {
  --interactive-rgb: var(--rgb-primary-default);
  --hover: var(--surface-opacity-xs, 0.16);
  --focus-color: var(--color-support-03);
  --text-color: var(--color-primary-darken-02);
  background: var(--color-secondary-01);
  border-top: 1px solid var(--color-secondary-04);
  color: var(--color-primary-darken-02)
}

.br-footer.inverted .br-item, .br-footer[inverted] .br-item {
  --item-background: var(--color-secondary-01);
  --item-color: var(--color-primary-darken-02)
}

.br-footer.inverted .br-item.header .content, .br-footer.inverted .br-item.header .support, .br-footer[inverted] .br-item.header .content, .br-footer[inverted] .br-item.header .support {
  color: var(--item-color)
}

.br-footer.inverted .br-divider, .br-footer[inverted] .br-divider {
  --divider-color: var(--divider-light)
}

.br-footer .br-item {
  --item-background: var(--color-primary-darken-02);
  --item-header-color: var(--color-secondary-01);
  --item-color: var(--color-primary-pastel-01);
  align-items: center;
  display: flex
}

.br-footer .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-footer .br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-footer .br-item.header {
  color: var(--item-header-color)
}

.br-footer .br-item.active {
  background: rgba(0, 0, 0, 0)
}

.br-footer .br-item .content {
  flex: 1
}

.br-footer .br-list.horizontal {
  display: flex;
  flex-wrap: wrap
}

@media (min-width:992px) {
  .br-footer .br-list.horizontal .br-item .support:last-child {
    display: none;
    pointer-events: none
  }

  .br-footer .br-list.horizontal .br-item .content {
    flex: 1
  }

  .br-footer .br-list.horizontal .br-list {
    background-image: none;
    max-height: 200em !important
  }
}

.br-footer .br-list.horizontal .header {
  width: 100%
}

.br-footer .br-list.horizontal .br-item, .br-footer .br-list.horizontal .br-list .br-item {
  height: 4em
}

.br-footer .br-list.horizontal .br-item .content, .br-footer .br-list.horizontal .br-list .br-item .content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  line-height: 16px;
  max-height: 32px;
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: ellipsis;
  font-weight: var(--font-weight-bold)
}

.br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*=col-] {
  flex-grow: 0;
  padding: 0
}

@media (max-width:991.98px) {
  .br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*=col-] {
    flex-basis: 100% !important;
    max-width: 100%
  }

  .br-footer .br-list.horizontal .col .br-item.header.active, .br-footer .br-list.horizontal .col .br-item.header.active+.br-list, .br-footer .br-list.horizontal [class*=col-] .br-item.header.active, .br-footer .br-list.horizontal [class*=col-] .br-item.header.active+.br-list {
    border-bottom: 1px solid var(--color-secondary-04)
  }
}

.br-header {
  --header-background: var(--color-secondary-01);
  --header-shadow: 0 3px 6px rgba(var(--rgb-secondary-09), 0.16);
  --header-padding: var(--header-padding-small);
  --header-padding-small: var(--spacing-scale-base);
  --header-padding-medium: var(--spacing-scale-2x);
  --header-padding-large: var(--spacing-scale-3x);
  --header-logo-size: var(--header-logo-medium);
  --header-logo-small: 16px;
  --header-logo-medium: 24px;
  --header-logo-large: 40px;
  --header-sign-color: var(--color-secondary-07);
  --header-title-size: var(--font-size-scale-base);
  --header-title-color: var(--color-secondary-09);
  --header-subtitle-size: var(--font-size-scale-down-01);
  --header-subtitle-color: var(--color-secondary-07);
  --header-logo-desktop-width: 120px;
  --header-logo-desktop-height: 48px;
  --header-logo-compact: 60px;
  --header-logo-compact-height: 32px;
  --header-logo-mobile-width: 80px;
  --header-logo-mobile-height: 40px;
  background: var(--header-background);
  box-shadow: var(--header-shadow);
  padding: var(--header-padding) 0;
  position: relative
}

.br-header .header-bottom, .br-header .header-top {
  display: flex
}

.br-header .header-top {
  justify-content: flex-end
}

.br-header .header-bottom {
  justify-content: space-between;
  margin-top: var(--header-padding-small)
}

@media (min-width:575px) {
  .br-header {
    --header-padding: var(--header-padding-medium)
  }
}

.br-header.small {
  --header-padding: var(--header-padding-small)
}

.br-header.medium {
  --header-padding: var(--header-padding-medium)
}

.br-header.large {
  --header-padding: var(--header-padding-large)
}

.br-header .header-logo {
  align-items: center;
  display: flex;
  flex: 1;
  float: left
}

.br-header .header-logo img {
  max-height: var(--header-logo-size)
}

.br-header .header-logo .header-sign {
  color: var(--header-sign-color);
  display: none;
  font-weight: 500;
  overflow: hidden;
  padding-left: var(--spacing-scale-2x)
}

.br-header[data-no-logo] .header-logo img, .br-header[data-no-sign] .header-logo .header-sign {
  display: none
}

@media (min-width:575px) {
  .br-header .header-logo {
    --header-logo-size: var(--header-logo-large);
    margin: 0
  }

  .br-header .header-logo .header-sign {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
  }
}

.br-header .header-actions {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.br-header .header-actions .dropdown.show .br-list {
  display: block;
  z-index: 1
}

.br-header .header-actions .dropdown.show .br-button.active .fa, .br-header .header-actions .dropdown.show .br-button.active .fab, .br-header .header-actions .dropdown.show .br-button.active .fad, .br-header .header-actions .dropdown.show .br-button.active .fal, .br-header .header-actions .dropdown.show .br-button.active .far, .br-header .header-actions .dropdown.show .br-button.active .fas, .br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa {
  transform: rotate(180deg)
}

.br-header .header-actions .dropdown.show .br-notification {
  display: block;
  right: -16px;
  width: 100vw;
  z-index: 1
}

.br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none
}

.br-header .header-actions .header-functions, .br-header .header-actions .header-links {
  --focus-offset: calc(var(--spacing-scale-half)*-1)
}

.br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
  background: var(--header-background);
  left: -4em
}

.br-header .header-actions .header-functions .br-list .br-item, .br-header .header-actions .header-links .br-list .br-item {
  white-space: nowrap
}

.br-header .header-actions .header-functions ul, .br-header .header-actions .header-links ul {
  display: none
}

.br-header .header-actions .header-functions .br-list .br-item {
  padding: 0
}

.br-header .header-actions .header-functions .br-list .br-button {
  --button-size: auto;
  --button-font-size: var(--font-size-scale-base);
  --button-font-weight: var(--font-weight-regular);
  border-radius: 0;
  justify-content: flex-start;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  width: 100%
}

.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: var(--spacing-scale-2x)
}

.br-header .header-actions .header-functions ul {
  display: none
}

.br-header .header-actions .header-login {
  --focus-offset: 0;
  margin-left: var(--spacing-scale-base)
}

.br-header .header-actions .sign-in {
  --button-padding: 0 var(--spacing-scale-2x)
}

.br-header .header-actions .avatar {
  align-items: center;
  display: flex
}

.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  right: 0;
  top: 100%
}

.br-header[data-no-functions] .header-actions .header-functions, .br-header[data-no-links] .header-actions .header-links, .br-header[data-no-login] .header-actions .header-login {
  display: none
}

@media (min-width:575px) {
  .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
    background: var(--header-background);
    left: auto;
    right: 0
  }

  .br-header .header-actions .header-functions .br-notification, .br-header .header-actions .header-links .br-notification {
    width: 100vw
  }
}

@media (min-width:1280px) {
  .br-header .header-actions .header-functions [data-toggle=dropdown], .br-header .header-actions .header-links [data-toggle=dropdown] {
    display: none
  }

  .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
    box-shadow: none;
    display: flex;
    position: static
  }

  .br-header .header-actions .header-functions .br-list .header, .br-header .header-actions .header-links .br-list .header {
    display: none
  }

  .br-header .header-actions .header-functions .br-list .br-item, .br-header .header-actions .header-links .br-list .br-item {
    --item-padding-x: var(--spacing-scale-base)
  }

  .br-header .header-actions .header-functions .br-list .br-notification, .br-header .header-actions .header-links .br-list .br-notification {
    width: 50vw
  }

  .br-header .header-actions .header-functions .br-list .br-button {
    --button-size: var(--button-small);
    border-radius: 50%;
    justify-content: center;
    padding: 0;
    width: var(--button-size)
  }

  .br-header .header-actions .header-functions .br-list .br-button .text, .br-header .header-actions .header-search-trigger {
    display: none
  }
}

.br-header .header-menu {
  align-items: center;
  display: flex;
  flex: 1
}

.br-header .header-menu .header-menu-trigger+.header-info {
  margin-left: var(--spacing-scale-half)
}

.br-header .header-menu .header-title {
  color: var(--header-title-color);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--header-title-size);
  -webkit-line-clamp: 2;
  overflow: hidden
}

.br-header .header-menu .header-subtitle {
  color: var(--header-subtitle-color);
  display: none;
  font-size: var(--header-subtitle-size);
  font-weight: 500;
  margin-top: .5em
}

.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none
}

@media (min-width:575px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
    align-items: flex-start
  }

  .br-header .header-menu .header-menu-trigger {
    margin-top: 3px
  }

  .br-header .header-menu .header-info {
    padding-top: var(--spacing-scale-half)
  }

  .br-header .header-menu .header-subtitle {
    display: block
  }
}

@media (min-width:1280px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-03);
    --header-subtitle-size: var(--font-size-scale-base)
  }

  .br-header .header-menu .header-info {
    padding-top: 0
  }
}

.br-header.compact .header-search, .br-header .header-search {
  align-items: center;
  background: var(--header-background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0
}

.br-header.compact .header-search .br-input, .br-header .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1
}

.br-header.compact .header-search .br-input label, .br-header .header-search .br-input label {
  display: none
}

.br-header.compact .header-search .br-input input, .br-header .header-search .br-input input {
  border-color: rgba(0, 0, 0, 0)
}

.br-header.compact .header-search .br-input input:not(:focus), .br-header .header-search .br-input input:not(:focus) {
  background: var(--color-secondary-02)
}

.br-header.compact .header-search .br-input .br-button, .br-header.compact .header-search .br-input .icon, .br-header .header-search .br-input .br-button, .br-header .header-search .br-input .icon {
  --focus-offset: 0;
  bottom: auto;
  right: 4px;
  top: auto
}

.br-header.compact .header-search .search-close, .br-header .header-search .search-close {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  display: none
}

.br-header.compact .header-search.active, .br-header .header-search.active {
  display: flex
}

.br-header.compact .header-search.active .search-close, .br-header .header-search.active .search-close {
  display: inline-flex
}

.br-header[data-no-search] .header-search {
  display: none
}

@media (min-width:1280px) {
  .br-header .header-search {
    display: flex;
    padding: 0;
    position: static
  }

  .br-header .header-search.active .search-close {
    display: none
  }
}

.br-header.compact {
  --header-logo-size: var(--header-logo-small);
  --header-padding: var(--header-padding-small)
}

.br-header.compact .header-actions .header-search-trigger {
  display: block
}

@media (min-width:575px) {
  .br-header.compact .container-lg {
    position: relative
  }

  .br-header.compact .header-top {
    display: block
  }

  .br-header.compact .header-logo {
    --header-logo-size: var(--header-logo-small);
    float: left
  }

  .br-header.compact .header-sign {
    display: none
  }

  .br-header.compact .header-actions {
    float: right;
    margin-top: var(--spacing-scale-2x);
    position: relative
  }

  .br-header.compact .header-bottom {
    clear: left
  }

  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-01)
  }

  .br-header.compact .header-menu .header-menu-trigger {
    margin-top: 0
  }
}

@media (min-width:1280px) {
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-02)
  }
}

.br-header[data-sticky] {
  position: sticky;
  top: 0;
  z-index: 1
}

.br-header[data-sticky], .br-header[data-sticky] .header-actions, .br-header[data-sticky] .header-logo img, .br-header[data-sticky] .header-menu-trigger, .br-header[data-sticky] .header-title {
  transition: all .15s ease
}

.br-input {
  position: relative
}

.br-input.success input, .br-input[data-success] input {
  border: 2px solid var(--color-success)
}

.br-input.success .feedback.color-success, .br-input[data-success] .feedback.color-success {
  align-items: center;
  background: var(--color-success);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-input.danger input, .br-input[data-danger] input {
  border: 2px solid var(--color-danger)
}

.br-input.danger .feedback.color-danger, .br-input[data-danger] .feedback.color-danger {
  align-items: center;
  background: var(--color-danger);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-input.warning input, .br-input[data-warning] input {
  border: 2px solid var(--color-warning)
}

.br-input.warning .feedback.color-warning, .br-input[data-warning] .feedback.color-warning {
  align-items: center;
  background: var(--color-warning);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px;
  color: var(--color-secondary-08) !important
}

.br-input.info input, .br-input[data-info] input {
  border: 2px solid var(--color-info)
}

.br-input.info .feedback.color-info, .br-input[data-info] .feedback.color-info {
  align-items: center;
  background: var(--color-info);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-input label {
  display: inline-block;
  padding-bottom: var(--spacing-scale-half)
}

.br-input.has-icon .br-button.circle {
  border-bottom: var(--spacing-scale-base);
  border-right: var(--spacing-scale-half);
  border-top: var(--spacing-scale-base)
}

.br-input input {
  background: var(--bg-color);
  border: 1px solid #888;
  border-radius: 6px;
  color: var(--color-secondary-07);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-5x);
  width: 100%;
  --input-small: 48px;
  --input-medium: 40px;
  --input-large: 32px;
  --input-size: var(--input-medium)
}

.br-input input::placeholder {
  color: var(--text-color);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  opacity: .75
}

.br-input input:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-input input:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-input input:not(:disabled):focus {
  outline: none
}

.br-input input:not(:disabled).focus-visible, .br-input input:not(:disabled):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-input input:not(:disabled).focus-visible, .br-input input:not(:disabled):focus, .br-input input:not(:disabled):focus-visible {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-input input.small, .br-input input[data-small] {
  --input-size: var(--input-small)
}

.br-input input.medium, .br-input input[data-medium] {
  --input-size: var(--input-medium)
}

.br-input input.large, .br-input input[data-large] {
  --input-size: var(--input-large)
}

.br-input input.disabled, .br-input input[disabled] {
  background-color: var(--color-secondary-03);
  border: 1px solid var(--color-secondary-06);
  color: var(--color-secondary-06)
}

.br-input input.disabled~button.icon, .br-input input[disabled]~button.icon {
  color: var(--color-secondary-06);
  cursor: not-allowed
}

.br-input input.disabled~.help, .br-input input[disabled]~.help {
  display: none
}

.br-input input+.br-button {
  position: absolute;
  right: var(--spacing-scale-half);
  top: 28px
}

.br-input button:not(.br-button) {
  background-color: rgba(0, 0, 0, 0)
}

.br-input button.icon {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  background: rgba(0, 0, 0, 0);
  border: 0;
  bottom: 0;
  color: var(--interactive);
  font-size: 1rem;
  height: 40px;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 1.5em;
  width: auto
}

.br-input button.icon:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-input button.icon:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-input button.icon:focus {
  outline: none
}

.br-input button.icon.focus-visible, .br-input button.icon:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-input button.icon img {
  max-width: 24px;
  min-width: 24px;
  transform: translateY(-4px)
}

.br-input~.help {
  font-size: var(--font-size-scale-down-01)
}

.br-input.is-filter, .br-input[data-filter] {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.br-input.is-filter label, .br-input[data-filter] label {
  margin-right: var(--spacing-scale-2x);
  white-space: nowrap
}

.br-input.is-filter input, .br-input[data-filter] input {
  min-height: 32px
}

.br-item {
  --interactive-rgb: var(--rgb-secondary-08);
  --item-background: var(--bg-color);
  --item-color: var(--text-color);
  --item-font-weight: var(--font-weight);
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-base);
  --item-padding: var(--item-padding-y) var(--item-padding-x);
  background: var(--item-background);
  border: 0;
  color: var(--item-color);
  display: block;
  font-weight: var(--item-font-weight);
  padding: var(--item-padding);
  text-align: left;
  width: 100%
}

.br-item .row {
  margin-left: calc(var(--spacing-scale-base)*-1);
  margin-right: calc(var(--spacing-scale-base)*-1)
}

.br-item .row .col, .br-item .row [class*=col-] {
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base)
}

.br-item:after {
  clear: both;
  content: "";
  display: block
}

.br-item .br-checkbox input+label, .br-item .br-radio input+label {
  color: var(--text-color) !important
}

.br-item .br-checkbox input:hover+label:before, .br-item .br-radio input:hover+label:before {
  background-image: none !important
}

.br-item.primary-pastel-01 {
  --bg-color: var(--color-primary-pastel-01)
}

.br-item.primary-pastel-02 {
  --bg-color: var(--color-primary-pastel-02)
}

.br-item.primary-lighten-01 {
  --bg-color: var(--color-primary-lighten-01)
}

.br-item.primary-lighten-01, .br-item.primary-lighten-02 {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.primary-lighten-02 {
  --bg-color: var(--color-primary-lighten-02)
}

.br-item.primary-default {
  --bg-color: var(--color-primary-default)
}

.br-item.primary-darken-01, .br-item.primary-default {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.primary-darken-01 {
  --bg-color: var(--color-primary-darken-01)
}

.br-item.primary-darken-02 {
  --bg-color: var(--color-primary-darken-02);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.secondary-01 {
  --bg-color: var(--color-secondary-01)
}

.br-item.secondary-02 {
  --bg-color: var(--color-secondary-02)
}

.br-item.secondary-03 {
  --bg-color: var(--color-secondary-03)
}

.br-item.secondary-04 {
  --bg-color: var(--color-secondary-04)
}

.br-item.secondary-05 {
  --bg-color: var(--color-secondary-05)
}

.br-item.secondary-06 {
  --bg-color: var(--color-secondary-06)
}

.br-item.secondary-06, .br-item.secondary-07 {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.secondary-07 {
  --bg-color: var(--color-secondary-07)
}

.br-item.secondary-08 {
  --bg-color: var(--color-secondary-08)
}

.br-item.secondary-08, .br-item.secondary-09 {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.secondary-09 {
  --bg-color: var(--color-secondary-09)
}

.br-item.highlight {
  --bg-color: var(--color-highlight)
}

.br-item.highlight, .br-item.success {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.success {
  --bg-color: var(--color-success)
}

.br-item.warning {
  --bg-color: var(--color-warning)
}

.br-item.danger {
  --bg-color: var(--color-danger)
}

.br-item.danger, .br-item.info {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.info {
  --bg-color: var(--color-info)
}

.br-item.support-01 {
  --bg-color: var(--color-support-01);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.support-02 {
  --bg-color: var(--color-support-02)
}

.br-item.support-03 {
  --bg-color: var(--color-support-03)
}

.br-item.support-03, .br-item.support-04 {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.support-04 {
  --bg-color: var(--color-support-04)
}

.br-item.support-05 {
  --bg-color: var(--color-support-05)
}

.br-item.support-06 {
  --bg-color: var(--color-support-06)
}

.br-item.support-07 {
  --bg-color: var(--color-support-07)
}

.br-item.support-07, .br-item.support-08 {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.support-08 {
  --bg-color: var(--color-support-08)
}

.br-item.support-09 {
  --bg-color: var(--color-support-09)
}

.br-item.support-10 {
  --bg-color: var(--color-support-10)
}

.br-item.support-11 {
  --bg-color: var(--color-support-11)
}

.br-item.facebook {
  --bg-color: var(--color-facebook)
}

.br-item.facebook, .br-item.google-plus {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.google-plus {
  --bg-color: var(--color-google-plus)
}

.br-item.linkedin {
  --bg-color: var(--color-linkedin)
}

.br-item.linkedin, .br-item.twitter {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.twitter {
  --bg-color: var(--color-twitter)
}

.br-item.whatsapp {
  --bg-color: var(--color-whatsapp)
}

.br-item.whatsapp, .br-item.xbox {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.xbox {
  --bg-color: var(--color-xbox)
}

.br-item.yahoo {
  --bg-color: var(--color-yahoo)
}

.br-item.yahoo, .br-item.youtube {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.youtube {
  --bg-color: var(--color-youtube)
}

.br-item.selected {
  --bg-color: var(--selected);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-item.active {
  background: var(--active);
  color: var(--color-secondary-01)
}

.br-item:focus {
  outline: none
}

.br-item.focus-visible, .br-item:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-item .br-checkbox input[type]:focus+label:before, .br-item .br-checkbox input[type]:focus:checked+label:before, .br-item .br-radio input[type]:focus+label:before, .br-item .br-radio input[type]:focus:checked+label:before {
  outline: none
}

.br-item .br-checkbox label, .br-item .br-radio label {
  width: 100%
}

.br-item[data-toggle], a.br-item, button.br-item {
  --interactive-rgb: var(--rgb-primary-default);
  --item-color: var(--interactive);
  --focus-offset: calc(var(--spacing-scale-half)*-1)
}

.br-item[data-toggle]:not(:disabled):hover, a.br-item:not(:disabled):hover, button.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-item[data-toggle]:not(:disabled):active, a.br-item:not(:disabled):active, button.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-divider:first-child {
  border-top: none
}

.br-list .header {
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x)
}

.br-list .br-item {
  text-align: var(--spacing-horizontal-left);
  width: 100%
}

.br-list .br-item .fa, .br-list .br-item .fab, .br-list .br-item .fad, .br-list .br-item .fal, .br-list .br-item .far, .br-list .br-item .fas, .br-list .br-item .svg-inline--fa {
  text-align: center
}

.br-list .br-item.open+.br-list, .br-list .br-item.open .br-list {
  max-height: 200em
}

.br-list .br-item>.content {
  align-items: var(--spacing-vertical-center);
  display: flex
}

.br-list .br-item>.content>.content {
  flex: 1
}

.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-list .br-list {
  max-height: 0;
  overflow: hidden;
  transition: all .4s ease-in-out
}

.br-list.horizontal {
  display: flex;
  flex-wrap: wrap
}

.br-list.horizontal>.header {
  flex-grow: 1;
  width: 100%
}

.br-list.horizontal>.header+.br-divider {
  border-top: 1px solid var(--color-secondary-04);
  width: 100%
}

.br-list.horizontal>.br-item {
  flex: 1;
  height: auto;
  min-height: 56px;
  width: auto
}

.br-list.horizontal>.br-item.one-line>.content {
  height: 56px
}

.br-list.horizontal>.br-item.two-lines>.content {
  height: 72px
}

.br-list.horizontal>.br-item.three-lines>.content {
  height: 6em
}

.br-list.horizontal>.br-item+.br-divider {
  border-right: 1px solid var(--color-secondary-04);
  border-top: 0;
  width: 1px
}

.br-list.horizontal.toggle>.br-item, .br-list.horizontal[data-toggle]>.br-item {
  display: block
}

.br-list[data-one-line] .br-item, .br-list[data-one-line] .br-list .br-item {
  height: 2em
}

.br-list[data-one-line] .br-item .content, .br-list[data-one-line] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal
}

.br-list[data-two-lines] .br-item, .br-list[data-two-lines] .br-list .br-item {
  height: 4em
}

.br-list[data-two-lines] .br-item .content, .br-list[data-two-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal
}

.br-list[data-three-lines] .br-item, .br-list[data-three-lines] .br-list .br-item {
  height: 6em
}

.br-list[data-three-lines] .br-item .content, .br-list[data-three-lines] .br-list .br-item .content {
  height: auto;
  overflow: hidden;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal
}

.br-menu {
  --menu-zindex: 10;
  --menu-scrim: rgba(0, 0, 0, 0.4);
  --menu-background: var(--color-secondary-01);
  --menu-background-submenu: var(--color-secondary-02);
  --menu-logo: 40px;
  --menu-title: var(--color-secondary-08);
  --menu-shadow: 3px 0 3px rgba(0, 0, 0, 0.16);
  --menu-divider: var(--color-secondary-04);
  --menu-item-background: rgba(0, 0, 0, 0);
  --menu-item-color: var(--interactive);
  --menu-item-padding: var(--menu-item-medium);
  --menu-item-small: var(--spacing-scale-base);
  --menu-item-medium: var(--spacing-scale-2x);
  --menu-item-large: var(--spacing-scale-3x)
}

.br-menu .menu-container {
  display: none
}

.br-menu .menu-scrim {
  background: var(--menu-scrim);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0
}

.br-menu .menu-panel {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  background: var(--menu-background);
  box-shadow: var(--menu-shadow);
  display: flex;
  flex-direction: column;
  height: 100vh
}

.br-menu.active .menu-container {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--menu-zindex)
}

.br-menu.active .menu-panel {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1)
}

.br-menu.active .menu-scrim {
  position: absolute
}

.br-menu .menu-header {
  border-bottom: 1px solid var(--menu-divider);
  display: flex;
  align-items: center;
  padding: var(--spacing-scale-base) var(--spacing-scale-base)
}

.br-menu .menu-header .menu-title {
  margin-left: var(--spacing-scale-base);
  flex: 1;
  font-size: var(--menu-title)
}

.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo)
}

.br-menu .menu-body {
  overflow-y: auto;
  flex: 1
}

.br-menu .menu-body li, .br-menu .menu-body ul {
  margin: 0;
  padding: 0
}

.br-menu .menu-body ul {
  list-style: none
}

.br-menu .menu-body .menu-folder>ul>li:last-child>.menu-item {
  border-bottom: 1px solid var(--menu-divider)
}

.br-menu .menu-body .menu-folder>.menu-item+ul {
  background: var(--menu-background-submenu)
}

.br-menu .menu-body .menu-folder>.menu-item+ul .menu-item {
  padding-left: var(--spacing-scale-5x)
}

.br-menu .menu-body .drop-menu>.menu-item {
  border-bottom: 1px solid var(--menu-divider)
}

.br-menu .menu-body .drop-menu.active>.menu-item {
  border-bottom: 0
}

.br-menu .menu-body .drop-menu>ul {
  background: var(--menu-background-submenu);
  display: none
}

.br-menu .menu-body .drop-menu.active>.menu-item:not(:hover) {
  --menu-item-background: var(--menu-background)
}

.br-menu .menu-body .drop-menu.active>.menu-item .support .fa, .br-menu .menu-body .drop-menu.active>.menu-item .support .fab, .br-menu .menu-body .drop-menu.active>.menu-item .support .fad, .br-menu .menu-body .drop-menu.active>.menu-item .support .fal, .br-menu .menu-body .drop-menu.active>.menu-item .support .far, .br-menu .menu-body .drop-menu.active>.menu-item .support .fas, .br-menu .menu-body .drop-menu.active>.menu-item .support .svg-inline--fa {
  transform: rotate(180deg)
}

.br-menu .menu-body .drop-menu.active>ul {
  display: block
}

.br-menu .menu-footer {
  border-top: 1px solid var(--menu-divider)
}

.br-menu .menu-footer .menu-logos {
  border-bottom: 1px solid var(--menu-divider);
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: var(--spacing-scale-2x);
  row-gap: var(--spacing-scale-2x)
}

.br-menu .menu-footer .menu-links {
  --focus-offset: var(--spacing-scale-half);
  border-bottom: 1px solid var(--menu-divider);
  padding: var(--spacing-scale-2x) var(--spacing-scale-5x)
}

.br-menu .menu-footer .menu-links a {
  display: block
}

.br-menu .menu-footer .menu-links a:not(:last-child) {
  margin-bottom: var(--spacing-scale-2x)
}

.br-menu .menu-footer .menu-links a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-menu .menu-footer .menu-links a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-menu .menu-footer .menu-social {
  border-bottom: 1px solid var(--menu-divider);
  padding: var(--spacing-scale-base) var(--spacing-scale-5x)
}

.br-menu .menu-footer .menu-social .sharegroup {
  display: flex
}

.br-menu .menu-footer .menu-info {
  border-bottom: 1px solid var(--menu-divider);
  padding: var(--spacing-scale-2x)
}

.br-menu .menu-item {
  background: var(--menu-item-background);
  color: var(--menu-item-color);
  display: flex;
  padding: var(--menu-item-padding) var(--spacing-scale-2x)
}

.br-menu .menu-item .icon {
  margin-right: var(--spacing-scale-2x)
}

.br-menu .menu-item .content {
  flex: 1
}

.br-menu .side-menu>ul {
  background: var(--menu-background-submenu);
  display: none
}

.br-menu .side-menu.active>.menu-item {
  --interactive-rgb: var(--rgb-primary-darken-01);
  --menu-item-color: var(--active);
  --menu-item-background: var(--menu-background);
  font-weight: var(--font-weight-semi-bold);
  flex-direction: row-reverse
}

.br-menu .side-menu.active>.menu-item .icon {
  margin-right: 0
}

.br-menu .side-menu.active>.menu-item .support {
  margin-right: var(--spacing-scale-2x)
}

.br-menu .side-menu.active>.menu-item .support .fa, .br-menu .side-menu.active>.menu-item .support .fab, .br-menu .side-menu.active>.menu-item .support .fad, .br-menu .side-menu.active>.menu-item .support .fal, .br-menu .side-menu.active>.menu-item .support .far, .br-menu .side-menu.active>.menu-item .support .fas, .br-menu .side-menu.active>.menu-item .support .svg-inline--fa {
  transform: rotate(180deg)
}

.br-menu .side-menu.active>ul {
  display: block
}

.br-menu .side-menu.active .menu-item {
  padding-left: var(--spacing-scale-2x) !important
}

.br-menu.small .menu-item {
  --menu-item-padding: var(--menu-item-small)
}

.br-menu.medium .menu-item {
  --menu-item-padding: var(--menu-item-medium)
}

.br-menu.large .menu-item {
  --menu-item-padding: var(--menu-item-large)
}

.br-menu.push .menu-scrim, .br-menu.push .menu-trigger {
  display: none
}

@media (min-width:575px) {
  .br-menu.push .menu-header {
    display: none
  }

  .br-menu.push .menu-panel {
    height: auto
  }

  .br-menu.push.active .menu-container {
    position: static
  }
}

.br-menu.auxiliary .menu-trigger {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: calc(var(--menu-zindex) - 1)
}

.br-menu.auxiliary .menu-trigger .br-button {
  --button-radius: 0
}

.br-menu.auxiliary .menu-container {
  display: none;
  flex-direction: column-reverse;
  position: static
}

.br-menu.auxiliary .menu-panel {
  height: auto
}

.br-menu.auxiliary.active {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  height: 100vh;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--menu-zindex)
}

.br-menu.auxiliary.active .menu-trigger {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1)
}

.br-menu.auxiliary.active .menu-trigger .fa, .br-menu.auxiliary.active .menu-trigger .fab, .br-menu.auxiliary.active .menu-trigger .fad, .br-menu.auxiliary.active .menu-trigger .fal, .br-menu.auxiliary.active .menu-trigger .far, .br-menu.auxiliary.active .menu-trigger .fas, .br-menu.auxiliary.active .menu-trigger .svg-inline--fa {
  transform: rotate(180deg)
}

.br-menu.auxiliary.active .menu-container {
  display: flex
}

@media (min-width:575px) {
  .br-menu.auxiliary .menu-trigger {
    display: none
  }

  .br-menu.auxiliary .menu-scrim {
    position: static
  }

  .br-menu.auxiliary .menu-container {
    display: block
  }
}

.br-menu .menu-item[hidden] {
  display: none
}

.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.br-menu .menu-item:disabled * {
  pointer-events: none
}

.br-menu a.menu-item:not(:disabled).active {
  --interactive-rgb: var(--rgb-secondary-01);
  --menu-item-background: var(--active);
  --menu-item-color: var(--color-secondary-01)
}

.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-menu a.menu-item:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.rotulo {
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary-08)
}

.is-loading, .loading, [loading] {
  color: rgba(0, 0, 0, 0) !important;
  min-height: 24px;
  pointer-events: none;
  position: relative
}

.is-loading:after, .loading:after, [loading]:after {
  animation: spinAround 1.3s linear infinite;
  border-radius: 50%;
  border: 2px solid var(--interactive);
  border-right: 2px solid rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 24px;
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px
}

.is-loading.primary:after, .loading.primary:after, [loading].primary:after {
  border-bottom-color: var(--color-secondary-01);
  border-top-color: var(--color-secondary-01);
  border-left-color: var(--color-secondary-01)
}

.is-loading.medium:after, .is-loading[md]:after, .loading.medium:after, .loading[md]:after, [loading].medium:after, [loading][md]:after {
  border-width: 4px;
  height: 44px;
  left: calc(50% - 22px);
  top: calc(50% - 22px);
  width: 44px
}

.br-loading {
  background-color: var(--color-secondary-04);
  border-radius: 50%;
  height: 84px;
  width: 84px;
  margin: var(--spacing-scale-3xh)
}

.br-loading-fill, .br-loading-mask {
  backface-visibility: hidden;
  border-radius: 50%;
  clip: rect(0, 84px, 84px, 42px);
  height: 84px;
  overflow: hidden;
  position: absolute;
  width: 84px
}

.br-loading-fill {
  background: var(--interactive);
  clip: rect(0, 42px, 84px, 0)
}

.br-loading:after {
  background: var(--color-secondary-01);
  border-radius: 50%;
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  height: 74px;
  line-height: 74px;
  margin: 5px;
  position: absolute;
  text-align: center;
  width: 74px
}

@keyframes fill {
  0% {
    transform: rotate(0deg)
  }
}

.br-loading[data-progress="1"] .br-loading-fill, .br-loading[data-progress="1"] .br-loading-mask.full {
  transform: rotate(1.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="2"] .br-loading-fill, .br-loading[data-progress="2"] .br-loading-mask.full {
  transform: rotate(3.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="3"] .br-loading-fill, .br-loading[data-progress="3"] .br-loading-mask.full {
  transform: rotate(5.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="4"] .br-loading-fill, .br-loading[data-progress="4"] .br-loading-mask.full {
  transform: rotate(7.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="5"] .br-loading-fill, .br-loading[data-progress="5"] .br-loading-mask.full {
  transform: rotate(9 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="6"] .br-loading-fill, .br-loading[data-progress="6"] .br-loading-mask.full {
  transform: rotate(10.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="7"] .br-loading-fill, .br-loading[data-progress="7"] .br-loading-mask.full {
  transform: rotate(12.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="8"] .br-loading-fill, .br-loading[data-progress="8"] .br-loading-mask.full {
  transform: rotate(14.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="9"] .br-loading-fill, .br-loading[data-progress="9"] .br-loading-mask.full {
  transform: rotate(16.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="10"] .br-loading-fill, .br-loading[data-progress="10"] .br-loading-mask.full {
  transform: rotate(18 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="11"] .br-loading-fill, .br-loading[data-progress="11"] .br-loading-mask.full {
  transform: rotate(19.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="12"] .br-loading-fill, .br-loading[data-progress="12"] .br-loading-mask.full {
  transform: rotate(21.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="13"] .br-loading-fill, .br-loading[data-progress="13"] .br-loading-mask.full {
  transform: rotate(23.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="14"] .br-loading-fill, .br-loading[data-progress="14"] .br-loading-mask.full {
  transform: rotate(25.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="15"] .br-loading-fill, .br-loading[data-progress="15"] .br-loading-mask.full {
  transform: rotate(27 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="16"] .br-loading-fill, .br-loading[data-progress="16"] .br-loading-mask.full {
  transform: rotate(28.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="17"] .br-loading-fill, .br-loading[data-progress="17"] .br-loading-mask.full {
  transform: rotate(30.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="18"] .br-loading-fill, .br-loading[data-progress="18"] .br-loading-mask.full {
  transform: rotate(32.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="19"] .br-loading-fill, .br-loading[data-progress="19"] .br-loading-mask.full {
  transform: rotate(34.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="20"] .br-loading-fill, .br-loading[data-progress="20"] .br-loading-mask.full {
  transform: rotate(36 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="21"] .br-loading-fill, .br-loading[data-progress="21"] .br-loading-mask.full {
  transform: rotate(37.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="22"] .br-loading-fill, .br-loading[data-progress="22"] .br-loading-mask.full {
  transform: rotate(39.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="23"] .br-loading-fill, .br-loading[data-progress="23"] .br-loading-mask.full {
  transform: rotate(41.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="24"] .br-loading-fill, .br-loading[data-progress="24"] .br-loading-mask.full {
  transform: rotate(43.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="25"] .br-loading-fill, .br-loading[data-progress="25"] .br-loading-mask.full {
  transform: rotate(45 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="26"] .br-loading-fill, .br-loading[data-progress="26"] .br-loading-mask.full {
  transform: rotate(46.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="27"] .br-loading-fill, .br-loading[data-progress="27"] .br-loading-mask.full {
  transform: rotate(48.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="28"] .br-loading-fill, .br-loading[data-progress="28"] .br-loading-mask.full {
  transform: rotate(50.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="29"] .br-loading-fill, .br-loading[data-progress="29"] .br-loading-mask.full {
  transform: rotate(52.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="30"] .br-loading-fill, .br-loading[data-progress="30"] .br-loading-mask.full {
  transform: rotate(54 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="31"] .br-loading-fill, .br-loading[data-progress="31"] .br-loading-mask.full {
  transform: rotate(55.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="32"] .br-loading-fill, .br-loading[data-progress="32"] .br-loading-mask.full {
  transform: rotate(57.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="33"] .br-loading-fill, .br-loading[data-progress="33"] .br-loading-mask.full {
  transform: rotate(59.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="34"] .br-loading-fill, .br-loading[data-progress="34"] .br-loading-mask.full {
  transform: rotate(61.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="35"] .br-loading-fill, .br-loading[data-progress="35"] .br-loading-mask.full {
  transform: rotate(63 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="36"] .br-loading-fill, .br-loading[data-progress="36"] .br-loading-mask.full {
  transform: rotate(64.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="37"] .br-loading-fill, .br-loading[data-progress="37"] .br-loading-mask.full {
  transform: rotate(66.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="38"] .br-loading-fill, .br-loading[data-progress="38"] .br-loading-mask.full {
  transform: rotate(68.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="39"] .br-loading-fill, .br-loading[data-progress="39"] .br-loading-mask.full {
  transform: rotate(70.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="40"] .br-loading-fill, .br-loading[data-progress="40"] .br-loading-mask.full {
  transform: rotate(72 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="41"] .br-loading-fill, .br-loading[data-progress="41"] .br-loading-mask.full {
  transform: rotate(73.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="42"] .br-loading-fill, .br-loading[data-progress="42"] .br-loading-mask.full {
  transform: rotate(75.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="43"] .br-loading-fill, .br-loading[data-progress="43"] .br-loading-mask.full {
  transform: rotate(77.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="44"] .br-loading-fill, .br-loading[data-progress="44"] .br-loading-mask.full {
  transform: rotate(79.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="45"] .br-loading-fill, .br-loading[data-progress="45"] .br-loading-mask.full {
  transform: rotate(81 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="46"] .br-loading-fill, .br-loading[data-progress="46"] .br-loading-mask.full {
  transform: rotate(82.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="47"] .br-loading-fill, .br-loading[data-progress="47"] .br-loading-mask.full {
  transform: rotate(84.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="48"] .br-loading-fill, .br-loading[data-progress="48"] .br-loading-mask.full {
  transform: rotate(86.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="49"] .br-loading-fill, .br-loading[data-progress="49"] .br-loading-mask.full {
  transform: rotate(88.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="50"] .br-loading-fill, .br-loading[data-progress="50"] .br-loading-mask.full {
  transform: rotate(90 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="51"] .br-loading-fill, .br-loading[data-progress="51"] .br-loading-mask.full {
  transform: rotate(91.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="52"] .br-loading-fill, .br-loading[data-progress="52"] .br-loading-mask.full {
  transform: rotate(93.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="53"] .br-loading-fill, .br-loading[data-progress="53"] .br-loading-mask.full {
  transform: rotate(95.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="54"] .br-loading-fill, .br-loading[data-progress="54"] .br-loading-mask.full {
  transform: rotate(97.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="55"] .br-loading-fill, .br-loading[data-progress="55"] .br-loading-mask.full {
  transform: rotate(99 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="56"] .br-loading-fill, .br-loading[data-progress="56"] .br-loading-mask.full {
  transform: rotate(100.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="57"] .br-loading-fill, .br-loading[data-progress="57"] .br-loading-mask.full {
  transform: rotate(102.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="58"] .br-loading-fill, .br-loading[data-progress="58"] .br-loading-mask.full {
  transform: rotate(104.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="59"] .br-loading-fill, .br-loading[data-progress="59"] .br-loading-mask.full {
  transform: rotate(106.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="60"] .br-loading-fill, .br-loading[data-progress="60"] .br-loading-mask.full {
  transform: rotate(108 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="61"] .br-loading-fill, .br-loading[data-progress="61"] .br-loading-mask.full {
  transform: rotate(109.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="62"] .br-loading-fill, .br-loading[data-progress="62"] .br-loading-mask.full {
  transform: rotate(111.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="63"] .br-loading-fill, .br-loading[data-progress="63"] .br-loading-mask.full {
  transform: rotate(113.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="64"] .br-loading-fill, .br-loading[data-progress="64"] .br-loading-mask.full {
  transform: rotate(115.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="65"] .br-loading-fill, .br-loading[data-progress="65"] .br-loading-mask.full {
  transform: rotate(117 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="66"] .br-loading-fill, .br-loading[data-progress="66"] .br-loading-mask.full {
  transform: rotate(118.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="67"] .br-loading-fill, .br-loading[data-progress="67"] .br-loading-mask.full {
  transform: rotate(120.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="68"] .br-loading-fill, .br-loading[data-progress="68"] .br-loading-mask.full {
  transform: rotate(122.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="69"] .br-loading-fill, .br-loading[data-progress="69"] .br-loading-mask.full {
  transform: rotate(124.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="70"] .br-loading-fill, .br-loading[data-progress="70"] .br-loading-mask.full {
  transform: rotate(126 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="71"] .br-loading-fill, .br-loading[data-progress="71"] .br-loading-mask.full {
  transform: rotate(127.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="72"] .br-loading-fill, .br-loading[data-progress="72"] .br-loading-mask.full {
  transform: rotate(129.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="73"] .br-loading-fill, .br-loading[data-progress="73"] .br-loading-mask.full {
  transform: rotate(131.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="74"] .br-loading-fill, .br-loading[data-progress="74"] .br-loading-mask.full {
  transform: rotate(133.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="75"] .br-loading-fill, .br-loading[data-progress="75"] .br-loading-mask.full {
  transform: rotate(135 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="76"] .br-loading-fill, .br-loading[data-progress="76"] .br-loading-mask.full {
  transform: rotate(136.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="77"] .br-loading-fill, .br-loading[data-progress="77"] .br-loading-mask.full {
  transform: rotate(138.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="78"] .br-loading-fill, .br-loading[data-progress="78"] .br-loading-mask.full {
  transform: rotate(140.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="79"] .br-loading-fill, .br-loading[data-progress="79"] .br-loading-mask.full {
  transform: rotate(142.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="80"] .br-loading-fill, .br-loading[data-progress="80"] .br-loading-mask.full {
  transform: rotate(144 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="81"] .br-loading-fill, .br-loading[data-progress="81"] .br-loading-mask.full {
  transform: rotate(145.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="82"] .br-loading-fill, .br-loading[data-progress="82"] .br-loading-mask.full {
  transform: rotate(147.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="83"] .br-loading-fill, .br-loading[data-progress="83"] .br-loading-mask.full {
  transform: rotate(149.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="84"] .br-loading-fill, .br-loading[data-progress="84"] .br-loading-mask.full {
  transform: rotate(151.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="85"] .br-loading-fill, .br-loading[data-progress="85"] .br-loading-mask.full {
  transform: rotate(153 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="86"] .br-loading-fill, .br-loading[data-progress="86"] .br-loading-mask.full {
  transform: rotate(154.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="87"] .br-loading-fill, .br-loading[data-progress="87"] .br-loading-mask.full {
  transform: rotate(156.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="88"] .br-loading-fill, .br-loading[data-progress="88"] .br-loading-mask.full {
  transform: rotate(158.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="89"] .br-loading-fill, .br-loading[data-progress="89"] .br-loading-mask.full {
  transform: rotate(160.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="90"] .br-loading-fill, .br-loading[data-progress="90"] .br-loading-mask.full {
  transform: rotate(162 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="91"] .br-loading-fill, .br-loading[data-progress="91"] .br-loading-mask.full {
  transform: rotate(163.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="92"] .br-loading-fill, .br-loading[data-progress="92"] .br-loading-mask.full {
  transform: rotate(165.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="93"] .br-loading-fill, .br-loading[data-progress="93"] .br-loading-mask.full {
  transform: rotate(167.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="94"] .br-loading-fill, .br-loading[data-progress="94"] .br-loading-mask.full {
  transform: rotate(169.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="95"] .br-loading-fill, .br-loading[data-progress="95"] .br-loading-mask.full {
  transform: rotate(171 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="96"] .br-loading-fill, .br-loading[data-progress="96"] .br-loading-mask.full {
  transform: rotate(172.8 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="97"] .br-loading-fill, .br-loading[data-progress="97"] .br-loading-mask.full {
  transform: rotate(174.6 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="98"] .br-loading-fill, .br-loading[data-progress="98"] .br-loading-mask.full {
  transform: rotate(176.4 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="99"] .br-loading-fill, .br-loading[data-progress="99"] .br-loading-mask.full {
  transform: rotate(178.2 deg);
  animation: fill 2s ease-in-out
}

.br-loading[data-progress="100"] .br-loading-fill, .br-loading[data-progress="100"] .br-loading-mask.full {
  transform: rotate(180 deg);
  animation: fill 2s ease-in-out
}

@keyframes spinAround {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

.br-magic-button {
  --magic-background: var(--color-highlight);
  --magic-rgb: var(--rgb-secondary-01);
  --magic-color: var(--color-secondary-01);
  --magic-border: var(--color-secondary-03);
  --magic-font-size: var(--font-size-scale-up-02);
  --magic-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-md) rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));
  --magic-size: var(--magic-medium);
  --magic-small: var(--spacing-scale-4xh);
  --magic-medium: var(--spacing-scale-5xh);
  --magic-large: var(--spacing-scale-6xh);
  --magic-support-size: var(--magic-support-medium);
  --magic-support-small: var(--spacing-scale-7x);
  --magic-support-medium: var(--spacing-scale-8x);
  --magic-support-large: var(--spacing-scale-9x);
  display: inline-flex;
  position: relative
}

.br-magic-button .br-button {
  --interactive-rgb: var(--magic-rgb);
  --button-background: var(--magic-background);
  --button-color: var(--magic-color);
  --button-border: var(--magic-border);
  --button-font-size: var(--magic-font-size);
  --button-size: var(--magic-support-size);
  border: var(--magic-border) solid calc(var(--magic-support-size)*0.5 - var(--magic-size)*0.5);
  box-shadow: var(--magic-shadow)
}

.br-magic-button.small {
  --magic-size: var(--magic-small);
  --magic-support-size: var(--magic-support-small)
}

.br-magic-button.medium {
  --magic-size: var(--magic-medium);
  --magic-support-size: var(--magic-support-medium)
}

.br-magic-button.large {
  --magic-size: var(--magic-large);
  --magic-support-size: var(--magic-support-large)
}

.br-message {
  --message-color: var(--color-secondary-08);
  --message-color-rgb: var(--rgb-secondary-08);
  --message-text: var(--color-secondary-08);
  --message-opacity: var(--surface-opacity-xs);
  --message-font-size: var(--font-size-scale-up-01);
  --message-padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
  --message-margin: var(--spacing-scale-2x);
  --message-icon: var(--icon-size-lg);
  --feedback-padding: var(--spacing-scale-half);
  --feedback-font-weight: var(--font-weight-medium);
  background: rgba(var(--message-color-rgb), var(--message-opacity));
  display: flex;
  margin-bottom: var(--message-margin)
}

.br-message .content {
  color: var(--message-text);
  flex: 1;
  font-size: var(--message-font-size);
  padding: var(--message-padding)
}

.br-message .content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline
}

.br-message .content :last-child {
  margin-bottom: 0
}

.br-message .icon {
  color: var(--message-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x)
}

.br-message .icon+.content {
  padding-left: 0
}

.br-message .close {
  margin-top: var(--spacing-scale-base);
  margin-right: var(--spacing-scale-base)
}

.br-message.is-success, .br-message.success, .br-message[success] {
  --message-color: var(--color-success);
  --message-color-rgb: var(--rgb-success)
}

.br-message.is-success .close, .br-message.success .close, .br-message[success] .close {
  --interactive: var(--color-success);
  --interactive-rgb: var(--rgb-success)
}

.br-message.danger, .br-message.is-danger, .br-message[danger] {
  --message-color: var(--color-danger);
  --message-color-rgb: var(--rgb-danger)
}

.br-message.danger .close, .br-message.is-danger .close, .br-message[danger] .close {
  --interactive: var(--color-danger);
  --interactive-rgb: var(--rgb-danger)
}

.br-message.info, .br-message.is-info, .br-message[info] {
  --message-color: var(--color-info);
  --message-color-rgb: var(--rgb-info)
}

.br-message.info .close, .br-message.is-info .close, .br-message[info] .close {
  --interactive: var(--color-info);
  --interactive-rgb: var(--rgb-info)
}

.br-message.is-warning, .br-message.warning, .br-message[warning] {
  --message-color: var(--message-text);
  --message-color-rgb: var(--rgb-warning)
}

.br-message.is-warning .close, .br-message.warning .close, .br-message[warning] .close {
  --interactive: var(--color-secondary-08);
  --interactive-rgb: var(--rgb-secondary-08)
}

.br-message.inverted {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01);
  --message-opacity: 1
}

.br-message.inverted .icon {
  --message-color: var(--message-text)
}

.br-message.inverted:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--color-secondary-01)
}

.br-message.inverted:not(.is-warning):not(.warning):not([warning]) .close {
  --interactive: var(--color-secondary-01);
  --interactive-rgb: var(--rgb-secondary-01)
}

.feedback {
  --message-color: var(--color-secondary-08);
  --message-color-rgb: var(--rgb-secondary-08);
  --message-text: var(--color-secondary-08);
  --message-opacity: var(--surface-opacity-xs);
  --message-font-size: var(--font-size-scale-up-01);
  --message-padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
  --message-margin: var(--spacing-scale-2x);
  --message-icon: var(--icon-size-lg);
  --feedback-padding: var(--spacing-scale-half);
  --feedback-font-weight: var(--font-weight-medium);
  --message-opacity: 1;
  background: rgba(var(--message-color-rgb), var(--message-opacity));
  color: var(--message-text);
  font-weight: var(--feedback-font-weight);
  font-style: italic;
  display: inline-block;
  margin-bottom: 0;
  padding: var(--feedback-padding)
}

.feedback:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--color-secondary-01)
}

.feedback .fa, .feedback .fab, .feedback .fad, .feedback .fal, .feedback .far, .feedback .fas, .feedback .svg-inline--fa {
  margin-right: var(--feedback-padding)
}

.feedback.is-success, .feedback.success, .feedback[success] {
  --message-color: var(--color-success);
  --message-color-rgb: var(--rgb-success)
}

.feedback.is-success .close, .feedback.success .close, .feedback[success] .close {
  --interactive: var(--color-success);
  --interactive-rgb: var(--rgb-success)
}

.feedback.danger, .feedback.is-danger, .feedback[danger] {
  --message-color: var(--color-danger);
  --message-color-rgb: var(--rgb-danger)
}

.feedback.danger .close, .feedback.is-danger .close, .feedback[danger] .close {
  --interactive: var(--color-danger);
  --interactive-rgb: var(--rgb-danger)
}

.feedback.info, .feedback.is-info, .feedback[info] {
  --message-color: var(--color-info);
  --message-color-rgb: var(--rgb-info)
}

.feedback.info .close, .feedback.is-info .close, .feedback[info] .close {
  --interactive: var(--color-info);
  --interactive-rgb: var(--rgb-info)
}

.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --message-color: var(--message-text);
  --message-color-rgb: var(--rgb-warning)
}

.feedback.is-warning .close, .feedback.warning .close, .feedback[warning] .close {
  --interactive: var(--color-secondary-08);
  --interactive-rgb: var(--rgb-secondary-08)
}

.feedback.inverted {
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01);
  --message-opacity: 1
}

.feedback.inverted .icon {
  --message-color: var(--message-text)
}

.feedback.inverted:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--color-secondary-01)
}

.feedback.inverted:not(.is-warning):not(.warning):not([warning]) .close {
  --interactive: var(--color-secondary-01);
  --interactive-rgb: var(--rgb-secondary-01)
}

.br-modal-header {
  margin-bottom: var(--spacing-scale-3xh);
  position: relative
}

.br-modal-header .close {
  position: absolute;
  right: 0;
  top: calc(var(--spacing-scale-half)*-1)
}

.br-modal-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--700);
  margin: 0;
  max-height: var(--font-size-scale-up-07);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%
}

.br-modal-title.is-inline {
  -webkit-line-clamp: 1;
  max-height: 3.5rem
}

.br-modal-title:focus {
  outline: none
}

.br-modal-title.focus-visible, .br-modal-title:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-modal-body {
  margin: 0 0 var(--spacing-scale-5x)
}

.br-modal-footer {
  display: flex;
  flex-wrap: wrap
}

.br-modal p:focus {
  outline: none
}

.br-modal p.focus-visible, .br-modal p:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-modal .br-card {
  margin-bottom: 0
}

.br-modal .terms {
  border: 0;
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-left: calc(var(--spacing-scale-2x)*-1);
  margin-right: calc(var(--spacing-scale-2x)*-1);
  overflow: auto;
  resize: none;
  width: auto;
  box-shadow: inset 0 -4px 3px rgba(var(--rgb-secondary-09), .16), inset 0 4px 3px rgba(var(--rgb-secondary-09), .16);
  padding: var(--spacing-scale-2x);
  margin-bottom: var(--spacing-scale-2x)
}

.br-modal .terms::-webkit-scrollbar {
  width: 8px
}

.br-modal .terms::-webkit-scrollbar-track {
  background: var(--color-secondary-03)
}

.br-modal .terms::-webkit-scrollbar-thumb {
  background: var(--color-secondary-06)
}

.br-modal .terms:active {
  outline: none
}

.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07)
}

.br-modal .terms:focus {
  outline: none
}

.br-modal .terms.focus-visible, .br-modal .terms:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

@media (min-width:575px) {
  .br-modal {
    width: auto
  }

  .br-modal.is-xsmall {
    max-width: 220px
  }

  .br-modal.is-small {
    max-width: 300px
  }

  .br-modal.is-medium {
    max-width: 500px
  }

  .br-modal.is-large, .br-modal.is-scroll {
    max-width: 640px
  }
}

.br-notification {
  --notification-background: var(--color-secondary-01);
  --notification-shadow: 0 3px 6px rgba(var(--rgb-secondary-09), 0.16);
  --notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
  --notification-width: 50vw;
  --notification-height: 100vh;
  --notification-tab: var(--font-size-scale-down-01);
  background: var(--notification-background);
  box-shadow: var(--notification-shadow);
  max-height: var(--notification-height);
  max-width: var(--notification-width);
  overflow: auto;
  z-index: 1
}

.br-notification .notification-header {
  border-bottom: 1px solid #ccc;
  padding: var(--notification-padding)
}

.br-notification .notification-header :last-child {
  margin-bottom: 0
}

.br-notification .notification-body .br-tab .tab-item {
  padding: 0
}

.br-notification .notification-body .br-tab .tab-content {
  overflow-y: auto
}

.br-notification .notification-body .br-tab .tab-content .br-item {
  --interactive-rgb: var(--rgb-secondary-08);
  --item-color: var(--text-color);
  padding: var(--notification-padding);
  position: relative;
  white-space: normal
}

.br-notification .notification-body .br-tab .tab-content .br-item .status {
  left: var(--spacing-scale-base);
  position: absolute;
  top: var(--spacing-scale-3x)
}

.br-notification .notification-body .br-tab .tab-content .br-item span {
  display: block
}

@media (max-width:575px) {
  .br-notification {
    --notification-width: 100vw
  }
}

.br-pagination {
  --pagination-background: var(--bg-color);
  --pagination-margin: var(--spacing-scale-base);
  --pagination-select-width: 100px;
  --pagination-size: var(--pagination-medium);
  --pagination-small: 24px;
  --pagination-medium: 32px;
  --pagination-large: 40px;
  color: var(--text-color);
  display: flex;
  justify-content: center
}

.br-pagination ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.br-pagination li {
  padding: 0
}

.br-pagination.inverted {
  --bg-color: var(--color-primary-darken-01);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-secondary-01);
  --active: var(--interactive);
  --interactive-rgb: var(--rgb-secondary-01);
  --hover: var(--surface-opacity-sm, 0.3);
  --focus-color: var(--color-support-10)
}

.br-pagination .br-select .br-input .br-button.circle {
  bottom: auto;
  right: var(--spacing-scale-half);
  top: auto
}

.br-pagination .br-divider {
  border-right-width: var(--divider-size);
  border-top: 0
}

.br-pagination .page {
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100em;
  color: var(--interactive);
  display: inline-flex;
  justify-content: center;
  margin: 0 calc(var(--pagination-margin)*0.5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap
}

.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-pagination .page:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-pagination .page.active {
  --hover: var(--surface-opacity-sm, 0.3);
  --interactive-rgb: var(--rgb-secondary-01);
  background: var(--active);
  color: var(--pagination-background)
}

.br-pagination [data-next-page], .br-pagination [data-previous-page] {
  margin: 0 calc(var(--pagination-margin)*0.5)
}

.br-pagination.inverted .page.active {
  --interactive-rgb: var(--rgb-primary-darken-01)
}

.br-pagination.small {
  --pagination-size: var(--pagination-small)
}

.br-pagination.medium {
  --pagination-size: var(--pagination-medium)
}

.br-pagination.large {
  --pagination-size: var(--pagination-large)
}

.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin)*0.5);
  position: relative
}

.br-pagination .pagination-ellipsis .br-button {
  --button-size: var(--pagination-size)
}

.br-pagination .pagination-ellipsis .br-list {
  max-height: 150px;
  overflow-y: auto
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  width: 8px
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: var(--color-secondary-03)
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: var(--color-secondary-06)
}

.br-pagination .pagination-ellipsis .br-list:not([hidden]) {
  display: block
}

.br-pagination .pagination-arrows, .br-pagination .pagination-go-to-page, .br-pagination .pagination-go-to-page .br-input {
  align-items: center;
  display: flex
}

.br-pagination .pagination-go-to-page .br-input label {
  font-weight: var(--font-weight);
  margin-right: var(--spacing-scale-base)
}

.br-pagination .pagination-go-to-page .br-input input {
  width: var(--pagination-select-width)
}

.br-pagination .pagination-go-to-page .br-input .br-button {
  bottom: auto;
  right: var(--spacing-scale-half);
  top: auto
}

.br-pagination .pagination-go-to-page .br-list {
  right: 0;
  width: var(--pagination-select-width)
}

.br-pagination .pagination-go-to-page .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-pagination .pagination-go-to-page .br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-pagination .pagination-per-page, .br-pagination .pagination-per-page .br-input {
  align-items: center;
  display: flex
}

.br-pagination .pagination-per-page .br-input label {
  font-weight: var(--font-weight);
  margin-right: var(--spacing-scale-base)
}

.br-pagination .pagination-per-page .br-input input {
  width: var(--pagination-select-width)
}

.br-pagination .pagination-per-page .br-input .br-button {
  bottom: auto;
  right: var(--spacing-scale-half);
  top: auto
}

.br-pagination .pagination-per-page .br-list {
  right: 0;
  width: var(--pagination-select-width)
}

.br-pagination .pagination-per-page .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-pagination .pagination-per-page .br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-pagination .pagination-information {
  align-items: center;
  display: flex
}

.br-radio {
  display: block
}

.br-radio input[type=radio] {
  opacity: 0;
  position: absolute
}

.br-radio input[type=radio].focus-visible+label:before, .br-radio input[type=radio].focus-visible:checked+label:before, .br-radio input[type=radio]:focus+label:before, .br-radio input[type=radio]:focus-visible+label:before, .br-radio input[type=radio]:focus-visible:checked+label:before, .br-radio input[type=radio]:focus:checked+label:before {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-radio input[type=radio]:hover:not(:disabled)+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-radio input[type=radio]:disabled+label {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.br-radio input[type=radio]:disabled+label * {
  pointer-events: none
}

.br-radio input[type=radio]+label {
  align-items: flex-start;
  color: var(--color-secondary-08);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-3x);
  padding: var(--spacing-scale-half) var(--spacing-scale-4x) var(--spacing-scale-base) var(--spacing-scale-4x);
  padding-bottom: 0;
  position: relative
}

.br-radio input[type=radio]+label:before {
  background: var(--color-secondary-01);
  border: 1px solid var(--color-secondary-04);
  border-radius: 50%;
  content: "";
  height: var(--spacing-scale-3x);
  left: 0;
  padding: var(--spacing-scale-half) var(--spacing-scale-base) var(--spacing-scale-half) 0;
  position: absolute;
  width: var(--spacing-scale-3x)
}

.br-radio input[type=radio]:checked+label:after {
  background: var(--color-primary-lighten-01);
  border: 7px solid var(--color-primary-lighten-01);
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  right: 0;
  top: 9px;
  transform: scale(.9);
  width: 10px
}

.br-radio input[type=radio]:invalid+label:before {
  border-color: var(--color-danger);
  border-width: 2px
}

.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before {
  border-color: #e60000;
  border-color: var(--color-danger);
  border-width: 2px
}

.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before {
  border-color: #e60000
}

.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus {
  outline: none
}

.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-radio.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before, .br-radio.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before, .br-radio[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]+label:before {
  border-color: #168821;
  border-color: var(--color-success);
  border-width: 2px
}

.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:checked+label:before {
  border-color: #168821
}

.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus {
  outline: none
}

.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before.focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus+label:before:focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before.focus-visible, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:focus:checked+label:before:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-radio.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before, .br-radio.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before, .br-radio[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type=radio]:hover:not(:disabled)+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-radio.is-small input[type=radio]+label, .br-radio.small input[type=radio]+label, .br-radio[small] input[type=radio]+label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh)
}

.br-radio.is-small input[type=radio]+label:before, .br-radio.small input[type=radio]+label:before, .br-radio[small] input[type=radio]+label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh)
}

.br-radio.is-small input[type=radio]:checked+label:after, .br-radio.small input[type=radio]:checked+label:after, .br-radio[small] input[type=radio]:checked+label:after {
  border-width: 4px;
  height: 10px;
  width: 10px
}

.br-scrim.foco {
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999
}

.br-scrim.foco .br-modal {
  background-color: var(--color-secondary-01, #fff);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: var(--spacing-scale-2x)
}

.br-scrim.foco.active {
  display: block
}

.br-scrim.inibicao {
  position: relative
}

.br-scrim.inibicao:before {
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.br-scrim.legibilidade {
  position: relative
}

.br-scrim.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%
}

.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  max-width: 400px;
  min-width: 100px;
  position: relative
}

.br-select .br-input .br-button.circle, .br-select .br-input .br-button.small {
  bottom: .3em;
  outline: none;
  position: absolute;
  right: .4em;
  top: auto
}

.br-select .br-list {
  background: var(--color-secondary-01);
  box-shadow: 0 3px 6px rgba(var(--rgb-secondary-09), .16);
  cursor: pointer;
  display: none;
  height: auto;
  max-height: 560px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 100
}

.br-select .br-list::-webkit-scrollbar {
  width: 8px
}

.br-select .br-list::-webkit-scrollbar-track {
  background: var(--color-secondary-03)
}

.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--color-secondary-06)
}

.br-select .br-list:active, .br-select .br-list:focus {
  color: var(--color-secondary-09);
  outline: none
}

.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07)
}

.br-select .br-list[expanded] {
  display: block
}

.br-select .br-item {
  --item-padding: var(--spacing-scale-2x);
  padding: 0
}

.br-select .br-item .content {
  padding: 0
}

.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider)
}

.br-select .br-item:not([disabled]) {
  --interactive-rgb: var(--rgb-secondary-09);
  --focus-offset: calc(var(--spacing-scale-half)*-1)
}

.br-select .br-item:not([disabled]):focus {
  outline: none
}

.br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-select .br-item:not([disabled]):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-select .br-item.selected:focus, .br-select .br-item[selected]:focus {
  outline: none
}

.br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-select .br-item.selected:not(:disabled):active, .br-select .br-item[selected]:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-select .br-item.highlighted:not(.selected):not([selected]), .br-select .br-item[highlighted]:not(.selected):not([selected]) {
  background: rgba(var(--rgb-support-03), .16)
}

.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox label, .br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio label {
  color: var(--color-support-03)
}

.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox:hover, .br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio:hover, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox:hover, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-select .br-item.highlighted:not(.selected):not([selected]) .br-checkbox:hover label, .br-select .br-item.highlighted:not(.selected):not([selected]) .br-radio:hover label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-checkbox:hover label, .br-select .br-item[highlighted]:not(.selected):not([selected]) .br-radio:hover label {
  color: var(--text-color)
}

.br-select .br-checkbox input[type=checkbox]+label {
  align-items: center;
  display: flex;
  padding: var(--item-padding);
  padding-left: calc(var(--checkbox-size) + var(--item-padding) + var(--spacing-scale-base))
}

.br-select .br-checkbox input[type=checkbox]+label:before {
  margin-left: var(--item-padding);
  outline: none
}

.br-select .br-checkbox input[type=checkbox]+label:after {
  margin-left: var(--item-padding);
  margin-top: 14px
}

.br-select .br-radio input[type=radio]+label {
  color: var(--text-color);
  display: block;
  height: auto;
  min-height: 0;
  padding: var(--item-padding)
}

.br-select .br-radio input[type=radio]+label:after, .br-select .br-radio input[type=radio]+label:before {
  content: none
}

.br-button {
  --button-background: rgba(0, 0, 0, 0);
  --button-border: rgba(0, 0, 0, 0);
  --button-color: var(--interactive);
  --button-radius: 100em;
  --button-font-size: var(--font-size-scale-up-01);
  --button-font-weight: var(--font-weight-semi-bold);
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-img: 20px;
  --interactive-rgb: var(--rgb-primary-default);
  align-items: center;
  background-color: var(--button-background);
  border: 1px solid var(--button-border);
  border-radius: var(--button-radius);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-size);
  justify-content: center;
  padding: var(--button-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto
}

.br-button img {
  max-height: var(--button-img)
}

.br-button.block {
  width: 100%
}

@media (min-width:575px) {
  .br-button.block-sm {
    width: 100%
  }

  .br-button.auto-sm {
    width: auto
  }
}

@media (min-width:992px) {
  .br-button.block-md {
    width: 100%
  }

  .br-button.auto-md {
    width: auto
  }
}

@media (min-width:1280px) {
  .br-button.block-lg {
    width: 100%
  }

  .br-button.auto-lg {
    width: auto
  }
}

@media (min-width:1600px) {
  .br-button.block-xl {
    width: 100%
  }

  .br-button.auto-xl {
    width: auto
  }
}

.br-button.circle, .br-button.is-circle, .br-button[circle] {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size)
}

.br-button.is-xsmall, .br-button.xsmall, .br-button[xsmall] {
  --button-size: var(--button-xsmall)
}

.br-button.is-small, .br-button.small, .br-button[small] {
  --button-size: var(--button-small)
}

.br-button.is-medium, .br-button.medium, .br-button[medium] {
  --button-size: var(--button-medium)
}

.br-button.is-large, .br-button.large, .br-button[large] {
  --button-size: var(--button-large)
}

.br-button.is-primary, .br-button.primary, .br-button[primary] {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01)
}

.br-button.is-primary.inverted, .br-button.is-primary.is-inverted, .br-button.is-primary[inverted], .br-button.primary.inverted, .br-button.primary.is-inverted, .br-button.primary[inverted], .br-button[primary].inverted, .br-button[primary].is-inverted, .br-button[primary][inverted] {
  --interactive-rgb: var(--rgb-primary-default);
  --hover: var(--surface-opacity-xs, 0.16);
  --button-background: var(--color-secondary-01);
  --button-color: var(--color-primary-default)
}

.br-button.is-secondary, .br-button.secondary, .br-button[secondary] {
  --button-background: var(--color-secondary-01);
  --button-border: var(--color-primary-default)
}

.br-button.is-secondary.inverted, .br-button.is-secondary.is-inverted, .br-button.is-secondary[inverted], .br-button.secondary.inverted, .br-button.secondary.is-inverted, .br-button.secondary[inverted], .br-button[secondary].inverted, .br-button[secondary].is-inverted, .br-button[secondary][inverted] {
  --hover: var(--surface-opacity-xs, 0.16);
  --button-background: var(--color-primary-default);
  --button-border: var(--color-secondary-01);
  --button-color: var(--color-secondary-01)
}

.br-button.inverted, .br-button.is-inverted, .br-button[inverted] {
  --interactive: var(--color-secondary-01);
  --interactive-rgb: var(--rgb-secondary-01);
  --hover: var(--surface-opacity-sm, 0.3);
  --focus-color: var(--color-support-10)
}

.br-button.danger, .br-button.is-danger, .br-button[danger] {
  --button-background: var(--color-danger);
  --button-color: var(--color-secondary-01)
}

.br-button.is-success, .br-button.success, .br-button[success] {
  --button-background: var(--color-success);
  --button-color: var(--color-secondary-01)
}

.br-button.is-warning, .br-button.warning, .br-button[warning] {
  --button-background: var(--color-warning)
}

.br-button.info, .br-button.is-info, .br-button[info] {
  --button-background: var(--color-info);
  --button-color: var(--color-secondary-01)
}

.br-button:disabled {
  cursor: not-allowed
}

.br-button:not(:disabled):focus {
  outline: none
}

.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-button.active, .br-button.is-active, .br-button[active] {
  --button-background: var(--active);
  --button-color: var(--color-secondary-01)
}

.br-button.active:hover, .br-button.is-active:hover, .br-button[active]:hover {
  --interactive-rgb: var(--rgb-secondary-01);
  --hover: var(--surface-opacity-sm, 0.3)
}

.br-button.is-loading:after, .br-button.loading:after, .br-button[loading]:after {
  border-left-color: var(--button-color);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-color: var(--button-color);
  border-top-color: var(--button-color);
  border-style: solid
}

.br-button.is-loading.danger:after, .br-button.is-loading.info:after, .br-button.is-loading.primary:after, .br-button.is-loading.success:after, .br-button.loading.danger:after, .br-button.loading.info:after, .br-button.loading.primary:after, .br-button.loading.success:after, .br-button[loading].danger:after, .br-button[loading].info:after, .br-button[loading].primary:after, .br-button[loading].success:after {
  border-left-color: var(--button-color);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-right-color: var(--button-color);
  border-top-color: var(--button-color)
}

.br-button.sign-in {
  --button-background: var(--color-secondary-02)
}

.br-switch {
  --switch-background: var(--color-secondary-01);
  --switch-border: var(--color-secondary-04);
  --switch-radius: 100em;
  --switch-padding: 16px;
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-bg: var(--switch-off);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
  --switch-on: var(--on);
  --switch-off: var(--off);
  --switch-height-small: 24px;
  --switch-height-medium: 30px;
  --switch-height-large: 36px;
  --switch-width-small: 44px;
  --switch-width-medium: 52px;
  --switch-width-large: 64px;
  --switch-toggle-small: 20px;
  --switch-toggle-medium: 22px;
  --switch-toggle-large: 28px;
  --switch-icon-small: var(--icon-size-xs);
  --switch-icon-medium: var(--icon-size-sm);
  --switch-icon-large: var(--icon-size-base);
  display: inline-flex;
  min-height: var(--switch-height)
}

.br-switch input {
  appearance: none;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.br-switch input+label {
  align-items: center;
  color: var(--color-secondary-08);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-scale-base);
  margin-bottom: 0;
  position: relative
}

.br-switch input+label:before {
  background: var(--switch-background);
  border: 1px solid var(--switch-border);
  border-radius: var(--switch-radius);
  content: "";
  height: var(--switch-height);
  position: absolute;
  width: var(--switch-width)
}

.br-switch input+label:after {
  background: var(--switch-toggle-bg);
  border-radius: 50%;
  content: "";
  height: var(--switch-toggle-size);
  position: absolute;
  transition: all .3s ease-in-out;
  width: var(--switch-toggle-size)
}

.br-switch input:checked+label:after {
  --switch-toggle-bg: var(--switch-on)
}

.br-switch input+label {
  padding-right: calc(var(--switch-padding) + var(--switch-width))
}

.br-switch input+label:empty {
  padding-right: var(--switch-width)
}

.br-switch input+label:before {
  right: 0
}

.br-switch input+label:after {
  right: calc(4px + var(--switch-toggle-size))
}

.br-switch input:checked+label:after {
  right: 4px
}

.br-switch.right input+label {
  padding-left: calc(var(--switch-width) + var(--switch-padding));
  padding-right: 0
}

.br-switch.right input+label:before {
  left: 0
}

.br-switch.right input+label:after {
  left: 4px
}

.br-switch.right input:checked+label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px)
}

.br-switch.top {
  min-height: calc(var(--switch-height)*2)
}

.br-switch.top input+label {
  align-items: flex-start;
  padding-right: 0
}

.br-switch.top input+label:before {
  bottom: 0;
  left: 0
}

.br-switch.top input+label:after {
  bottom: 4px;
  left: 4px
}

.br-switch.top input:checked+label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px)
}

.br-switch.small {
  --switch-height: var(--switch-height-small);
  --switch-width: var(--switch-width-small);
  --switch-toggle-size: var(--switch-toggle-small);
  --switch-icon-size: var(--switch-icon-small)
}

.br-switch.medium {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium)
}

.br-switch.large {
  --switch-height: var(--switch-height-large);
  --switch-width: var(--switch-width-large);
  --switch-toggle-size: var(--switch-toggle-large);
  --switch-icon-size: var(--switch-icon-large)
}

.br-switch input~.switch-data {
  align-self: center;
  color: var(--color-secondary-08);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  margin-left: 8px
}

.br-switch input~.switch-data:before {
  content: attr(data-disabled)
}

.br-switch input:checked~.switch-data {
  color: var(--color-secondary-08)
}

.br-switch input:checked~.switch-data:before {
  content: attr(data-enabled)
}

.br-switch.icon input+label:after {
  align-items: center;
  color: var(--color-secondary-01);
  content: "";
  display: inline-flex;
  font-family: Font Awesome\ 5 Free, sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: var(--font-weight-black);
  justify-content: center
}

.br-switch.icon input:checked+label:after {
  content: ""
}

.br-switch input.focus-visible+label:before, .br-switch input:focus+label:before, .br-switch input:focus-visible+label:before {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-switch input:disabled+label {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.br-switch input:disabled+label * {
  pointer-events: none
}

.br-switch input:hover:not([disabled])+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-switch input:active:not([disabled])+label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-table {
  --table-border: 1px solid var(--color-secondary-04);
  --table-color: var(--text-color);
  --table-padding: var(--spacing-scale-3x);
  --table-shadow: var(--surface-shadow-sm);
  --table-font-weight: var(--font-weight-medium);
  --table-header-background: var(--color-secondary-03);
  --table-header-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--table-row-medium);
  --table-row-small: var(--spacing-scale-base);
  --table-row-medium: var(--spacing-scale-2x);
  --table-row-large: var(--spacing-scale-3x);
  --checkbox-size: 24px
}

.br-table table {
  --table-border: 0;
  --table-padding: var(--spacing-scale-2x)
}

.br-table caption {
  opacity: 0;
  position: absolute;
  z-index: -1
}

.br-table td {
  display: block;
  padding-left: var(--table-padding);
  padding-right: var(--table-padding)
}

.br-table td:before {
  --table-color: var(--color-primary-darken-01);
  --table-font-weight: 700;
  color: var(--table-color);
  content: attr(data-th);
  display: block;
  font-weight: var(--table-font-weight)
}

.br-table tr {
  box-shadow: var(--table-shadow);
  display: block;
  margin: var(--table-padding) 0
}

.br-table thead {
  display: none
}

.br-table tbody {
  display: block
}

.br-table tbody .is-selected td, .br-table tbody .is-selected td:before, .br-table tbody .is-selected tr {
  background-color: var(--color-primary-lighten-01);
  color: var(--color-secondary-01)
}

.br-table tbody .is-selected td input+label:before {
  --focus-color: var(--color-support-10)
}

.br-table .dropdown [data-toggle=dropdown]+* {
  left: auto;
  right: 0
}

@media (min-width:575px) {
  .br-table table {
    --table-border: 1px solid var(--color-secondary-04);
    --table-padding: var(--spacing-scale-3x);
    --table-shadow: none
  }

  .br-table td:before {
    content: none
  }

  .br-table td, .br-table th {
    display: table-cell;
    padding: var(--table-row-size) calc(var(--table-padding)*0.5)
  }

  .br-table td:first-child, .br-table th:first-child {
    padding-left: var(--table-padding)
  }

  .br-table td:last-child, .br-table th:last-child {
    padding-right: var(--table-padding)
  }

  .br-table tr {
    display: table-row;
    margin: 0
  }

  .br-table thead {
    display: table-header-group
  }

  .br-table tbody {
    display: table-row-group
  }
}

.br-table .clone-headers, .br-table .headers {
  display: none
}

.br-table .syncscroll {
  overflow: visible
}

@media (min-width:575px) {
  .br-table .clone-headers, .br-table .headers {
    background: var(--table-header-background);
    display: block;
    overflow-y: hidden;
    position: sticky;
    top: 0;
    z-index: 1
  }

  .br-table .clone-headers .scroller, .br-table .headers .scroller {
    align-items: center;
    display: flex;
    overflow-x: hidden
  }

  .br-table .clone-headers .item, .br-table .headers .item {
    font-weight: var(--table-header-font-weight);
    padding: var(--table-row-size) calc(var(--table-padding)*0.5)
  }

  .br-table .clone-headers .item:first-child, .br-table .headers .item:first-child {
    padding-left: var(--table-padding)
  }

  .br-table .clone-headers .item:last-child, .br-table .headers .item:last-child {
    padding-right: var(--table-padding)
  }

  .br-table .clone-headers .item .br-checkbox, .br-table .headers .item .br-checkbox {
    margin-bottom: 0
  }

  .br-table .syncscroll {
    overflow: auto
  }
}

.br-table .header, .br-table .table-header {
  box-shadow: var(--table-shadow);
  order: 0;
  position: sticky;
  top: 0;
  z-index: 2
}

@media (min-width:575px) {
  .br-table .header, .br-table .table-header {
    --table-shadow: none
  }
}

.br-table .top-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--color-secondary-03);
  display: flex;
  padding: var(--table-padding)
}

.br-table .top-bar .table-title, .br-table .top-bar .title {
  flex-grow: 1;
  font-size: var(--font-size-scale-up-02);
  font-weight: 600
}

.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base)
}

@media (min-width:575px) {
  .br-table .top-bar {
    background-color: var(--color-secondary-01, #fff)
  }

  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03, 24.192px);
    line-height: var(--font-line-height-medium, 1.45)
  }
}

@media (min-width:575px) {
  .br-table .responsive {
    overflow: auto
  }
}

.br-table .search-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--table-header-background);
  display: none;
  left: 0;
  padding: var(--table-padding);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.br-table .search-bar.show {
  display: flex
}

.br-table .search-bar .br-input {
  flex: 1
}

.br-table .search-bar .br-input label {
  display: none
}

.br-table .search-bar .br-input input+.br-button {
  --button-size: var(--button-small);
  bottom: var(--spacing-scale-half);
  position: absolute;
  right: var(--spacing-scale-half);
  top: auto
}

.br-table .search-bar .br-input+.br-button {
  margin-left: var(--table-row-medium)
}

@media (min-width:575px) {
  .br-table .search-bar {
    --table-header-background: var(--bg-color)
  }
}

.br-table .selected-bar, .br-table .selection-bar {
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  align-items: center;
  background-color: var(--interactive);
  bottom: 0;
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0
}

.br-table .selected-bar.show, .br-table .selection-bar.show {
  display: flex
}

.br-table .selected-bar .info, .br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap
}

.br-table .selected-bar .info .select-all, .br-table .selected-bar .info [data-toggle=check-all], .br-table .selection-bar .info .select-all, .br-table .selection-bar .info [data-toggle=check-all] {
  font-size: var(--font-size-scale-up-03, 24.192px);
  margin-right: var(--spacing-scale-half);
  padding: 0
}

.br-table .selected-bar .count, .br-table .selected-bar .text, .br-table .selection-bar .count, .br-table .selection-bar .text {
  color: var(--color-secondary-01, #fff);
  line-height: var(--font-line-height-low, 1.15);
  padding-right: var(--spacing-scale-half)
}

.br-table .selected-bar .mobile, .br-table .selection-bar .mobile {
  display: inline
}

.br-table .selected-bar.active, .br-table .selected-bar.is-active, .br-table .selection-bar.active, .br-table .selection-bar.is-active {
  opacity: 1;
  top: 0
}

@media (min-width:575px) {
  .br-table .selected-bar .mobile, .br-table .selection-bar .mobile {
    display: none
  }

  .br-table .selected-bar .action-button button, .br-table .selection-bar .action-button button {
    min-width: auto;
    width: auto
  }

  .br-table .selected-bar .action-button button span, .br-table .selection-bar .action-button button span {
    display: inline;
    padding-left: var(--spacing-scale-3x);
    padding-right: var(--spacing-scale-base)
  }
}

.br-table[data-selection] tbody tr {
  position: relative
}

.br-table[data-selection] tbody td {
  padding-left: calc(var(--table-padding)*2 + var(--checkbox-size))
}

.br-table[data-selection] tbody td:first-child {
  left: var(--table-padding);
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  width: var(--checkbox-size)
}

.br-table[data-selection] .br-checkbox, .br-table[data-selection] .br-checkbox input {
  line-height: 1
}

.br-table[data-selection] .br-checkbox label {
  line-height: 1;
  --focus-color: var(--color-support-03)
}

.br-table[data-selection] .br-checkbox label:empty {
  padding-left: var(--checkbox-size);
  padding-right: 0
}

@media (min-width:575px) {
  .br-table[data-selection] tbody tr {
    position: static
  }

  .br-table[data-selection] tbody td {
    padding-left: calc(var(--table-padding)*0.5)
  }

  .br-table[data-selection] tbody td:first-child {
    padding-left: var(--table-padding);
    padding-right: calc(var(--table-padding)*0.5);
    position: static
  }
}

.br-table .footer, .br-table .table-footer {
  background: var(--bg-color);
  bottom: 0;
  box-shadow: 0 -3px 6px rgba(var(--rgb-secondary-09), .16);
  padding: var(--spacing-scale-2x);
  position: sticky
}

.br-table .footer .br-input .br-button, .br-table .table-footer .br-input .br-button {
  transform: rotate(180deg)
}

.br-table .footer .br-list, .br-table .table-footer .br-list {
  bottom: 100%
}

@media (min-width:575px) {
  .br-table .footer, .br-table .table-footer {
    box-shadow: none;
    position: static
  }
}

.br-table.small .clone-headers .item, .br-table.small .headers, .br-table.small table {
  --table-row-size: var(--table-row-small)
}

.br-table.medium .clone-headers .item, .br-table.medium .headers, .br-table.medium table {
  --table-row-size: var(--table-row-medium)
}

.br-table.large .clone-headers .item, .br-table.large .headers, .br-table.large table {
  --table-row-size: var(--table-row-large)
}

.br-tab {
  --tab-color: var(--color-secondary-08);
  --tab-surface: var(--color-secondary-01);
  --tab-background: var(--bg-color);
  --tab-border: var(--surface-width-lg) solid var(--interactive);
  --tab-nav-border: var(--color-secondary-04)
}

.br-tab.inverted {
  --tab-color: var(--color-secondary-01);
  --tab-nav-border: var(--color-secondary-02);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-tab.inverted ul .tab-item:hover .name {
  --tab-background: var(--color-secondary-02)
}

.br-tab.inverted ul .tab-item button {
  color: var(--color-secondary-01) !important
}

.br-tab.inverted ul .tab-item button:focus .name, .br-tab.inverted ul .tab-item button:hover .name {
  color: var(--color-secondary-01)
}

.br-tab[data-counter=true] .tab-nav ul {
  margin-bottom: var(--spacing-scale-9x)
}

.br-tab[data-counter=true] .tab-nav ul .tab-item[not-tab=true] .name {
  color: var(--color-secondary-08, #333);
  display: inline-block;
  font-size: var(--font-size-scale-up-03, 24.192px);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--font-size-scale-up-03, 24.192px);
  padding-bottom: 6px
}

.br-tab[data-counter=true] .tab-nav ul .tab-item[not-tab=true] .outcome {
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: var(--font-weight-regular, 400);
  left: 0;
  position: absolute;
  top: 52px
}

.br-tab[data-counter=true] .tab-nav ul .tab-item[not-tab=true] .outcome span {
  color: var(--interactive);
  display: inline-block;
  font-size: var(--font-size-scale-up-03, 24.192px);
  font-weight: var(--font-weight-semi-bold, 600);
  margin-bottom: var(--spacing-scale-4x);
  margin-left: var(--spacing-scale-3x)
}

.br-tab .tab-nav {
  overflow-x: auto;
  width: 100%
}

@media (max-width:991.98px) {
  .br-tab .tab-nav {
    display: flex;
    overflow-x: auto;
    width: 100%
  }
}

.br-tab .tab-nav ul {
  border-bottom: 1px solid var(--color-secondary-04);
  display: flex;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  width: 100%
}

.br-tab .tab-nav ul .tab-item {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  white-space: nowrap
}

.br-tab .tab-nav ul .tab-item:first-child {
  padding-left: 0
}

.br-tab .tab-nav ul .tab-item:last-child {
  padding-right: 0
}

.br-tab .tab-nav ul .tab-item.is-active button {
  border-bottom: var(--tab-border);
  padding-bottom: var(--spacing-scale-base)
}

.br-tab .tab-nav ul .tab-item.is-active button .name {
  color: --tab-color
}

.br-tab .tab-nav ul .tab-item.is-active .results {
  color: var(--interactive)
}

.br-tab .tab-nav ul .tab-item button {
  --focus-offset: calc(var(--spacing-scale-half)*-1);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  color: var(--tab-color);
  display: inline-block;
  padding: var(--spacing-scale-base) var(--spacing-scale-3x)
}

.br-tab .tab-nav ul .tab-item button:focus {
  outline: none
}

.br-tab .tab-nav ul .tab-item button.focus-visible, .br-tab .tab-nav ul .tab-item button:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-tab .tab-nav ul .tab-item button:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tab .tab-nav ul .tab-item button:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-tab .tab-nav ul .tab-item button:hover .name {
  color: var(--tab-color)
}

.br-tab .tab-nav ul .tab-item button:focus .name {
  color: var(--interactive)
}

.br-tab .tab-nav ul .tab-item button .name {
  color: var(--tab-color);
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: var(--font-weight-semi-bold, 600);
  text-align: center;
  white-space: nowrap
}

.br-tab .tab-nav ul .tab-item .results {
  color: var(--color-secondary-07, #555);
  display: flex;
  font-size: var(--font-size-scale-base, 14px);
  font-weight: var(--font-weight-semi-bold, 600);
  justify-content: center;
  position: absolute;
  top: 60px
}

.br-tab .tab-content .tab-panel {
  color: var(--interactive);
  display: none
}

.br-tab .tab-content .tab-panel.is-active {
  display: block
}

.br-tag {
  --tag-color: var(--color-secondary-01);
  --tag-background: var(--interactive);
  --tag-text: var(--color-secondary-01);
  --tag-opacity: var(--surface-opacity-xs);
  --tag-font-size: var(--font-size-scale-up-01);
  --tag-margin: var(--spacing-scale-2x);
  --tag-icon: var(--icon-size-base);
  --tag-height: var(--tag-height-medium);
  --tag-height-small: var(--spacing-scale-2xh);
  --tag-height-medium: var(--spacing-scale-3xh);
  --tag-height-large: var(--spacing-scale-4xh);
  --tag-border-radius: var(--spacing-scale-half);
  --tag-label-spacing: var(--spacing-horizontal-center);
  --tag-label-size: var(--font-size-scale-base);
  --tag-label-weight: var(--font-weight-medium);
  --tag-label-margin: var(--spacing-scale-half);
  align-items: center;
  background: var(--tag-background);
  border-radius: var(--tag-border-radius);
  color: var(--tag-color);
  display: inline-flex;
  font-weight: var(--tag-label-weight);
  height: var(--tag-height);
  justify-content: center;
  margin: var(--spacing-scale-base)
}

.br-tag, .br-tag.interaction {
  --tag-height-small: var(--spacing-scale-4x);
  --tag-height-medium: var(--spacing-scale-5x);
  --tag-height-large: var(--spacing-scale-5xh);
  --tag-height-extra: var(--spacing-scale-3xh);
  --tag-background: var(--color-primary-default);
  --tag-label-size: var(--font-size-scale-up-01);
  font-size: var(--tag-label-size);
  padding: var(--spacing-scale-base)
}

.br-tag.interaction .br-button {
  --button-size: var(--tag-height-extra);
  margin-left: var(--spacing-scale-base)
}

.br-tag.interaction[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tag.interaction[data-toggle]:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-tag.interaction:hover button.br-button.circle {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tag.interaction:hover {
  cursor: pointer
}

.br-tag.interaction-select {
  --tag-height-small: var(--spacing-scale-4x);
  --tag-height-medium: var(--spacing-scale-5x);
  --tag-height-large: var(--spacing-scale-5xh);
  --tag-height-extra: var(--spacing-scale-3xh);
  --tag-background: var(--color-primary-default);
  --tag-label-size: var(--font-size-scale-up-01);
  font-size: var(--tag-label-size);
  padding: var(--spacing-scale-base);
  --text-color: var(--color-secondary-01);
  --interactive: var(--color-primary-pastel-01);
  --interactive-rgb: var(--rgb-primary-pastel-01);
  --visited: var(--color-secondary-04);
  --hover: var(--surface-opacity-sm, 0.3);
  --pressed: var(--surface-opacity-lg, 0.65);
  --focus-color: var(--color-support-10);
  --active: var(--color-secondary-01)
}

.br-tag.interaction-select:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tag.interaction-select:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-tag.interaction-select.selected {
  --tag-background: var(--selected)
}

.br-tag.text {
  --tag-height-small: var(--spacing-scale-2xh);
  --tag-height-medium: var(--spacing-scale-3xh);
  --tag-height-large: var(--spacing-scale-4xh);
  border-radius: var(--tag-border-radius)
}

.br-tag.text span {
  padding-bottom: 3px
}

.br-tag.status {
  --tag-height-small: var(--spacing-scale-baseh);
  --tag-height-medium: var(--spacing-scale-2x);
  --tag-height-large: var(--spacing-scale-3x);
  --tag-label-weight: var(--font-weight-regular);
  width: var(--tag-height);
  box-shadow: 0 0 0 1px var(--color-secondary-01);
  z-index: 999;
  border-radius: 100em;
  line-height: 1;
  margin-top: -4px;
  padding: 4px 6px;
  vertical-align: top
}

.br-tag.count, .br-tag.status, .br-tag.status+span {
  display: inline-block;
  position: relative
}

.br-tag.count {
  --tag-height-small: var(--spacing-scale-2xh);
  --tag-height-medium: var(--spacing-scale-3x);
  --tag-height-large: var(--spacing-scale-3xh);
  border-radius: 100em;
  box-shadow: 0 0 0 1px var(--color-secondary-01);
  line-height: 1;
  min-height: var(--tag-height);
  min-width: var(--tag-height);
  padding: 2px 6px;
  text-align: center
}

.br-tag.icon {
  --tag-height-small: var(--spacing-scale-3xh);
  --tag-height-medium: var(--spacing-scale-4x);
  --tag-height-large: var(--spacing-scale-5xh);
  border-radius: 50%;
  padding: 0;
  text-align: center;
  width: var(--tag-height)
}

.br-tag.count.small, .br-tag.icon.small, .br-tag.interaction-select.small, .br-tag.interaction.small, .br-tag.status.small, .br-tag.text.small {
  --tag-height: var(--tag-height-small)
}

.br-tag.count.medium, .br-tag.icon.medium, .br-tag.interaction-select.medium, .br-tag.interaction.medium, .br-tag.status.medium, .br-tag.text.medium {
  --tag-height: var(--tag-height-medium)
}

.br-tag.count.large, .br-tag.icon.large, .br-tag.interaction-select.large, .br-tag.interaction.large, .br-tag.status.large, .br-tag.text.large {
  --tag-height: var(--tag-height-large)
}

.br-tag.support-01 {
  --tag-background: var(--color-support-01)
}

.br-tag.support-02 {
  --tag-background: var(--color-support-02)
}

.br-tag.support-03 {
  --tag-background: var(--color-support-03)
}

.br-tag.support-04 {
  --tag-background: var(--color-support-04)
}

.br-tag.support-05 {
  --tag-background: var(--color-support-05)
}

.br-tag.support-06 {
  --tag-background: var(--color-support-06)
}

.br-tag.support-07 {
  --tag-background: var(--color-support-07)
}

.br-tag.support-08 {
  --tag-background: var(--color-support-08)
}

.br-tag.support-09 {
  --tag-background: var(--color-support-09)
}

.br-tag.support-10 {
  --tag-background: var(--color-support-10)
}

.br-tag.support-11 {
  --tag-background: var(--color-support-11)
}

.br-tag.is-primary-pastel-01, .br-tag.primary-pastel-01, .br-tag[primary-pastel-01] {
  background-color: #c5d4eb
}

.br-tag.is-primary-pastel-02, .br-tag.primary-pastel-02, .br-tag[primary-pastel-02] {
  background-color: #dbe8fb
}

.br-tag.is-primary-lighten-01, .br-tag.primary-lighten-01, .br-tag[primary-lighten-01] {
  background-color: #2670e8
}

.br-tag.is-primary-lighten-02, .br-tag.primary-lighten-02, .br-tag[primary-lighten-02] {
  background-color: #5992ed
}

.br-tag.is-primary-default, .br-tag.primary-default, .br-tag[primary-default] {
  background-color: #1351b4
}

.br-tag.is-primary-darken-01, .br-tag.primary-darken-01, .br-tag[primary-darken-01] {
  background-color: #0c326f
}

.br-tag.is-primary-darken-02, .br-tag.primary-darken-02, .br-tag[primary-darken-02] {
  background-color: #071d41
}

.br-tag.is-secondary-01, .br-tag.secondary-01, .br-tag[secondary-01] {
  background-color: #fff
}

.br-tag.is-secondary-02, .br-tag.secondary-02, .br-tag[secondary-02] {
  background-color: #f8f8f8
}

.br-tag.is-secondary-03, .br-tag.secondary-03, .br-tag[secondary-03] {
  background-color: #ededed
}

.br-tag.is-secondary-04, .br-tag.secondary-04, .br-tag[secondary-04] {
  background-color: #ccc
}

.br-tag.is-secondary-05, .br-tag.secondary-05, .br-tag[secondary-05] {
  background-color: #9e9d9d
}

.br-tag.is-secondary-06, .br-tag.secondary-06, .br-tag[secondary-06] {
  background-color: #888
}

.br-tag.is-secondary-07, .br-tag.secondary-07, .br-tag[secondary-07] {
  background-color: #555
}

.br-tag.is-secondary-08, .br-tag.secondary-08, .br-tag[secondary-08] {
  background-color: #333
}

.br-tag.is-secondary-09, .br-tag.secondary-09, .br-tag[secondary-09] {
  background-color: #000
}

.br-tag.highlight, .br-tag.is-highlight, .br-tag[highlight] {
  background-color: #268744
}

.br-tag.is-success, .br-tag.success, .br-tag[success] {
  background-color: #168821
}

.br-tag.is-warning, .br-tag.warning, .br-tag[warning] {
  background-color: #ffcd07
}

.br-tag.danger, .br-tag.is-danger, .br-tag[danger] {
  background-color: #e60000
}

.br-tag.info, .br-tag.is-info, .br-tag[info] {
  background-color: #155bcb
}

.br-tag.is-support-01, .br-tag.support-01, .br-tag[support-01] {
  background-color: #36a191
}

.br-tag.is-support-02, .br-tag.support-02, .br-tag[support-02] {
  background-color: #f2e317
}

.br-tag.is-support-03, .br-tag.support-03, .br-tag[support-03] {
  background-color: #d84800
}

.br-tag.is-support-04, .br-tag.support-04, .br-tag[support-04] {
  background-color: #a26739
}

.br-tag.is-support-05, .br-tag.support-05, .br-tag[support-05] {
  background-color: #40e0d0
}

.br-tag.is-support-06, .br-tag.support-06, .br-tag[support-06] {
  background-color: #48cbeb
}

.br-tag.is-support-07, .br-tag.support-07, .br-tag[support-07] {
  background-color: #c72487
}

.br-tag.is-support-08, .br-tag.support-08, .br-tag[support-08] {
  background-color: #63007f
}

.br-tag.is-support-09, .br-tag.support-09, .br-tag[support-09] {
  background-color: #f08080
}

.br-tag.is-support-10, .br-tag.support-10, .br-tag[support-10] {
  background-color: #ff8c00
}

.br-tag.is-support-11, .br-tag.support-11, .br-tag[support-11] {
  background-color: #fdf5e6
}

.br-tag.facebook, .br-tag.is-facebook, .br-tag[facebook] {
  background-color: #3b5998
}

.br-tag.google-plus, .br-tag.is-google-plus, .br-tag[google-plus] {
  background-color: #db4a39
}

.br-tag.is-linkedin, .br-tag.linkedin, .br-tag[linkedin] {
  background-color: #0e76a8
}

.br-tag.is-twitter, .br-tag.twitter, .br-tag[twitter] {
  background-color: #00acee
}

.br-tag.is-whatsapp, .br-tag.whatsapp, .br-tag[whatsapp] {
  background-color: #25d366
}

.br-tag.is-xbox, .br-tag.xbox, .br-tag[xbox] {
  background-color: #9bc848
}

.br-tag.is-yahoo, .br-tag.yahoo, .br-tag[yahoo] {
  background-color: #720e9e
}

.br-tag.is-youtube, .br-tag.youtube, .br-tag[youtube] {
  background-color: #c4302b
}

.br-tag span {
  margin: var(--tag-label-margin)
}

.br-tag input {
  opacity: 0;
  position: relative;
  width: 0
}

.br-tag input:focus+label, .br-tag input:focus:checked+label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  padding: var(--spacing-scale-base)
}

.br-tag input+label {
  padding: var(--spacing-scale-base);
  cursor: pointer;
  position: relative
}

.br-tag input+label:after {
  content: "";
  height: 20px;
  left: 0;
  position: relative;
  width: 20px;
  display: none
}

.br-tag input:checked+label:after {
  border: solid var(--tag-color);
  border-width: 0 3px 3px 0;
  content: "";
  height: var(--icon-size-sm);
  transform: rotate(45deg);
  width: 8px;
  display: inline-block;
  margin: auto var(--spacing-scale-base)
}

.br-tag.tag-input-close .close button {
  --focus-offset: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: var(--color-support-03);
  outline: 0;
  padding-left: var(--spacing-scale-baseh)
}

.br-tag.tag-input-close .close button:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tag.tag-input-close .close button:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-tag.tag-input-close .close button:focus {
  outline: none
}

.br-tag.tag-input-close .close button.focus-visible, .br-tag.tag-input-close .close button:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-tag-input {
  background: var(--bg-color);
  border: 1px solid #888;
  border-radius: 6px;
  color: var(--color-secondary-07);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-5x);
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.br-tag-input::placeholder {
  color: var(--text-color);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  opacity: .75
}

.br-tag-input:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-tag-input:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-tag-input:not(:disabled):focus {
  outline: none
}

.br-tag-input:not(:disabled).focus-visible, .br-tag-input:not(:disabled):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-tag-input:not(:disabled).focus-visible, .br-tag-input:not(:disabled):focus, .br-tag-input:not(:disabled):focus-visible {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-tag-input input {
  flex: 1
}

.input-tag {
  padding: .9em .5em;
  -webkit-box-flex: 1;
  flex-grow: 1;
  border: none;
  outline: none;
  font-size: inherit;
  font-family: inherit;
  color: inherit
}

.br-textarea, .input-tag {
  box-sizing: border-box
}

.br-textarea label {
  display: inline-block;
  margin-bottom: var(--spacing-scale-baseh);
  padding-bottom: var(--spacing-scale-half)
}

.br-textarea textarea {
  background: var(--color-secondary-01);
  border: 1px solid #888;
  border-radius: 6px;
  box-sizing: border-box;
  color: var(--color-secondary-07);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: var(--padding-size);
  width: 100%;
  --textarea-small: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--spacing-scale-base);
  --textarea-medium: var(--spacing-scale-baseh) var(--spacing-scale-2x) var(--spacing-scale-baseh) var(--spacing-scale-baseh);
  --textarea-large: var(--spacing-scale-2x);
  --padding-size: var(--textarea-medium)
}

.br-textarea textarea:focus {
  outline: none
}

.br-textarea textarea.focus-visible, .br-textarea textarea:focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-textarea textarea:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-textarea textarea:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-textarea textarea.success, .br-textarea textarea[data-success] {
  border: 2px solid var(--color-success)
}

.br-textarea textarea.success~.feedback.color-success, .br-textarea textarea[data-success]~.feedback.color-success {
  align-items: center;
  background: var(--color-success);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-textarea textarea.danger, .br-textarea textarea[data-danger] {
  border: 2px solid var(--color-danger)
}

.br-textarea textarea.danger~.feedback.color-danger, .br-textarea textarea[data-danger]~.feedback.color-danger {
  align-items: center;
  background: var(--color-danger);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-textarea textarea.warning, .br-textarea textarea[data-warning] {
  border: 2px solid var(--color-warning)
}

.br-textarea textarea.warning~.feedback.color-warning, .br-textarea textarea[data-warning]~.feedback.color-warning {
  align-items: center;
  background: var(--color-warning);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px;
  color: var(--color-secondary-08) !important
}

.br-textarea textarea.info, .br-textarea textarea[data-info] {
  border: 2px solid var(--color-info)
}

.br-textarea textarea.info~.feedback.color-info, .br-textarea textarea[data-info]~.feedback.color-info {
  align-items: center;
  background: var(--color-info);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-textarea textarea.small, .br-textarea textarea[data-small] {
  --padding-size: var(--textarea-small)
}

.br-textarea textarea.medium, .br-textarea textarea[data-medium] {
  --padding-size: var(--textarea-medium)
}

.br-textarea textarea.large, .br-textarea textarea[data-large] {
  --padding-size: var(--textarea-large)
}

.br-textarea textarea:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-textarea textarea:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-textarea textarea:not(:disabled).focus-visible, .br-textarea textarea:not(:disabled):focus, .br-textarea textarea:not(:disabled):focus-visible {
  border-color: var(--focus-color);
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus-color);
  outline: none
}

.br-textarea textarea.disabled, .br-textarea textarea[disabled] {
  background-color: var(--color-secondary-03)
}

.br-textarea textarea.disabled~.feedback, .br-textarea textarea[disabled]~.feedback {
  align-items: center;
  background: var(--color-warning);
  color: var(--color-secondary-08);
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  margin-top: 7px;
  padding: 5px
}

.br-textarea textarea.disabled~.help, .br-textarea textarea[disabled]~.help {
  display: none
}

.br-tooltip {
  background: var(--color-info, #155bcb);
  color: var(--color-secondary-01, #fff);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  font-weight: var(--font-weight-semi-bold, 600);
  padding: var(--spacing-scale-2x) var(--spacing-scale-4xh);
  font-size: var(--font-size-scale-base, 14px);
  border-radius: 4px;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute !important;
  opacity: 0;
  visibility: hidden;
  max-width: 240px;
  z-index: 999
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOutOpacity {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.br-tooltip[data-show] {
  visibility: visible;
  opacity: 1;
  animation: fadeInOpacity .5s ease-in-out
}

.br-tooltip[popover] {
  max-width: 320px;
  width: auto;
  min-width: 240px
}

.br-tooltip[success] {
  background: var(--color-success, #168821)
}

.br-tooltip[success] .arrow {
  border-color: var(--color-success, #168821)
}

.br-tooltip[error] {
  background: var(--color-danger, #e60000)
}

.br-tooltip[error] .arrow {
  border-color: var(--color-danger, #e60000)
}

.br-tooltip[warning] {
  background: var(--color-warning, #ffcd07);
  color: var(--color-secondary-08, #333)
}

.br-tooltip[warning] .arrow {
  border-color: var(--color-warning, #ffcd07)
}

.br-tooltip, .br-tooltip[info] {
  background: var(--color-info, #155bcb)
}

.br-tooltip .arrow, .br-tooltip[info] .arrow {
  border-color: var(--color-info, #155bcb)
}

.br-tooltip .arrow {
  position: absolute !important;
  z-index: -1 !important;
  width: 0 !important;
  height: 0 !important
}

.br-tooltip[data-popper-placement^=top]>.arrow {
  bottom: -8px;
  margin-left: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top-width: 16px;
  border-top-style: solid
}

.br-tooltip[data-popper-placement^=bottom]>.arrow {
  top: -8px;
  margin-left: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom-width: 8px;
  border-bottom-style: solid
}

.br-tooltip[data-popper-placement^=left]>.arrow {
  right: calc(var(--spacing-scale-base)*-1);
  margin-top: calc(var(--spacing-scale-base)*-1);
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left-width: 8px;
  border-left-style: solid
}

.br-tooltip[data-popper-placement^=right]>.arrow {
  left: calc(var(--spacing-scale-base)*-1);
  margin-top: calc(var(--spacing-scale-base)*-1);
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-right-width: 8px;
  border-right-style: solid
}

.br-tooltip .link, .br-tooltip .subtext, .br-tooltip .text {
  display: block;
  max-width: 100%;
  min-width: 180px
}

.br-tooltip .popover-header {
  font-size: var(--font-size-scale-base, 14px);
  text-align: center;
  margin-bottom: 1em;
  width: 100%;
  min-width: 180px
}

.br-tooltip .popover-header .fas, .br-tooltip .popover-header .svg-inline--fa {
  font-size: var(--font-size-scale-up-06, 41.804px);
  text-align: center
}

.br-tooltip .popover-image {
  border: 3px solid var(--color-secondary-01, #fff)
}

.br-tooltip .popover-icon, .br-tooltip .popover-image {
  width: auto;
  height: auto;
  max-width: 45%;
  max-height: 120px;
  overflow: hidden;
  margin-left: -10px
}

.br-tooltip .popover-icon {
  margin-top: 10%
}

.br-tooltip .popover-body {
  font-size: var(--font-size-scale-down-01, 11.662px);
  margin-bottom: 1em;
  min-width: 180px;
  width: 100%
}

.br-tooltip .popover-image+div {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left
}

.br-tooltip .popover-image+div div {
  text-align: left;
  padding-left: var(--spacing-scale-base)
}

.br-tooltip .popover-icon+div {
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left
}

.br-tooltip .popover-icon+div div {
  text-align: left;
  padding-left: var(--spacing-scale-base)
}

.br-tooltip .popover-footer {
  font-size: var(--font-size-scale-down-01, 11.662px);
  text-align: center;
  width: 100%;
  min-width: 180px
}

.br-tooltip .text {
  font-size: var(--font-size-scale-base, 14px);
  font-weight: var(--font-weight-semi-bold, 600)
}

.br-tooltip .subtext {
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: var(--font-weight-medium, 500)
}

.br-tooltip .link {
  text-decoration: underline;
  width: 100%;
  text-align: right;
  color: inherit
}

.br-tooltip .close {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  color: inherit;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0
}

.br-upload.success .upload-button, .br-upload[data-success] .upload-button {
  border-color: var(--color-success)
}

.br-upload.success .feedback.color-success, .br-upload[data-success] .feedback.color-success {
  align-items: center;
  background: var(--color-success);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-upload.danger .upload-button, .br-upload[data-danger] .upload-button {
  border-color: var(--color-danger)
}

.br-upload.danger .feedback.color-danger, .br-upload[data-danger] .feedback.color-danger {
  align-items: center;
  background: var(--color-danger);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

.br-upload.warning .upload-button, .br-upload[data-warning] .upload-button {
  border-color: var(--color-warning)
}

.br-upload.warning .feedback.color-warning, .br-upload[data-warning] .feedback.color-warning {
  align-items: center;
  background: var(--color-warning);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px;
  color: var(--color-secondary-08) !important
}

.br-upload.info .upload-button, .br-upload[data-info] .upload-button {
  border-color: var(--color-info)
}

.br-upload.info .feedback.color-info, .br-upload[data-info] .feedback.color-info {
  align-items: center;
  background: var(--color-info);
  color: var(--color-secondary-01) !important;
  display: inline-flex;
  height: 35px;
  margin-bottom: var(--spacing-scale-base);
  padding: 5px
}

@media (max-width:574.98px) {
  .br-upload .br-button.upload-button {
    height: auto;
    padding: var(--spacing-scale-base) var(--spacing-scale-2x);
    width: 100% !important
  }

  .br-upload .upload-button span {
    font-size: var(--font-size-scale-down-01);
    white-space: break-spaces
  }

  .br-upload .item {
    flex-wrap: nowrap
  }

  .br-upload .upload-list .support {
    flex-shrink: 0;
    margin-right: var(--spacing-scale-base)
  }
}

.br-upload input {
  display: none
}

.br-upload.dragging .upload-button {
  background-color: var(--color-support-01)
}

.br-upload.dragging .upload-button span, .br-upload.dragging .upload-button svg {
  color: var(--color-secondary-01);
  pointer-events: none
}

.br-upload .br-button.upload-button {
  max-width: 550px;
  width: 100%
}

.br-upload .br-button.upload-button:active * {
  color: var(--color-primary-pastel-01)
}

.br-upload .upload-button {
  border: var(--surface-width-sm) dashed;
  border-color: var(--interactive);
  border-radius: var(--surface-rounder-sm);
  display: block;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  text-align: left;
  width: 100%
}

.br-upload .upload-button svg {
  color: var(--interactive);
  font-size: var(--icon-size-lg);
  padding-left: var(--16px)
}

.br-upload .upload-button span {
  color: var(--interactive);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  padding-left: var(--spacing-scale-half)
}

.br-upload .upload-list {
  max-width: 550px;
  position: relative
}

.br-upload .upload-list .content {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%
}

.br-upload .upload-list .support {
  align-items: center;
  display: flex
}

.br-upload .upload-list .cargas {
  box-sizing: border-box;
  color: var(--color-secondary-08);
  display: inline-block;
  left: 54%;
  position: relative;
  text-align: right;
  top: 4px
}

.br-upload .br-item {
  --item-padding: var(--spacing-scale-half) var(--spacing-scale-base) var(--spacing-scale-half) var(--spacing-scale-2x);
  align-items: center;
  display: flex
}

.br-upload .br-item:first-child {
  margin-top: var(--spacing-scale-half)
}

.br-wizard {
  height: calc(100vh - 52px);
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden
}

.br-wizard .wizard-progress {
  background-color: var(--color-secondary-02, #f8f8f8);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: none;
  min-height: 164px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: var(--spacing-scale-7x);
  width: 100%
}

.br-wizard .wizard-progress .wizard-progress-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none !important;
  color: var(--color-primary-lighten-01, #2670e8);
  font-size: var(--font-size-scale-up-01, 16.8px);
  line-height: 19px;
  max-height: 90px;
  padding-bottom: 0;
  padding-top: var(--spacing-scale-2x);
  position: relative;
  text-indent: 0;
  transition-delay: 0s;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: linear
}

.br-wizard .wizard-progress .wizard-progress-btn:focus {
  outline: none
}

.br-wizard .wizard-progress .wizard-progress-btn:focus:not([disabled]):not(.disabled):before {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.br-wizard .wizard-progress .wizard-progress-btn:hover:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.br-wizard .wizard-progress .wizard-progress-btn:active:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.br-wizard .wizard-progress .wizard-progress-btn:before {
  background-color: var(--color-secondary-01, #fff);
  border: 2px solid var(--color-primary-lighten-01, #2670e8);
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--color-primary-lighten-01, #2670e8);
  content: attr(step) !important;
  display: block;
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: var(--font-weight-semi-bold, 600);
  height: 36px;
  left: 50%;
  line-height: 29px;
  margin-top: -13px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: all .15s linear 0s, -webkit-transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s;
  transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s;
  transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s, -webkit-transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s;
  width: 36px;
  z-index: 3
}

.br-wizard .wizard-progress .wizard-progress-btn:after {
  background-color: var(--color-primary-lighten-01, #2670e8);
  content: "";
  display: block;
  height: 1px;
  left: calc(-50% + 17px);
  position: absolute;
  top: 5px;
  transition-delay: 0s;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: linear;
  width: calc(100% - 34px);
  z-index: 1
}

.br-wizard .wizard-progress .wizard-progress-btn:first-child:after {
  display: none
}

.br-wizard .wizard-progress .wizard-progress-btn[active] {
  color: var(--interactive);
  font-weight: var(--font-weight-semi-bold, 600)
}

.br-wizard .wizard-progress .wizard-progress-btn[active]:after {
  height: 2px
}

.br-wizard .wizard-progress .wizard-progress-btn[active]:before {
  background-color: var(--interactive);
  border-color: var(--interactive);
  color: var(--color-secondary-01, #fff);
  font-weight: var(--font-weight-bold, 700)
}

.br-wizard .wizard-form {
  position: relative
}

.br-wizard .wizard-form .wizard-panel {
  position: absolute;
  top: 0;
  left: 1%;
  height: 0;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid var(--color-secondary-04, #ccc);
  border-bottom: 1px solid var(--color-secondary-04, #ccc);
  margin-left: 2%;
  width: 96%;
  margin-bottom: var(--spacing-scale-4x)
}

.br-wizard .wizard-form .wizard-panel[active] {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: linear;
  transition-delay: 0s;
  left: 0 !important
}

.br-wizard .wizard-form .wizard-panel .wizard-panel-content {
  min-height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: hidden
}

.br-wizard .wizard-form .wizard-panel .wizard-panel-btn {
  width: 104.5%;
  position: absolute;
  margin-top: 1px;
  min-height: 88px;
  height: auto;
  padding: var(--spacing-scale-2x) 1.5%;
  background-color: var(--color-secondary-02, #f8f8f8);
  margin-left: -2.5%
}

.br-wizard .wizard-form .wizard-panel .wizard-btn, .br-wizard .wizard-form .wizard-panel .wizard-btn-next, .br-wizard .wizard-form .wizard-panel .wizard-btn-prev {
  float: right;
  margin-left: var(--spacing-scale-2x)
}

.br-wizard .wizard-form .wizard-panel .wizard-btn-canc {
  float: left
}

.br-wizard[vertical] .wizard-progress {
  max-width: 260px;
  height: calc(100vh - 52px);
  float: left;
  grid-template-columns: 1fr;
  text-align: right;
  padding-top: 0;
  position: relative
}

.br-wizard[vertical] .wizard-progress .wizard-progress-btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 100%;
  text-align: right;
  padding-right: 70px;
  height: 100%;
  max-height: 100%
}

.br-wizard[vertical] .wizard-progress .wizard-progress-btn:before {
  left: calc(100% - 32px);
  line-height: 26px;
  margin-top: calc(var(--spacing-scale-2x)*-1);
  position: absolute;
  text-align: center;
  top: 50%
}

.br-wizard[vertical] .wizard-progress .wizard-progress-btn:after {
  position: absolute;
  top: calc(-50% + 18px);
  left: calc(100% - 33px);
  width: 1px;
  height: calc(100% - 34px)
}

.br-wizard[vertical] .wizard-progress .wizard-progress-btn[active]:after {
  width: 2px
}

.br-wizard[vertical][scroll] .wizard-progress {
  overflow-x: hidden;
  overflow-y: auto
}

.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
  min-height: 100px
}

.br-wizard[vertical] .wizard-form {
  float: left;
  width: calc(100% - 260px)
}

.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
  min-height: calc(100vh - 142px);
  max-height: calc(100vh - 142px)
}

.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-btn {
  margin-left: -2%
}

@media (max-width:991.98px) {
  .br-wizard .wizard-form .wizard-panel {
    border-top: 0
  }

  .br-wizard .wizard-form .wizard-panel .wizard-panel-content {
    min-height: calc(100vh - 276px);
    max-height: calc(100vh - 276px);
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: linear;
    transition-delay: 0s;
    overflow-y: auto;
    overflow-x: hidden
  }

  .br-wizard .wizard-form .wizard-panel-btn {
    width: 104%;
    margin-left: -2%;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    flex-wrap: wrap
  }

  .br-wizard .wizard-form .wizard-panel-btn .br-button {
    float: none;
    width: 90%;
    margin: var(--spacing-scale-base) 5%
  }

  .br-wizard .wizard-form .wizard-panel-btn .wizard-btn-next {
    order: 1
  }

  .br-wizard .wizard-progress {
    position: relative;
    padding-top: var(--spacing-scale-3x);
    min-height: 100px;
    max-height: 100px;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: linear;
    transition-delay: 0s;
    overflow-y: hidden
  }

  .br-wizard .wizard-progress .wizard-progress-btn .info {
    font-size: var(--font-size-scale-down-02, 9.716px);
    line-height: 1em;
    text-align: center
  }

  .br-wizard .wizard-progress:after {
    display: block;
    position: absolute;
    width: 12%;
    height: 4px;
    border-radius: 2px;
    content: "";
    background-color: var(--color-secondary-04, #ccc);
    bottom: 0;
    top: unset;
    left: 44%;
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: linear;
    transition-delay: 0s
  }

  .br-wizard[collapsed] .wizard-progress {
    max-height: 64px;
    min-height: 64px;
    overflow-y: hidden;
    padding-bottom: var(--spacing-scale-3x);
    padding-top: var(--spacing-scale-3x)
  }

  .br-wizard[collapsed] .wizard-progress:after {
    margin-top: var(--spacing-scale-4xh)
  }

  .br-wizard[collapsed] .wizard-progress .wizard-progress-btn {
    padding-bottom: var(--spacing-scale-base)
  }

  .br-wizard[collapsed] .wizard-progress .wizard-progress-btn .info {
    display: none
  }

  .br-wizard[collapsed] .wizard-form .wizard-panel .wizard-panel-content {
    max-height: calc(100vh - 290px);
    min-height: calc(100vh - 290px);
    overflow-x: hidden;
    overflow-y: auto
  }

  .br-wizard[vertical] .wizard-progress {
    max-height: calc(100vh - 60px);
    max-width: 110px
  }

  .br-wizard[vertical] .wizard-progress:after {
    height: 8%;
    left: unset;
    margin-top: 0;
    right: 0;
    top: 40%;
    width: 4px
  }

  .br-wizard[vertical] .wizard-progress .wizard-progress-btn {
    line-height: 18px;
    padding-right: var(--spacing-scale-7x)
  }

  .br-wizard[vertical] .wizard-progress .wizard-progress-btn .info {
    line-height: 1.6em;
    margin-top: -.5em;
    position: absolute;
    right: 54px
  }

  .br-wizard[vertical] .wizard-form {
    max-width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    transition-property: all;
    transition-duration: .25s;
    transition-timing-function: linear;
    transition-delay: 0s
  }

  .br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
    min-height: calc(100vh - 230px);
    max-height: calc(100vh - 230px)
  }

  .br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-btn {
    min-height: 119px
  }

  .br-wizard[vertical][collapsed] .wizard-progress {
    max-width: 60px;
    padding-bottom: 0;
    padding-top: 0
  }

  .br-wizard[vertical][collapsed] .wizard-progress:after {
    height: 8%;
    left: unset;
    width: 4px;
    right: 0;
    top: 40%
  }

  .br-wizard[vertical][collapsed] .wizard-progress .wizard-progress-btn {
    padding-right: 0
  }

  .br-wizard[vertical][collapsed] .wizard-progress .wizard-progress-btn .info {
    display: none
  }

  .br-wizard[vertical][collapsed] .wizard-form {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px)
  }
}

.introjs-tooltip {
  --onboarding-background: var(--bg-color);
  --onboarding-color: var(--color);
  --onboarding-padding: var(--spacing-scale-2x);
  --onboarding-title: var(--font-size-scale-up-01);
  --onboarding-font-size: var(--font-size-scale-base);
  --onboarding-font-weight: var(--font-weight-semi-bold);
  --onboarding-width: var(--onboarding-width-mobile);
  --onboarding-width-mobile: 90vw;
  --onboarding-width-tablet: 400px;
  --onboarding-tooltip-background: var(--color-warning);
  --onboarding-tooltip-color: inhrerit;
  width: var(--onboarding-width);
  max-width: var(--onboarding-width-tablet);
  background: var(--onboarding-tooltip-background);
  color: var(--onboarding-tooltip-color)
}

@media (min-width:575px) {
  .introjs-tooltip {
    --onboarding-width: var(--onboarding-width-tablet)
  }
}

.introjs-tooltip .introjs-bullets ul li a {
  background: var(--off);
  opacity: var(--disabled);
  position: relative;
  z-index: 1
}

.introjs-tooltip .introjs-bullets ul li a.active {
  background: var(--color-primary-lighten-01);
  opacity: 1;
  width: 6px
}

.introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
  visibility: hidden;
  position: absolute;
  z-index: 0
}

.introjs-tooltip .introjs-skip {
  margin-bottom: var(--onboarding-padding);
  text-align: center;
  position: relative;
  z-index: 1
}

.introjs-tooltip .introjs-tooltipbuttons {
  border: 0;
  position: relative;
  text-align: center;
  margin: 0 var(--onboarding-padding);
  padding: 0
}

.introjs-tooltip .introjs-button {
  --pressed: 0;
  --button-background: rgba(0, 0, 0, 0);
  --button-border: rgba(0, 0, 0, 0);
  --button-color: var(--interactive);
  --button-radius: 100em;
  --button-font-size: var(--font-size-scale-up-01);
  --button-font-weight: var(--font-weight-semi-bold);
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-img: 20px;
  --interactive-rgb: var(--rgb-primary-default);
  align-items: center;
  background-color: var(--button-background);
  border: 1px solid var(--button-border);
  border-radius: var(--button-radius);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-size);
  justify-content: center;
  padding: var(--button-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto
}

.introjs-tooltip .introjs-button img {
  max-height: var(--button-img)
}

.introjs-tooltip .introjs-button:not(.introjs-disabled):focus {
  outline: none
}

.introjs-tooltip .introjs-button:not(.introjs-disabled).focus-visible, .introjs-tooltip .introjs-button:not(.introjs-disabled):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width)
}

.introjs-tooltip .introjs-button:not(.introjs-disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}

.introjs-tooltip .introjs-button:not(.introjs-disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}

.introjs-tooltip .introjs-button:not(.introjs-disabled):focus {
  box-shadow: none
}

.introjs-tooltip .introjs-nextbutton, .introjs-tooltip .introjs-prevbutton {
  --button-radius: 50%;
  --button-padding: 0;
  position: absolute;
  top: calc(var(--onboarding-padding)*-5.5);
  width: var(--button-size)
}

.introjs-tooltip .introjs-prevbutton {
  left: 0
}

.introjs-tooltip .introjs-nextbutton {
  right: 0
}

.introjs-tooltip .introjs-donebutton {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-radius: 100em;
  text-shadow: none;
  width: auto;
  position: static;
  float: none;
  margin-bottom: var(--onboarding-padding)
}

.introjs-tooltip .introjs-disabled {
  cursor: not-allowed;
  opacity: var(--disabled)
}

.introjs-tooltip .introjs-disabled * {
  pointer-events: none
}

.introjs-tooltip .introjs-arrow.left-bottom {
  border-right-color: var(--onboarding-tooltip-background)
}

.introjs-tooltip .introjs-arrow.right-bottom {
  border-left-color: var(--onboarding-tooltip-background)
}

.introjs-tooltip .introjs-arrow.top, .introjs-tooltip .introjs-arrow.top-middle, .introjs-tooltip .introjs-arrow.top-right {
  border-bottom-color: var(--onboarding-tooltip-background)
}

.introjs-tooltip .introjs-arrow.bottom {
  border-top-color: var(--onboarding-tooltip-background)
}

.introjs-tooltip.introjs-floating {
  background: var(--onboarding-background);
  color: var(--onboarding-color)
}

.introjs-tooltip.introjs-floating .introjs-nextbutton {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01)
}

.introjs-tooltip.introjs-floating .introjs-prevbutton {
  --button-background: var(--color-secondary-01);
  --button-border: var(--color-primary-default)
}

/*# sourceMappingURL=dsgov.min.css.map */