@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);
:root {
  --scholasticus-navbar-background-color: #101932;
  --scholasticus-navbar-text-color: #ffffff;
  --scholasticus-navbar-text-active-color: #f87b1f;
  --scholasticus-navbar-text-active-indicator-color: #f87b1f;
  --scholasticus-navbar-icon-color: #ffffff;
  --scholasticus-sidebar-background-color: #393f5c;
  --scholasticus-sidebar-icons-color: #ffffff;
  --scholasticus-button-text-color: #ffffff;
  --scholasticus-sidebar-icon-active-color: #f87b1f;
  --scholasticus-primary: #f87b1f;
  --scholasticus-secondary: #393f5c;
  --scholasticus-positive: #21ba45;
  --scholasticus-negative: #c10015;
  --scholasticus-info: #393f5c;
}

body,
.q-app,
.q-layout {
  height: 100vh;
  background: var(--scholasticus-navbar-background-color);
}

.q-layout .q-header .hamburger button,
.q-layout .q-header .q-toolbar > button.notifications {
  color: var(--scholasticus-navbar-icon-color);
}

.q-layout .q-header .q-tabs .q-tab--inactive .q-tab__label {
  color: var(--scholasticus-navbar-text-color);
}

.q-layout .q-header .q-tabs .q-tab--active .q-tab__label {
  color: var(--scholasticus-navbar-text-active-color);
}

.q-layout .q-header .q-tabs .q-tab--active .q-tab__indicator {
  background: var(--scholasticus-navbar-text-active-color);
}

body,
.q-page {
  overflow: hidden;
}

.q-page-border-radius {
  border-radius: 12px 0 0 0;
}

.body--light .q-page {
  background: #ffffff;
}

.body--dark .q-page,
.body--dark .bg-white,
.body--dark .q-scrollarea--dark,
.body--dark #fullscreen {
  background: #1d1d1d !important;
  transition-duration: 0.4s;
}

.body--dark header.q-header,
.body--dark #q-app > .q-layout > .q-drawer-container > aside.q-drawer,
.body--dark .q-list > .q-item:has(.q-checkbox[aria-checked=true]) {
  background: #151515 !important;
  transition-duration: 0.4s;
}

.body--dark .bg-grey-2 {
  background: #282828 !important;
  transition-duration: 0.4s;
}

.body--dark .q-page-container .page-background,
.body--dark #q-app > .q-layout > .q-drawer-container > .q-drawer .q-drawer__content,
.body--dark #q-app > .q-layout > .q-drawer-container > .q-drawer .q-scrollarea {
  background: #0e0e0e !important;
  transition-duration: 0.4s;
}

.body--dark .hover-bg-grey-3:hover {
  background: #2b2b2b !important;
  transition-duration: 0.4s;
}

.body--dark .text-negative,
.body--dark .text-red,
.body--dark .q-field--error .q-field__bottom {
  color: #ff495e !important;
  transition-duration: 0.4s;
}

.body--dark .bg-grey-3 {
  background: #282828 !important;
  transition-duration: 0.4s;
}

.body--light header .q-chip {
  background: white !important;
}

.body--dark header .q-chip {
  background: #282828 !important;
  transition-duration: 0.4s;
}

.body--dark .text-secondary,
.body--dark .text-black {
  color: white !important;
  transition-duration: 0.4s;
}

.q-menu--dark {
  box-shadow: 0 1px 5px rgba(70, 70, 70, 0.2), 0 2px 2px rgba(70, 70, 70, 0.14), 0 3px 1px -2px rgba(70, 70, 70, 0.12);
}

header {
  background: var(--scholasticus-navbar-background-color) !important;
  color: #ffffff !important;
  height: 68px;
}

.page-background {
  background: var(--scholasticus-sidebar-background-color);
}

.q-drawer {
  background: var(--scholasticus-navbar-background-color);
}

.q-drawer .q-item {
  height: 75px !important;
  padding: 8px 16.5px;
  color: #ffffff;
}

.q-drawer .q-expansion-item .q-item {
  color: inherit;
}

.q-drawer .q-list > .q-item {
  height: 65px !important;
}

.q-drawer__content {
  background: var(--scholasticus-sidebar-background-color);
}

.q-drawer__content .q-icon {
  color: var(--scholasticus-sidebar-icons-color);
}

.q-drawer__content .q-icon .active-icon {
  color: var(--scholasticus-sidebar-icon-active-color);
}

.q-toolbar {
  height: 80px;
}

.q-tabs {
  min-height: 52px;
}

.q-tab {
  min-width: 150px;
}

div[role=dialog] .q-tab-panels .q-panel {
  overflow: visible;
}

.q-panel {
  height: 100%;
}

.q-table .selected-row {
  background-color: rgba(0, 0, 0, 0.03);
  color: var(--scholasticus-primary);
  border-right: 2px solid var(--scholasticus-primary) !important;
}

.q-table th {
  font-size: 14px;
  font-weight: 600;
}

.q-table td {
  font-size: 16px;
  font-weight: 500;
}

.q-table tbody td .actions {
  visibility: hidden;
}

.q-table tbody tr:hover .actions {
  visibility: visible !important;
  cursor: pointer;
}

.q-table tbody tr:hover .actions2 {
  cursor: pointer;
}

.btn {
  padding: 0px 24px 0px 14px !important;
  border-radius: 31px !important;
  font-size: 14px !important;
  height: 40px !important;
}

.q-btn-group .q-btn {
  padding: 8px 16px;
}

.bg-btn-toggle-layout {
  background: rgba(255, 255, 255, 0.15);
}

.text-btn-toggle-layout {
  color: #016ed0;
}

.table-spaced .q-list > .q-item {
  height: 120px !important;
  border-left: 8px solid;
}

.q-list > .q-item:has(.q-checkbox[aria-checked=true]) {
  background: rgb(208.4090909091, 216.7954545455, 240.0909090909) !important;
}

.hover-bg-grey-3:hover {
  background: #eeeeee;
}

@media (min-width: 600px) {
  .q-dialog__inner--minimized > div {
    max-width: none;
  }
}
.q-tabs.flex-left .q-tab {
  justify-content: left;
}

.q-tabs.text-subtitle2 .q-tab__label {
  font-size: 14px;
}

.q-tabs.text-capitalize .q-tab__label {
  text-transform: capitalize;
}

.q-tabs.text-subtitle2 .q-tab__icon {
  font-size: 18px;
}

.bottom-0 {
  bottom: 0;
}

.right-0 {
  right: 0;
}

.q-btn--rectangle {
  border-radius: 30px;
}

.stable-card {
  display: flex;
  flex-direction: column;
}

.stable-card .q-img .q-img__container .q-img__image {
  transition: transform 0.4s ease-out;
}

.stable-card:hover .q-img:not(.no-zoom) .q-img__container .q-img__image {
  transform: scale(1.2);
}

.stable-card .card-actions {
  opacity: 0;
}

.stable-card:hover .card-actions {
  opacity: 1;
}

.stable .hover:hover {
  background: #e8e8e8;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.body--dark .stable .hover:hover {
  background: #383838;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.hover:hover img {
  filter: brightness(0.5);
}

.q-avatar.hover:hover {
  background: rgba(0, 0, 0, 0.5);
}

.hover:hover i {
  opacity: 1;
}

.opacity-0 {
  opacity: 0;
}

::-webkit-scrollbar {
  background: none;
}

::-webkit-scrollbar-track {
  background: none;
}

.q-tab__alert {
  right: -15px;
}

.q-field__bottom {
  padding: 3px 12px 0;
}

.q-dialog__inner > div {
  border-radius: 8px;
}

.q-table__top {
  min-height: 74px;
  margin: -1px 0 0 0;
  padding: 0;
  color: #101932;
  border-bottom: #e5e5e5 1px solid;
}

.border-radius-none {
  border-radius: 0;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.q-table {
  border-radius: 8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.1411764706), 0 3px 1px -2px rgba(0, 0, 0, 0.1215686275);
}

.q-table__card {
  box-shadow: none;
}

.q-btn-group .q-btn.q-pa-sm {
  padding: 8px;
}

.q-img__content > div {
  background: rgba(0, 0, 0, 0.6);
}

.q-card.q-card-220 {
  min-height: 220px;
}

.q-card.q-card-300,
.q-card.q-card-300 .q-img {
  height: 300px;
}

.q-card.q-card-350 {
  min-height: 350px;
}

.q-card.q-card-350 .q-img {
  height: 195px;
}

.on-left {
  margin-right: 6px;
}

.content-card {
  width: 135px;
  transition-duration: 0.4s;
}

.content-card:hover {
  background: rgba(0, 0, 0, 0.2);
}

.q-field__marginal {
  height: auto;
}

.shadow-all-1 {
  box-shadow: 0 0 2px black;
}

.shadow-3-i {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12) !important;
}

.q-step {
  width: 35vw;
  height: 75vh;
}

.q-step-new {
  width: 20vw;
  height: 75vh;
}

.infinite-modal {
  height: 506px;
}

.stepper-header-hide .q-stepper__step .q-stepper__tab {
  display: none;
}

.q-stepper__step .q-stepper__step-inner {
  padding: 0;
}

.stepper-header-hide.q-stepper--vertical {
  padding: 0;
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
  cursor: default !important;
}

.disabled-no-append .q-field__prepend,
.disabled-no-append .q-field__control-container {
  opacity: 0.6 !important;
}

.disabled-no-append .q-field__prepend,
.disabled-no-append .q-field__control-container * {
  cursor: not-allowed !important;
}

@media (max-width: 1919px) {
  .q-step {
    width: 30vw;
    height: 85vh;
  }
  .q-step-new {
    width: 20vw;
    height: 85vh;
  }
}
.q-option-group > div > div,
.q-option-group > div > div > .q-checkbox__label {
  width: 100%;
}

.animate-transition-ltr {
  margin-top: 0;
  animation: animate-transition-ltr;
  animation-duration: 1s;
}

@keyframes animate-transition-ltr {
  0% {
    margin-top: 17px;
    width: 0;
  }
  100% {
    margin-top: 17px;
    width: 20vw;
  }
}
.dimmed-animate {
  pointer-events: all;
  outline: 0;
  background: rgba(0, 0, 0, 0.4);
  animation: dimmed-animate;
  animation-duration: 0.75s;
}

@keyframes dimmed-animate {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.4);
  }
}
.q-item:not(.inclass) {
  height: 56px;
}

.justify-right {
  justify-content: right;
}

.q-stepper {
  box-shadow: none !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1411764706);
}

.q-stepper.no-shadow {
  border-right: none;
}

.q-field.q-textarea textarea {
  resize: none !important;
}

.q-field.q-textarea .q-field__prepend {
  align-items: start;
  margin-top: 17px;
}

.on-hover:hover {
  cursor: pointer;
}

.on-hover-x .on-hover {
  display: none;
}

.on-hover-x:hover .on-hover {
  display: block;
}

.logo-img img {
  object-fit: contain !important;
}

@media screen and (max-width: 1920px) {
  .wave-one {
    top: 80%;
  }
  .infinite-modal {
    height: 295px;
  }
}
@media screen and (max-width: 1200px) {
  .q-step {
    width: 40vw;
  }
  .login .q-field__control {
    height: 50px;
  }
  .login .q-field__label {
    top: 15px;
  }
  .wave-one {
    top: 85%;
  }
  .infinite-modal {
    height: 185px;
  }
  .q-stepper__content {
    max-height: 305px !important;
  }
}
.q-tab__indicator {
  width: 64px;
  height: 4px;
  border-radius: 4px 4px 0 0;
  margin: 0 auto;
  background: var(--scholasticus-primary);
}

.q-tabs.q-tabs--dense .q-tab {
  min-width: unset;
}

.border-top-1 {
  border-top: 1px solid #d1d1d1;
}

.border-top-light {
  border-top: 1px solid rgba(209, 209, 209, 0.4352941176);
}

.border-bottom-1 {
  border-bottom: 1px solid #d1d1d1;
}

.border-left-1 {
  border-left: 1px solid #d1d1d1;
}

.border-right-1 {
  border-right: 1px solid #d1d1d1;
}

.border-1 {
  border: 1px solid #d1d1d1;
}

.border-1-black {
  border: 1px solid black;
}

.body--dark .border-1-black {
  border: 1px solid white !important;
}

.border-bottom-1-black {
  border-bottom: 1px solid black;
}

.body--dark .border-bottom-1-black {
  border-bottom: 1px solid white !important;
}

.border-top-1-black {
  border-top: 1px solid black;
}

.border-progress {
  border: 2px solid #ffd54f;
}

.border-2-primary {
  border: 2px solid var(--scholasticus-primary);
}

.body--dark .border-top-1-black {
  border-top: 1px solid white !important;
}

.q-message-text:last-child:before {
  display: none;
}

.q-tab__label {
  font-weight: 600;
}

.q-message-text {
  background: white;
}

.mirrored.q-field--filled .q-field__control {
  border-radius: 0 0 8px 8px;
}

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

.font-14 .q-tab__label {
  font-size: 14px;
  font-weight: unset;
}

.q-stepper__content {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.margin-left-minus {
  margin-left: -10px;
}

.modal-sm {
  width: 350px;
}

.modal-md {
  width: 450px;
}

.modal-lg {
  width: 550px;
}

.modal-xl {
  width: 650px;
}

.modal-xxl,
.modal-2xl {
  width: 750px;
}

.modal-xxxl,
.modal-3xl {
  width: 850px;
}

.modal-xxxxl,
.modal-4xl {
  width: 950px;
}

.modal-xxxxxl,
.modal-5xl {
  width: 1050px;
}

.modal-xxxxxxl,
.modal-6xl {
  width: 1150px;
}

.h-72 {
  height: 72px;
}

.border-radius-top-left {
  border-radius: 12px 0 0 0;
}

.border-bottom-grey-4 {
  border-bottom: 1px solid #e0e0e0;
}

.side-shadow {
  box-shadow: -6px 0px 12px rgba(0, 0, 0, 0.0509803922);
}

.margin-top-minus-4 {
  margin-top: -4px;
}

.margin-top-minus-8 {
  margin-top: -8px;
}

.q-tab-panel {
  padding: 0 !important;
}

.covid-text-positive {
  color: #dc143c !important;
}

.bg-covid-positive {
  background: rgba(220, 20, 60, 0.75) !important;
}

.covid-text-negative {
  color: #008000 !important;
}

.bg-covid-negative {
  background: rgba(54, 175, 54, 0.75) !important;
}

.covid-text-not-attended {
  color: #800080 !important;
}

.bg-covid-not-attended {
  background: rgba(248, 123, 31, 0.75) !important;
}

.q-dialog .q-date,
.q-dialog .q-time {
  box-shadow: none;
  height: 475px;
}

.q-dialog .q-date .q-date__view {
  height: 318px;
}

.q-dialog .q-time .q-time__content {
  margin-top: 28px;
}

.q-dialog.datetime .q-date {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.q-dialog.datetime .q-time {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.q-option-group.reservations-reservation {
  margin-left: 0;
  border: 2px solid black;
  height: 68px;
  width: fit-content;
}

.q-option-group.reservations-reservation > div {
  margin-left: 0px;
  width: 64px;
}

.q-option-group.reservations-reservation .q-checkbox.disabled {
  opacity: 0.5 !important;
}

.q-option-group.reservations-reservation .q-checkbox__inner {
  min-width: 0;
  width: 64px;
  height: 64px;
}

.q-option-group.reservations-reservation .q-checkbox__label {
  margin-left: -60px;
  text-align: center;
  align-self: center;
}

.q-option-group.reservations-reservation .q-checkbox__bg {
  top: 0;
  left: 0;
  border: none;
  border-radius: 0;
  width: 64px;
  height: 64px;
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-positive {
  border-top: 2px solid var(--scholasticus-positive);
  border-bottom: 2px solid var(--scholasticus-positive);
  background: rgba(33, 186, 69, 0.2);
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-positive-start {
  border-left: 2px solid var(--scholasticus-positive);
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-positive-end {
  border-right: 2px solid var(--scholasticus-positive);
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-negative {
  border-top: 2px solid var(--scholasticus-negative);
  border-bottom: 2px solid var(--scholasticus-negative);
  background: rgba(193, 0, 21, 0.2);
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-negative-start {
  border-left: 2px solid var(--scholasticus-negative);
}

.q-option-group.reservations-reservation .q-checkbox__bg.reservation-hover-negative-end {
  border-right: 2px solid var(--scholasticus-negative);
}

.q-option-group.reservations-reservation .q-checkbox__inner--truthy .q-checkbox__bg {
  border-top: 2px solid var(--scholasticus-primary) !important;
  border-bottom: 2px solid var(--scholasticus-primary) !important;
  background: rgba(248, 123, 31, 0.2) !important;
}

.q-option-group.reservations-reservation .q-checkbox__inner--truthy .q-checkbox__bg.reservation-hover-positive-start {
  border-left: 2px solid var(--scholasticus-primary);
}

.q-option-group.reservations-reservation .q-checkbox__inner--truthy .q-checkbox__bg.reservation-hover-positive-end {
  border-right: 2px solid var(--scholasticus-primary);
}

.q-option-group.reservations-reservation .q-checkbox__inner .q-checkbox__bg.reservation-reserved {
  border-top: 2px solid #448aff !important;
  border-bottom: 2px solid #448aff !important;
  border-left: none !important;
  border-right: none !important;
  background: rgba(31, 80, 248, 0.2) !important;
}

.q-option-group.reservations-reservation .q-checkbox__inner .q-checkbox__bg.reservation-reserved-start {
  border-left: 2px solid #448aff !important;
}

.q-option-group.reservations-reservation .q-checkbox__inner .q-checkbox__bg.reservation-reserved-end {
  border-right: 2px solid #448aff !important;
}

.q-option-group.reservations-reservation .q-checkbox__svg {
  display: none;
}

.q-option-group.scale_survey .q-radio {
  justify-content: center;
}

.q-option-group.scale_survey > * {
  margin-left: 0;
}

body.desktop .q-option-group.reservations-reservation .q-checkbox:not(.disabled) .q-checkbox__inner:before,
.q-checkbox.shared-library .q-checkbox__inner {
  display: none;
}

.q-checkbox.shared-library .q-checkbox__label {
  width: 100%;
}

.q-checkbox.shared-library[aria-checked=true] .q-checkbox__label .q-card {
  background: rgba(0, 0, 0, 0.35) !important;
  filter: brightness(0.65) !important;
}

.q-field--dense .q-field__control,
.q-field--dense.q-select .q-field__control {
  height: 48px !important;
}

.q-field--dense .q-field__marginal {
  height: 48px;
}

.q-field:not(.q-textarea, .q-field--dense, .q-select--multiple) .q-field__control {
  height: 56px !important;
}

.q-field.q-file .q-field__control {
  height: unset !important;
  max-height: 68px !important;
}

.q-field--dense .q-field__label {
  top: 14px !important;
}

.q-field.q-textarea.q-textarea--autogrow .q-field__control .q-field__control-container textarea.q-field__native {
  max-height: 92px !important;
}

.assign-bg-green-1 {
  background: #e7f4f0;
}

.body--dark .assign-bg-green-1 {
  background: #39b58f !important;
}

.assign-bg-green-2 {
  background: #bde0d7;
}

.assign-text {
  color: #5eb49c;
}

.q-calendar-month__day.q-current-day .q-calendar__button {
  border: 1px solid var(--scholasticus-primary) !important;
}

.q-calendar-month__day.q-active-date .q-calendar__button {
  color: #101932 !important;
  background: none !important;
}

.q-checkbox.disabled {
  opacity: 0.5 !important;
}

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

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.q-field__control {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.q-field.textarea .q-field__inner .q-field__control {
  height: 168px !important;
}

.q-field.append-select > .q-field__inner > .q-field__control {
  padding-right: 0;
}

.q-field.append-select > .q-field__inner > .q-field__control .q-field__append .q-field {
  min-width: 150px;
}

.q-field.append-select > .q-field__inner > .q-field__control .q-field__append .q-icon.q-field__focusable-action {
  padding-right: 12px;
}

.q-field.append-select > .q-field__inner > .q-field__control .q-field__append .q-field .q-field__inner .q-field__control .q-field__native {
  padding-top: 12px;
  color: var(--scholasticus-primary);
}

.q-field.append-toggle > .q-field__inner > .q-field__control {
  padding-right: 0;
}

.q-field.append-toggle > .q-field__inner > .q-field__control .q-field__append .q-item {
  padding-right: 0;
  background: #e6e6e6 !important;
  min-width: 150px;
}

.q-field.append-toggle > .q-field__inner > .q-field__control .q-field__append .q-item__label {
  font-size: 16px;
  color: var(--scholasticus-primary);
}

.chapters-border {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

#pdf-viewer > div:not(:last-child) {
  margin-bottom: 16px;
}

#pdf-viewer > div:first-child {
  margin-top: 8px;
}

#pdf-viewer > div:last-child {
  margin-bottom: 8px;
}

#pdf-viewer > div {
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.body--light .bottom-shadow {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.body--dark .bottom-shadow {
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
}

.q-expansion-item.icon-on-hover .q-item {
  padding: 8px 16px 8px 8px;
}

.q-expansion-item.icon-on-hover .q-expansion-item__container > .q-item .q-icon,
.q-expansion-item.icon-on-hover .q-expansion-item__container .q-expansion-item__content .q-item .q-icon.handle-item,
.q-expansion-item.icon-on-hover .q-expansion-item__container .q-expansion-item__content .q-item .q-icon.icon-on-hover,
.q-item.icon-on-hover .q-item__section--side .q-icon {
  visibility: hidden;
}

.q-expansion-item.icon-on-hover .q-expansion-item__container > .q-item:hover .q-icon,
.q-expansion-item.icon-on-hover .q-expansion-item__container .q-expansion-item__content .q-item:hover .q-icon.handle-item,
.q-expansion-item.icon-on-hover .q-expansion-item__container .q-expansion-item__content .q-item:hover .q-icon.icon-on-hover,
.q-item.icon-on-hover:hover .q-item__section--side .q-icon {
  visibility: visible;
}

.q-pl-10 {
  padding-left: 10px !important;
}

.q-pl-39 {
  padding-left: 39px !important;
}

.w-150 {
  width: 150px !important;
}

.w-40 {
  width: 40px !important;
}

.delayed-display {
  visibility: hidden;
  animation: dd 0.5s forwards;
}

@keyframes dd {
  from {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
.flex-1 {
  flex: 1;
}

.shadow-4 {
  box-shadow: 0 -1px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12) !important;
}

.body--dark .shadow-4 {
  box-shadow: 0 -1px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px rgba(255, 255, 255, 0.14), 0 1px 10px rgba(255, 255, 255, 0.12) !important;
}

.shadow-2 {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12) !important;
}

.body--dark .shadow-2 {
  box-shadow: 0 -1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12) !important;
}

.s-content-frame {
  width: 564px;
  height: 318px;
  border: none;
}

.iframe {
  border: none;
}

.q-mt-52 {
  margin-top: 52px !important;
}

.q-mt-6 {
  margin-top: 6px !important;
}

.q-chip--square {
  border-radius: 4px !important;
}

.text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.q-dialog .q-dialog__inner .q-time .q-time__main.overflow-auto {
  overflow: hidden !important;
}

.reservation-slot-chip {
  width: 80px;
  border-color: #e0e0e0;
}

.reservation-slot-chip.q-chip--clickable:focus {
  box-shadow: none !important;
}

.body--dark .reservation-slot-chip.q-chip--selected {
  background-color: rgba(40, 138, 65, 0.1019607843) !important;
}

.reservation-slot-chip.q-chip--selected {
  background-color: rgba(137, 255, 165, 0.4705882353) !important;
  border-color: green !important;
}

.reservation-slot-chip.q-chip--selected .q-icon {
  display: none;
}

.reservation-slot-chip .q-chip__content {
  justify-content: center;
}

.hide {
  display: none;
}

#cert * {
  color: initial;
  background: initial;
  letter-spacing: 0.1px;
  font-family: "Barlow", sans-serif;
}

.certificate-portrait {
  overflow: hidden;
  width: 595px;
  height: 842px;
  background: white;
}

.certificate-landscape {
  overflow: hidden;
  width: 842px;
  height: 595px;
  background: white;
}

.inline-flex {
  display: inline-flex;
}

.shadow-6-no-dark {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
}

* {
  min-width: 0;
  min-height: 0;
  scrollbar-width: thin;
}

.body--dark .bg-grey-4 {
  background: #4c4c4c !important;
}

.bg-white-no-dark {
  background: white !important;
}

#certificate-editor.q-dark .q-editor__content {
  color: black;
  background: var(--q-dark);
}

.q-avatar.avatar-left .q-avatar__content .q-img {
  display: inline-grid;
}

.q-avatar.avatar-left .q-avatar__content .q-img__container {
  justify-self: start;
}

#certificate-editor {
  height: calc(100vh - 334px) !important;
  overflow: hidden;
}

#certificate-editor .q-editor__content {
  padding: 0 !important;
}

.h-200 {
  height: 200px;
}

.w-200 {
  width: 200px;
}

.w-198 {
  width: 198px;
}

.h-198 {
  height: 198px;
}

.pdf-confirm-button {
  background: #21ba45;
  color: white;
  font-weight: 600;
}

.pdf-confirm-button.disabled {
  color: #858585;
  background: #a2ffbc;
  font-weight: 600;
}

.frame-player {
  height: calc(100vh - 441px);
}

.frame-player .scorm-player {
  width: calc(100vh - 122px);
}

.q-field--filled.q-field--readonly .q-field__control:before {
  opacity: 0 !important;
}

div[role=dialog] .q-tab-panels {
  overflow: visible;
}

.body--dark .q-tab-panels {
  background: #1d1d1d !important;
}

.q-tab-panels {
  background: #ffffff !important;
}

.q-btn.bg-primary,
.q-btn.bg-secondary,
.q-btn.bg-positive,
.q-btn.bg-negative,
.q-btn.bg-info {
  color: var(--scholasticus-button-text-color) !important;
}

.w-198 {
  width: 198px;
}

.h-198 {
  height: 198px;
}

.wave-one-anim.animate {
  position: absolute;
  top: 90%;
  left: 0%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 100;
  background: #fddec8;
  animation: woa1 1s forwards linear;
}

.wave-two-anim.animate {
  position: absolute;
  top: 0%;
  left: 99%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 100;
  background: #fddec8;
  animation: woa2 1s forwards linear;
}

@keyframes woa1 {
  to {
    width: 2500px;
    height: 2250px;
    top: -50%;
    left: -30%;
  }
}
@keyframes woa2 {
  to {
    width: 2500px;
    height: 2250px;
    top: -80%;
    left: 10%;
  }
}
.wave-one {
  transform: rotate(90deg);
  position: absolute;
  top: 100%;
  left: -35%;
  background: #fddec8;
  width: 1500px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 20s infinite linear;
}

.wave-two {
  top: -75%;
  left: 75%;
  transform: rotate(90deg);
  position: absolute;
  background: #fddec8;
  width: 1500px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 25s infinite linear;
}

@media only screen and (max-width: 1366px) {
  .wave-one {
    top: 80%;
    left: -50%;
  }
  @keyframes woa1 {
    to {
      width: 2500px;
      height: 2250px;
      top: -70%;
      left: -40%;
    }
  }
  @keyframes woa2 {
    to {
      width: 2500px;
      height: 2250px;
      top: -90%;
      left: 0%;
    }
  }
}
@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.margin-auto {
  margin: 0 auto;
}

.g_id_signin {
  display: none;
}

.third-button {
  width: 100% !important;
  height: 56px !important;
  border: 1px solid lightgray;
  border-radius: 8px;
  box-shadow: none;
  font-weight: 400;
}

.third-icon {
  width: 56px !important;
  height: 56px !important;
  border: 1px solid lightgray;
  border-radius: 8px;
  box-shadow: none;
  font-weight: 400;
}

.hover-bg-red:hover {
  background: #f44336 !important;
}

.code-check {
  width: 58px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  display: inline-flex;
  font-size: 32px;
}

.code-check .q-field__control .q-field__native {
  text-align: center;
}

.code-check .q-field__control::before {
  display: none;
}

.code-check:not(:first-child) {
  margin-left: 8px;
}

#signature {
  width: fit-content;
  text-align: right;
}

.signature-info-container {
  position: relative;
  top: -18px;
}

.signature-info {
  margin: 0;
  padding: 0;
  font-size: 11px;
  display: inline-block;
  margin-left: 4px;
}

.video-viewer-max-height {
  height: 100vh;
  max-height: calc(100vh - 210px);
  transition: max-height 0.5s !important;
}

.video-viewer-max-height-bottom-tabs-open {
  max-height: calc(55vh - 76px) !important;
  transition: max-height 0.5s !important;
}

.pdf-viewer-max-height {
  height: 100vh;
  max-height: calc(100vh - 204px);
  transition: max-height 0.5s !important;
}

.pdf-viewer-max-height-bottom-tabs-open {
  max-height: calc(100vh - 204px) !important;
  transition: max-height 0.5s !important;
}

.scorm-viewer-max-height {
  height: 100vh;
  max-height: calc(100vh - 204px);
  transition: max-height 0.5s !important;
}

.scorm-viewer-max-height-bottom-tabs-open {
  max-height: calc(55vh - 72px) !important;
  transition: max-height 0.5s !important;
}

.inclass-viewer-max-height {
  height: 100vh;
  max-height: calc(100vh - 204px);
  transition: max-height 0.5s !important;
}

.inclass-viewer-max-height-bottom-tabs-open {
  max-height: calc(55vh - 72px) !important;
  transition: max-height 0.5s !important;
}

.testsurvey-viewer-max-height {
  height: 100vh;
  max-height: calc(100vh - 204px);
  transition: max-height 0.5s !important;
}

.testsurvey-viewer-max-height-bottom-tabs-open {
  max-height: calc(55vh - 72px) !important;
  transition: max-height 0.5s !important;
}

.q-chip.text-center > .q-chip__content {
  justify-content: center;
}

.s-tooltip:hover > .q-tooltip {
  visibility: visible !important;
}

.s-tooltip-tt {
  position: absolute !important;
  word-break: break-word;
  width: fit-content;
  white-space: wrap;
  z-index: 1000;
}

.s-tooltip {
  position: relative;
}

.info-card {
  color: #0277bd;
  background-color: #e1f5fe;
  border: #0277bd solid 1px;
}

.success-card {
  color: #2e7d32;
  background-color: #e8f5e9;
  border: #2e7d32 solid 1px;
}

.reject-card {
  color: #c62828;
  background-color: #ffebee;
  border: #c62828 solid 1px;
}

:not(:root):fullscreen::backdrop {
  background: white;
}

.q-carousel__slides-container {
  width: 100%;
}

.no-user-select {
  -webkit-user-select: none;
          user-select: none;
}

.hover-container.hover .hover-object {
  display: none;
}

.hover-container.hover:hover .hover-object {
  display: block;
}

.q-tooltip {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.03333em !important;
}

.q-scrollarea__content {
  width: 100%;
}

.btn-no-padding {
  padding: 0 !important;
  border-radius: 31px !important;
  font-size: 14px !important;
  height: 40px !important;
}

.visibility-hidden {
  visibility: hidden;
}

.q-item:has(h1, h2, h3, h4, h5, h6, font, pre) {
  min-height: 40px;
  height: fit-content !important;
}

.q-editor__toolbar-group {
  min-width: 64px;
  text-align: center;
  justify-items: center;
}

.signature-borders,
.signature-borders > canvas {
  border-radius: 8px;
}

.flex-grow {
  flex-grow: 1;
}

.btn-link:hover {
  text-decoration: underline;
}

.q-hoverable.btn-link:hover > .q-focus-helper {
  background: none !important;
  background-color: none !important;
  opacity: 0 !important;
}

.q-date.qdate-no-year .q-date__header > :not(.q-date__header-title).relative-position,
.q-date.qdate-no-year .q-date__main .q-date__navigation > :nth-last-child(-n+3) {
  display: none;
}

.login-expand-borders .q-expansion-item__container .q-item.q-item--clickable {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.24);
}

.hide-expansion .q-expansion-item__container .q-item.q-item--clickable {
  display: none;
}

@media (min-width: 0) {
  .flex-block, .flex-xs-block {
    display: block;
  }
  .flex-inline, .flex-xs-inline {
    display: inline-block;
  }
  .q-pa-xs-none {
    padding: 0 0;
  }
  .q-pl-xs-none {
    padding-left: 0;
  }
  .q-pr-xs-none {
    padding-right: 0;
  }
  .q-pt-xs-none {
    padding-top: 0;
  }
  .q-pb-xs-none {
    padding-bottom: 0;
  }
  .q-px-xs-none {
    padding-left: 0;
    padding-right: 0;
  }
  .q-py-xs-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .q-ma-xs-none {
    margin: 0 0;
  }
  .q-ml-xs-none {
    margin-left: 0;
  }
  .q-mr-xs-none {
    margin-right: 0;
  }
  .q-mt-xs-none {
    margin-top: 0;
  }
  .q-mb-xs-none {
    margin-bottom: 0;
  }
  .q-mx-xs-none {
    margin-left: 0;
    margin-right: 0;
  }
  .q-my-xs-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .q-pa-xs-xs {
    padding: 4px 4px;
  }
  .q-pl-xs-xs {
    padding-left: 4px;
  }
  .q-pr-xs-xs {
    padding-right: 4px;
  }
  .q-pt-xs-xs {
    padding-top: 4px;
  }
  .q-pb-xs-xs {
    padding-bottom: 4px;
  }
  .q-px-xs-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .q-py-xs-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .q-ma-xs-xs {
    margin: 4px 4px;
  }
  .q-ml-xs-xs {
    margin-left: 4px;
  }
  .q-mr-xs-xs {
    margin-right: 4px;
  }
  .q-mt-xs-xs {
    margin-top: 4px;
  }
  .q-mb-xs-xs {
    margin-bottom: 4px;
  }
  .q-mx-xs-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .q-my-xs-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .q-pa-xs-sm {
    padding: 8px 8px;
  }
  .q-pl-xs-sm {
    padding-left: 8px;
  }
  .q-pr-xs-sm {
    padding-right: 8px;
  }
  .q-pt-xs-sm {
    padding-top: 8px;
  }
  .q-pb-xs-sm {
    padding-bottom: 8px;
  }
  .q-px-xs-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-py-xs-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .q-ma-xs-sm {
    margin: 8px 8px;
  }
  .q-ml-xs-sm {
    margin-left: 8px;
  }
  .q-mr-xs-sm {
    margin-right: 8px;
  }
  .q-mt-xs-sm {
    margin-top: 8px;
  }
  .q-mb-xs-sm {
    margin-bottom: 8px;
  }
  .q-mx-xs-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .q-my-xs-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .q-pa-xs-md {
    padding: 16px 16px;
  }
  .q-pl-xs-md {
    padding-left: 16px;
  }
  .q-pr-xs-md {
    padding-right: 16px;
  }
  .q-pt-xs-md {
    padding-top: 16px;
  }
  .q-pb-xs-md {
    padding-bottom: 16px;
  }
  .q-px-xs-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .q-py-xs-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .q-ma-xs-md {
    margin: 16px 16px;
  }
  .q-ml-xs-md {
    margin-left: 16px;
  }
  .q-mr-xs-md {
    margin-right: 16px;
  }
  .q-mt-xs-md {
    margin-top: 16px;
  }
  .q-mb-xs-md {
    margin-bottom: 16px;
  }
  .q-mx-xs-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .q-my-xs-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .q-pa-xs-lg {
    padding: 24px 24px;
  }
  .q-pl-xs-lg {
    padding-left: 24px;
  }
  .q-pr-xs-lg {
    padding-right: 24px;
  }
  .q-pt-xs-lg {
    padding-top: 24px;
  }
  .q-pb-xs-lg {
    padding-bottom: 24px;
  }
  .q-px-xs-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .q-py-xs-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .q-ma-xs-lg {
    margin: 24px 24px;
  }
  .q-ml-xs-lg {
    margin-left: 24px;
  }
  .q-mr-xs-lg {
    margin-right: 24px;
  }
  .q-mt-xs-lg {
    margin-top: 24px;
  }
  .q-mb-xs-lg {
    margin-bottom: 24px;
  }
  .q-mx-xs-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .q-my-xs-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .q-pa-xs-xl {
    padding: 32px 32px;
  }
  .q-pl-xs-xl {
    padding-left: 32px;
  }
  .q-pr-xs-xl {
    padding-right: 32px;
  }
  .q-pt-xs-xl {
    padding-top: 32px;
  }
  .q-pb-xs-xl {
    padding-bottom: 32px;
  }
  .q-px-xs-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .q-py-xs-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .q-ma-xs-xl {
    margin: 32px 32px;
  }
  .q-ml-xs-xl {
    margin-left: 32px;
  }
  .q-mr-xs-xl {
    margin-right: 32px;
  }
  .q-mt-xs-xl {
    margin-top: 32px;
  }
  .q-mb-xs-xl {
    margin-bottom: 32px;
  }
  .q-mx-xs-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
  .q-my-xs-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .q-pa-xs-xlh {
    padding: 40px 40px;
  }
  .q-pl-xs-xlh {
    padding-left: 40px;
  }
  .q-pr-xs-xlh {
    padding-right: 40px;
  }
  .q-pt-xs-xlh {
    padding-top: 40px;
  }
  .q-pb-xs-xlh {
    padding-bottom: 40px;
  }
  .q-px-xs-xlh {
    padding-left: 40px;
    padding-right: 40px;
  }
  .q-py-xs-xlh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .q-ma-xs-xlh {
    margin: 40px 40px;
  }
  .q-ml-xs-xlh {
    margin-left: 40px;
  }
  .q-mr-xs-xlh {
    margin-right: 40px;
  }
  .q-mt-xs-xlh {
    margin-top: 40px;
  }
  .q-mb-xs-xlh {
    margin-bottom: 40px;
  }
  .q-mx-xs-xlh {
    margin-left: 40px;
    margin-right: 40px;
  }
  .q-my-xs-xlh {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .q-pa-xs-xxl {
    padding: 48px 48px;
  }
  .q-pl-xs-xxl {
    padding-left: 48px;
  }
  .q-pr-xs-xxl {
    padding-right: 48px;
  }
  .q-pt-xs-xxl {
    padding-top: 48px;
  }
  .q-pb-xs-xxl {
    padding-bottom: 48px;
  }
  .q-px-xs-xxl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .q-py-xs-xxl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .q-ma-xs-xxl {
    margin: 48px 48px;
  }
  .q-ml-xs-xxl {
    margin-left: 48px;
  }
  .q-mr-xs-xxl {
    margin-right: 48px;
  }
  .q-mt-xs-xxl {
    margin-top: 48px;
  }
  .q-mb-xs-xxl {
    margin-bottom: 48px;
  }
  .q-mx-xs-xxl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .q-my-xs-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .q-pa-xs-xxlh {
    padding: 56px 56px;
  }
  .q-pl-xs-xxlh {
    padding-left: 56px;
  }
  .q-pr-xs-xxlh {
    padding-right: 56px;
  }
  .q-pt-xs-xxlh {
    padding-top: 56px;
  }
  .q-pb-xs-xxlh {
    padding-bottom: 56px;
  }
  .q-px-xs-xxlh {
    padding-left: 56px;
    padding-right: 56px;
  }
  .q-py-xs-xxlh {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .q-ma-xs-xxlh {
    margin: 56px 56px;
  }
  .q-ml-xs-xxlh {
    margin-left: 56px;
  }
  .q-mr-xs-xxlh {
    margin-right: 56px;
  }
  .q-mt-xs-xxlh {
    margin-top: 56px;
  }
  .q-mb-xs-xxlh {
    margin-bottom: 56px;
  }
  .q-mx-xs-xxlh {
    margin-left: 56px;
    margin-right: 56px;
  }
  .q-my-xs-xxlh {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .q-pa-xs-xxxl {
    padding: 64px 64px;
  }
  .q-pl-xs-xxxl {
    padding-left: 64px;
  }
  .q-pr-xs-xxxl {
    padding-right: 64px;
  }
  .q-pt-xs-xxxl {
    padding-top: 64px;
  }
  .q-pb-xs-xxxl {
    padding-bottom: 64px;
  }
  .q-px-xs-xxxl {
    padding-left: 64px;
    padding-right: 64px;
  }
  .q-py-xs-xxxl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .q-ma-xs-xxxl {
    margin: 64px 64px;
  }
  .q-ml-xs-xxxl {
    margin-left: 64px;
  }
  .q-mr-xs-xxxl {
    margin-right: 64px;
  }
  .q-mt-xs-xxxl {
    margin-top: 64px;
  }
  .q-mb-xs-xxxl {
    margin-bottom: 64px;
  }
  .q-mx-xs-xxxl {
    margin-left: 64px;
    margin-right: 64px;
  }
  .q-my-xs-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .q-pa-xs-xxxlh {
    padding: 72px 72px;
  }
  .q-pl-xs-xxxlh {
    padding-left: 72px;
  }
  .q-pr-xs-xxxlh {
    padding-right: 72px;
  }
  .q-pt-xs-xxxlh {
    padding-top: 72px;
  }
  .q-pb-xs-xxxlh {
    padding-bottom: 72px;
  }
  .q-px-xs-xxxlh {
    padding-left: 72px;
    padding-right: 72px;
  }
  .q-py-xs-xxxlh {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .q-ma-xs-xxxlh {
    margin: 72px 72px;
  }
  .q-ml-xs-xxxlh {
    margin-left: 72px;
  }
  .q-mr-xs-xxxlh {
    margin-right: 72px;
  }
  .q-mt-xs-xxxlh {
    margin-top: 72px;
  }
  .q-mb-xs-xxxlh {
    margin-bottom: 72px;
  }
  .q-mx-xs-xxxlh {
    margin-left: 72px;
    margin-right: 72px;
  }
  .q-my-xs-xxxlh {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .q-pa-xs-xxxxl {
    padding: 80px 80px;
  }
  .q-pl-xs-xxxxl {
    padding-left: 80px;
  }
  .q-pr-xs-xxxxl {
    padding-right: 80px;
  }
  .q-pt-xs-xxxxl {
    padding-top: 80px;
  }
  .q-pb-xs-xxxxl {
    padding-bottom: 80px;
  }
  .q-px-xs-xxxxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  .q-py-xs-xxxxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .q-ma-xs-xxxxl {
    margin: 80px 80px;
  }
  .q-ml-xs-xxxxl {
    margin-left: 80px;
  }
  .q-mr-xs-xxxxl {
    margin-right: 80px;
  }
  .q-mt-xs-xxxxl {
    margin-top: 80px;
  }
  .q-mb-xs-xxxxl {
    margin-bottom: 80px;
  }
  .q-mx-xs-xxxxl {
    margin-left: 80px;
    margin-right: 80px;
  }
  .q-my-xs-xxxxl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .q-pa-xs-xxxxxl {
    padding: 88px 88px;
  }
  .q-pl-xs-xxxxxl {
    padding-left: 88px;
  }
  .q-pr-xs-xxxxxl {
    padding-right: 88px;
  }
  .q-pt-xs-xxxxxl {
    padding-top: 88px;
  }
  .q-pb-xs-xxxxxl {
    padding-bottom: 88px;
  }
  .q-px-xs-xxxxxl {
    padding-left: 88px;
    padding-right: 88px;
  }
  .q-py-xs-xxxxxl {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .q-ma-xs-xxxxxl {
    margin: 88px 88px;
  }
  .q-ml-xs-xxxxxl {
    margin-left: 88px;
  }
  .q-mr-xs-xxxxxl {
    margin-right: 88px;
  }
  .q-mt-xs-xxxxxl {
    margin-top: 88px;
  }
  .q-mb-xs-xxxxxl {
    margin-bottom: 88px;
  }
  .q-mx-xs-xxxxxl {
    margin-left: 88px;
    margin-right: 88px;
  }
  .q-my-xs-xxxxxl {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .q-ml-xs-auto {
    margin-left: auto;
  }
  .q-mr-xs-auto {
    margin-right: auto;
  }
  .q-mx-xs-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row-xs, .column-xs, .flex-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .row-xs.inline-xs, .column-xs.inline-xs, .flex-xs.inline-xs {
    display: inline-flex;
  }
  .row-xs {
    flex-direction: row;
  }
  .row-xs.reverse-xs {
    flex-direction: row-reverse;
  }
  .column-xs {
    flex-direction: column;
  }
  .column-xs.reverse-xs {
    flex-direction: column-reverse;
  }
  .wrap-xs {
    flex-wrap: wrap;
  }
  .no-wrap-xs {
    flex-wrap: nowrap;
  }
  .reverse-wrap-xs {
    flex-wrap: wrap-reverse;
  }
  .order-xs-first {
    order: -10000;
  }
  .order-xs-last {
    order: 10000;
  }
  .order-xs-none {
    order: 0;
  }
  .justify-xs-start {
    justify-content: flex-start;
  }
  .justify-xs-end {
    justify-content: flex-end;
  }
  .justify-xs-center, .flex-xs-center {
    justify-content: center;
  }
  .justify-xs-between {
    justify-content: space-between;
  }
  .justify-xs-around {
    justify-content: space-around;
  }
  .justify-xs-evenly {
    justify-content: space-evenly;
  }
  .items-xs-start {
    align-items: flex-start;
  }
  .items-xs-end {
    align-items: flex-end;
  }
  .items-xs-center, .flex-xs-center {
    align-items: center;
  }
  .items-xs-baseline {
    align-items: baseline;
  }
  .items-xs-stretch {
    align-items: stretch;
  }
  .content-xs-start {
    align-content: flex-start;
  }
  .content-xs-end {
    align-content: flex-end;
  }
  .content-xs-center {
    align-content: center;
  }
  .content-xs-between {
    align-content: space-between;
  }
  .content-xs-around {
    align-content: space-around;
  }
  .self-xs-start {
    align-self: flex-start;
  }
  .self-xs-end {
    align-self: flex-end;
  }
  .self-xs-center {
    align-self: center;
  }
  .self-xs-baseline {
    align-self: baseline;
  }
  .self-xs-stretch {
    align-self: stretch;
  }
  .q-gutter-xs-x-none {
    margin-left: 0;
  }
  .q-gutter-xs-x-none > * {
    margin-left: 0;
  }
  .q-gutter-xs-y-none {
    margin-top: 0;
  }
  .q-gutter-xs-y-none > * {
    margin-top: 0;
  }
  .q-gutter-xs-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-gutter-xs-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-xs-x-none {
    margin-left: 0;
  }
  .q-col-gutter-xs-x-none > * {
    padding-left: 0;
  }
  .q-col-gutter-xs-y-none {
    margin-top: 0;
  }
  .q-col-gutter-xs-y-none > * {
    padding-top: 0;
  }
  .q-col-gutter-xs-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-xs-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .q-gutter-xs-x-xs {
    margin-left: -4px;
  }
  .q-gutter-xs-x-xs > * {
    margin-left: 4px;
  }
  .q-gutter-xs-y-xs {
    margin-top: -4px;
  }
  .q-gutter-xs-y-xs > * {
    margin-top: 4px;
  }
  .q-gutter-xs-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-gutter-xs-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .q-col-gutter-xs-x-xs {
    margin-left: -4px;
  }
  .q-col-gutter-xs-x-xs > * {
    padding-left: 4px;
  }
  .q-col-gutter-xs-y-xs {
    margin-top: -4px;
  }
  .q-col-gutter-xs-y-xs > * {
    padding-top: 4px;
  }
  .q-col-gutter-xs-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-col-gutter-xs-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .q-gutter-xs-x-sm {
    margin-left: -8px;
  }
  .q-gutter-xs-x-sm > * {
    margin-left: 8px;
  }
  .q-gutter-xs-y-sm {
    margin-top: -8px;
  }
  .q-gutter-xs-y-sm > * {
    margin-top: 8px;
  }
  .q-gutter-xs-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-gutter-xs-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .q-col-gutter-xs-x-sm {
    margin-left: -8px;
  }
  .q-col-gutter-xs-x-sm > * {
    padding-left: 8px;
  }
  .q-col-gutter-xs-y-sm {
    margin-top: -8px;
  }
  .q-col-gutter-xs-y-sm > * {
    padding-top: 8px;
  }
  .q-col-gutter-xs-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-col-gutter-xs-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .q-gutter-xs-x-md {
    margin-left: -16px;
  }
  .q-gutter-xs-x-md > * {
    margin-left: 16px;
  }
  .q-gutter-xs-y-md {
    margin-top: -16px;
  }
  .q-gutter-xs-y-md > * {
    margin-top: 16px;
  }
  .q-gutter-xs-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-gutter-xs-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .q-col-gutter-xs-x-md {
    margin-left: -16px;
  }
  .q-col-gutter-xs-x-md > * {
    padding-left: 16px;
  }
  .q-col-gutter-xs-y-md {
    margin-top: -16px;
  }
  .q-col-gutter-xs-y-md > * {
    padding-top: 16px;
  }
  .q-col-gutter-xs-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-col-gutter-xs-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .q-gutter-xs-x-lg {
    margin-left: -24px;
  }
  .q-gutter-xs-x-lg > * {
    margin-left: 24px;
  }
  .q-gutter-xs-y-lg {
    margin-top: -24px;
  }
  .q-gutter-xs-y-lg > * {
    margin-top: 24px;
  }
  .q-gutter-xs-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-gutter-xs-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .q-col-gutter-xs-x-lg {
    margin-left: -24px;
  }
  .q-col-gutter-xs-x-lg > * {
    padding-left: 24px;
  }
  .q-col-gutter-xs-y-lg {
    margin-top: -24px;
  }
  .q-col-gutter-xs-y-lg > * {
    padding-top: 24px;
  }
  .q-col-gutter-xs-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-col-gutter-xs-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .q-gutter-xs-x-xl {
    margin-left: -48px;
  }
  .q-gutter-xs-x-xl > * {
    margin-left: 48px;
  }
  .q-gutter-xs-y-xl {
    margin-top: -48px;
  }
  .q-gutter-xs-y-xl > * {
    margin-top: 48px;
  }
  .q-gutter-xs-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-xs-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-xs-x-xl {
    margin-left: -48px;
  }
  .q-col-gutter-xs-x-xl > * {
    padding-left: 48px;
  }
  .q-col-gutter-xs-y-xl {
    margin-top: -48px;
  }
  .q-col-gutter-xs-y-xl > * {
    padding-top: 48px;
  }
  .q-col-gutter-xs-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-xs-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-xs-x-xlh {
    margin-left: -56px;
  }
  .q-gutter-xs-x-xlh > * {
    margin-left: 56px;
  }
  .q-gutter-xs-y-xlh {
    margin-top: -56px;
  }
  .q-gutter-xs-y-xlh > * {
    margin-top: 56px;
  }
  .q-gutter-xs-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-gutter-xs-xlh > * {
    margin-left: 56px;
    margin-top: 56px;
  }
  .q-col-gutter-xs-x-xlh {
    margin-left: -56px;
  }
  .q-col-gutter-xs-x-xlh > * {
    padding-left: 56px;
  }
  .q-col-gutter-xs-y-xlh {
    margin-top: -56px;
  }
  .q-col-gutter-xs-y-xlh > * {
    padding-top: 56px;
  }
  .q-col-gutter-xs-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-col-gutter-xs-xlh > * {
    padding-left: 56px;
    padding-top: 56px;
  }
  .q-gutter-xs-x-xxl {
    margin-left: -48px;
  }
  .q-gutter-xs-x-xxl > * {
    margin-left: 48px;
  }
  .q-gutter-xs-y-xxl {
    margin-top: -48px;
  }
  .q-gutter-xs-y-xxl > * {
    margin-top: 48px;
  }
  .q-gutter-xs-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-xs-xxl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-xs-x-xxl {
    margin-left: -48px;
  }
  .q-col-gutter-xs-x-xxl > * {
    padding-left: 48px;
  }
  .q-col-gutter-xs-y-xxl {
    margin-top: -48px;
  }
  .q-col-gutter-xs-y-xxl > * {
    padding-top: 48px;
  }
  .q-col-gutter-xs-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-xs-xxl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-xs-x-xxxl {
    margin-left: -64px;
  }
  .q-gutter-xs-x-xxxl > * {
    margin-left: 64px;
  }
  .q-gutter-xs-y-xxxl {
    margin-top: -64px;
  }
  .q-gutter-xs-y-xxxl > * {
    margin-top: 64px;
  }
  .q-gutter-xs-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-gutter-xs-xxxl > * {
    margin-left: 64px;
    margin-top: 64px;
  }
  .q-col-gutter-xs-x-xxxl {
    margin-left: -64px;
  }
  .q-col-gutter-xs-x-xxxl > * {
    padding-left: 64px;
  }
  .q-col-gutter-xs-y-xxxl {
    margin-top: -64px;
  }
  .q-col-gutter-xs-y-xxxl > * {
    padding-top: 64px;
  }
  .q-col-gutter-xs-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-col-gutter-xs-xxxl > * {
    padding-left: 64px;
    padding-top: 64px;
  }
  .q-gutter-xs-x-xxxxl {
    margin-left: -80px;
  }
  .q-gutter-xs-x-xxxxl > * {
    margin-left: 80px;
  }
  .q-gutter-xs-y-xxxxl {
    margin-top: -80px;
  }
  .q-gutter-xs-y-xxxxl > * {
    margin-top: 80px;
  }
  .q-gutter-xs-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-gutter-xs-xxxxl > * {
    margin-left: 80px;
    margin-top: 80px;
  }
  .q-col-gutter-xs-x-xxxxl {
    margin-left: -80px;
  }
  .q-col-gutter-xs-x-xxxxl > * {
    padding-left: 80px;
  }
  .q-col-gutter-xs-y-xxxxl {
    margin-top: -80px;
  }
  .q-col-gutter-xs-y-xxxxl > * {
    padding-top: 80px;
  }
  .q-col-gutter-xs-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-col-gutter-xs-xxxxl > * {
    padding-left: 80px;
    padding-top: 80px;
  }
  .q-gutter-xs-x-xxxxxl {
    margin-left: -88px;
  }
  .q-gutter-xs-x-xxxxxl > * {
    margin-left: 88px;
  }
  .q-gutter-xs-y-xxxxxl {
    margin-top: -88px;
  }
  .q-gutter-xs-y-xxxxxl > * {
    margin-top: 88px;
  }
  .q-gutter-xs-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-gutter-xs-xxxxxl > * {
    margin-left: 88px;
    margin-top: 88px;
  }
  .q-col-gutter-xs-x-xxxxxl {
    margin-left: -88px;
  }
  .q-col-gutter-xs-x-xxxxxl > * {
    padding-left: 88px;
  }
  .q-col-gutter-xs-y-xxxxxl {
    margin-top: -88px;
  }
  .q-col-gutter-xs-y-xxxxxl > * {
    padding-top: 88px;
  }
  .q-col-gutter-xs-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-col-gutter-xs-xxxxxl > * {
    padding-left: 88px;
    padding-top: 88px;
  }
  .row-xs > .col-0, .row-xs > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-xs > .offset-0, .row-xs > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-xs > .col-0, .column-xs > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-xs > .col-1, .row-xs > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xs > .offset-1, .row-xs > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-xs > .col-1, .column-xs > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xs > .col-2, .row-xs > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xs > .offset-2, .row-xs > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-xs > .col-2, .column-xs > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xs > .col-3, .row-xs > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-xs > .offset-3, .row-xs > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-xs > .col-3, .column-xs > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-xs > .col-4, .row-xs > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xs > .offset-4, .row-xs > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-xs > .col-4, .column-xs > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xs > .col-5, .row-xs > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xs > .offset-5, .row-xs > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-xs > .col-5, .column-xs > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xs > .col-6, .row-xs > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-xs > .offset-6, .row-xs > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-xs > .col-6, .column-xs > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-xs > .col-7, .row-xs > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xs > .offset-7, .row-xs > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-xs > .col-7, .column-xs > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xs > .col-8, .row-xs > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xs > .offset-8, .row-xs > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-xs > .col-8, .column-xs > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xs > .col-9, .row-xs > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-xs > .offset-9, .row-xs > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-xs > .col-9, .column-xs > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-xs > .col-10, .row-xs > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xs > .offset-10, .row-xs > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-xs > .col-10, .column-xs > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xs > .col-11, .row-xs > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xs > .offset-11, .row-xs > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-xs > .col-11, .column-xs > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xs > .col-12, .row-xs > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-xs > .offset-12, .row-xs > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-xs > .col-12, .column-xs > .col-xs-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 600px) {
  .flex-sm-block {
    display: block;
  }
  .flex-sm-inline {
    display: inline-block;
  }
  .q-pa-sm-none {
    padding: 0 0;
  }
  .q-pl-sm-none {
    padding-left: 0;
  }
  .q-pr-sm-none {
    padding-right: 0;
  }
  .q-pt-sm-none {
    padding-top: 0;
  }
  .q-pb-sm-none {
    padding-bottom: 0;
  }
  .q-px-sm-none {
    padding-left: 0;
    padding-right: 0;
  }
  .q-py-sm-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .q-ma-sm-none {
    margin: 0 0;
  }
  .q-ml-sm-none {
    margin-left: 0;
  }
  .q-mr-sm-none {
    margin-right: 0;
  }
  .q-mt-sm-none {
    margin-top: 0;
  }
  .q-mb-sm-none {
    margin-bottom: 0;
  }
  .q-mx-sm-none {
    margin-left: 0;
    margin-right: 0;
  }
  .q-my-sm-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .q-pa-sm-xs {
    padding: 4px 4px;
  }
  .q-pl-sm-xs {
    padding-left: 4px;
  }
  .q-pr-sm-xs {
    padding-right: 4px;
  }
  .q-pt-sm-xs {
    padding-top: 4px;
  }
  .q-pb-sm-xs {
    padding-bottom: 4px;
  }
  .q-px-sm-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .q-py-sm-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .q-ma-sm-xs {
    margin: 4px 4px;
  }
  .q-ml-sm-xs {
    margin-left: 4px;
  }
  .q-mr-sm-xs {
    margin-right: 4px;
  }
  .q-mt-sm-xs {
    margin-top: 4px;
  }
  .q-mb-sm-xs {
    margin-bottom: 4px;
  }
  .q-mx-sm-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .q-my-sm-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .q-pa-sm-sm {
    padding: 8px 8px;
  }
  .q-pl-sm-sm {
    padding-left: 8px;
  }
  .q-pr-sm-sm {
    padding-right: 8px;
  }
  .q-pt-sm-sm {
    padding-top: 8px;
  }
  .q-pb-sm-sm {
    padding-bottom: 8px;
  }
  .q-px-sm-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-py-sm-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .q-ma-sm-sm {
    margin: 8px 8px;
  }
  .q-ml-sm-sm {
    margin-left: 8px;
  }
  .q-mr-sm-sm {
    margin-right: 8px;
  }
  .q-mt-sm-sm {
    margin-top: 8px;
  }
  .q-mb-sm-sm {
    margin-bottom: 8px;
  }
  .q-mx-sm-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .q-my-sm-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .q-pa-sm-md {
    padding: 16px 16px;
  }
  .q-pl-sm-md {
    padding-left: 16px;
  }
  .q-pr-sm-md {
    padding-right: 16px;
  }
  .q-pt-sm-md {
    padding-top: 16px;
  }
  .q-pb-sm-md {
    padding-bottom: 16px;
  }
  .q-px-sm-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .q-py-sm-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .q-ma-sm-md {
    margin: 16px 16px;
  }
  .q-ml-sm-md {
    margin-left: 16px;
  }
  .q-mr-sm-md {
    margin-right: 16px;
  }
  .q-mt-sm-md {
    margin-top: 16px;
  }
  .q-mb-sm-md {
    margin-bottom: 16px;
  }
  .q-mx-sm-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .q-my-sm-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .q-pa-sm-lg {
    padding: 24px 24px;
  }
  .q-pl-sm-lg {
    padding-left: 24px;
  }
  .q-pr-sm-lg {
    padding-right: 24px;
  }
  .q-pt-sm-lg {
    padding-top: 24px;
  }
  .q-pb-sm-lg {
    padding-bottom: 24px;
  }
  .q-px-sm-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .q-py-sm-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .q-ma-sm-lg {
    margin: 24px 24px;
  }
  .q-ml-sm-lg {
    margin-left: 24px;
  }
  .q-mr-sm-lg {
    margin-right: 24px;
  }
  .q-mt-sm-lg {
    margin-top: 24px;
  }
  .q-mb-sm-lg {
    margin-bottom: 24px;
  }
  .q-mx-sm-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .q-my-sm-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .q-pa-sm-xl {
    padding: 32px 32px;
  }
  .q-pl-sm-xl {
    padding-left: 32px;
  }
  .q-pr-sm-xl {
    padding-right: 32px;
  }
  .q-pt-sm-xl {
    padding-top: 32px;
  }
  .q-pb-sm-xl {
    padding-bottom: 32px;
  }
  .q-px-sm-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .q-py-sm-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .q-ma-sm-xl {
    margin: 32px 32px;
  }
  .q-ml-sm-xl {
    margin-left: 32px;
  }
  .q-mr-sm-xl {
    margin-right: 32px;
  }
  .q-mt-sm-xl {
    margin-top: 32px;
  }
  .q-mb-sm-xl {
    margin-bottom: 32px;
  }
  .q-mx-sm-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
  .q-my-sm-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .q-pa-sm-xlh {
    padding: 40px 40px;
  }
  .q-pl-sm-xlh {
    padding-left: 40px;
  }
  .q-pr-sm-xlh {
    padding-right: 40px;
  }
  .q-pt-sm-xlh {
    padding-top: 40px;
  }
  .q-pb-sm-xlh {
    padding-bottom: 40px;
  }
  .q-px-sm-xlh {
    padding-left: 40px;
    padding-right: 40px;
  }
  .q-py-sm-xlh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .q-ma-sm-xlh {
    margin: 40px 40px;
  }
  .q-ml-sm-xlh {
    margin-left: 40px;
  }
  .q-mr-sm-xlh {
    margin-right: 40px;
  }
  .q-mt-sm-xlh {
    margin-top: 40px;
  }
  .q-mb-sm-xlh {
    margin-bottom: 40px;
  }
  .q-mx-sm-xlh {
    margin-left: 40px;
    margin-right: 40px;
  }
  .q-my-sm-xlh {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .q-pa-sm-xxl {
    padding: 48px 48px;
  }
  .q-pl-sm-xxl {
    padding-left: 48px;
  }
  .q-pr-sm-xxl {
    padding-right: 48px;
  }
  .q-pt-sm-xxl {
    padding-top: 48px;
  }
  .q-pb-sm-xxl {
    padding-bottom: 48px;
  }
  .q-px-sm-xxl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .q-py-sm-xxl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .q-ma-sm-xxl {
    margin: 48px 48px;
  }
  .q-ml-sm-xxl {
    margin-left: 48px;
  }
  .q-mr-sm-xxl {
    margin-right: 48px;
  }
  .q-mt-sm-xxl {
    margin-top: 48px;
  }
  .q-mb-sm-xxl {
    margin-bottom: 48px;
  }
  .q-mx-sm-xxl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .q-my-sm-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .q-pa-sm-xxlh {
    padding: 56px 56px;
  }
  .q-pl-sm-xxlh {
    padding-left: 56px;
  }
  .q-pr-sm-xxlh {
    padding-right: 56px;
  }
  .q-pt-sm-xxlh {
    padding-top: 56px;
  }
  .q-pb-sm-xxlh {
    padding-bottom: 56px;
  }
  .q-px-sm-xxlh {
    padding-left: 56px;
    padding-right: 56px;
  }
  .q-py-sm-xxlh {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .q-ma-sm-xxlh {
    margin: 56px 56px;
  }
  .q-ml-sm-xxlh {
    margin-left: 56px;
  }
  .q-mr-sm-xxlh {
    margin-right: 56px;
  }
  .q-mt-sm-xxlh {
    margin-top: 56px;
  }
  .q-mb-sm-xxlh {
    margin-bottom: 56px;
  }
  .q-mx-sm-xxlh {
    margin-left: 56px;
    margin-right: 56px;
  }
  .q-my-sm-xxlh {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .q-pa-sm-xxxl {
    padding: 64px 64px;
  }
  .q-pl-sm-xxxl {
    padding-left: 64px;
  }
  .q-pr-sm-xxxl {
    padding-right: 64px;
  }
  .q-pt-sm-xxxl {
    padding-top: 64px;
  }
  .q-pb-sm-xxxl {
    padding-bottom: 64px;
  }
  .q-px-sm-xxxl {
    padding-left: 64px;
    padding-right: 64px;
  }
  .q-py-sm-xxxl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .q-ma-sm-xxxl {
    margin: 64px 64px;
  }
  .q-ml-sm-xxxl {
    margin-left: 64px;
  }
  .q-mr-sm-xxxl {
    margin-right: 64px;
  }
  .q-mt-sm-xxxl {
    margin-top: 64px;
  }
  .q-mb-sm-xxxl {
    margin-bottom: 64px;
  }
  .q-mx-sm-xxxl {
    margin-left: 64px;
    margin-right: 64px;
  }
  .q-my-sm-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .q-pa-sm-xxxlh {
    padding: 72px 72px;
  }
  .q-pl-sm-xxxlh {
    padding-left: 72px;
  }
  .q-pr-sm-xxxlh {
    padding-right: 72px;
  }
  .q-pt-sm-xxxlh {
    padding-top: 72px;
  }
  .q-pb-sm-xxxlh {
    padding-bottom: 72px;
  }
  .q-px-sm-xxxlh {
    padding-left: 72px;
    padding-right: 72px;
  }
  .q-py-sm-xxxlh {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .q-ma-sm-xxxlh {
    margin: 72px 72px;
  }
  .q-ml-sm-xxxlh {
    margin-left: 72px;
  }
  .q-mr-sm-xxxlh {
    margin-right: 72px;
  }
  .q-mt-sm-xxxlh {
    margin-top: 72px;
  }
  .q-mb-sm-xxxlh {
    margin-bottom: 72px;
  }
  .q-mx-sm-xxxlh {
    margin-left: 72px;
    margin-right: 72px;
  }
  .q-my-sm-xxxlh {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .q-pa-sm-xxxxl {
    padding: 80px 80px;
  }
  .q-pl-sm-xxxxl {
    padding-left: 80px;
  }
  .q-pr-sm-xxxxl {
    padding-right: 80px;
  }
  .q-pt-sm-xxxxl {
    padding-top: 80px;
  }
  .q-pb-sm-xxxxl {
    padding-bottom: 80px;
  }
  .q-px-sm-xxxxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  .q-py-sm-xxxxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .q-ma-sm-xxxxl {
    margin: 80px 80px;
  }
  .q-ml-sm-xxxxl {
    margin-left: 80px;
  }
  .q-mr-sm-xxxxl {
    margin-right: 80px;
  }
  .q-mt-sm-xxxxl {
    margin-top: 80px;
  }
  .q-mb-sm-xxxxl {
    margin-bottom: 80px;
  }
  .q-mx-sm-xxxxl {
    margin-left: 80px;
    margin-right: 80px;
  }
  .q-my-sm-xxxxl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .q-pa-sm-xxxxxl {
    padding: 88px 88px;
  }
  .q-pl-sm-xxxxxl {
    padding-left: 88px;
  }
  .q-pr-sm-xxxxxl {
    padding-right: 88px;
  }
  .q-pt-sm-xxxxxl {
    padding-top: 88px;
  }
  .q-pb-sm-xxxxxl {
    padding-bottom: 88px;
  }
  .q-px-sm-xxxxxl {
    padding-left: 88px;
    padding-right: 88px;
  }
  .q-py-sm-xxxxxl {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .q-ma-sm-xxxxxl {
    margin: 88px 88px;
  }
  .q-ml-sm-xxxxxl {
    margin-left: 88px;
  }
  .q-mr-sm-xxxxxl {
    margin-right: 88px;
  }
  .q-mt-sm-xxxxxl {
    margin-top: 88px;
  }
  .q-mb-sm-xxxxxl {
    margin-bottom: 88px;
  }
  .q-mx-sm-xxxxxl {
    margin-left: 88px;
    margin-right: 88px;
  }
  .q-my-sm-xxxxxl {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .q-ml-sm-auto {
    margin-left: auto;
  }
  .q-mr-sm-auto {
    margin-right: auto;
  }
  .q-mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row.inline-sm, .column.inline-sm, .flex.inline-sm {
    display: inline-flex;
  }
  .row-sm, .column-sm, .flex-sm {
    display: flex;
    flex-wrap: wrap;
  }
  .row-sm.inline, .row-sm.inline-sm, .column-sm.inline, .column-sm.inline-sm, .flex-sm.inline, .flex-sm.inline-sm {
    display: inline-flex;
  }
  .row.reverse-sm {
    flex-direction: row-reverse;
  }
  .row-sm {
    flex-direction: row;
  }
  .row-sm.reverse, .row-sm.reverse-sm {
    flex-direction: row-reverse;
  }
  .column.reverse-sm {
    flex-direction: column-reverse;
  }
  .column-sm {
    flex-direction: column;
  }
  .column-sm.reverse, .column-sm.reverse-sm {
    flex-direction: column-reverse;
  }
  .wrap-sm {
    flex-wrap: wrap;
  }
  .no-wrap-sm {
    flex-wrap: nowrap;
  }
  .reverse-wrap-sm {
    flex-wrap: wrap-reverse;
  }
  .order-sm-first {
    order: -10000;
  }
  .order-sm-last {
    order: 10000;
  }
  .order-sm-none {
    order: 0;
  }
  .justify-sm-start {
    justify-content: flex-start;
  }
  .justify-sm-end {
    justify-content: flex-end;
  }
  .justify-sm-center, .flex-sm-center {
    justify-content: center;
  }
  .justify-sm-between {
    justify-content: space-between;
  }
  .justify-sm-around {
    justify-content: space-around;
  }
  .justify-sm-evenly {
    justify-content: space-evenly;
  }
  .items-sm-start {
    align-items: flex-start;
  }
  .items-sm-end {
    align-items: flex-end;
  }
  .items-sm-center, .flex-sm-center {
    align-items: center;
  }
  .items-sm-baseline {
    align-items: baseline;
  }
  .items-sm-stretch {
    align-items: stretch;
  }
  .content-sm-start {
    align-content: flex-start;
  }
  .content-sm-end {
    align-content: flex-end;
  }
  .content-sm-center {
    align-content: center;
  }
  .content-sm-between {
    align-content: space-between;
  }
  .content-sm-around {
    align-content: space-around;
  }
  .self-sm-start {
    align-self: flex-start;
  }
  .self-sm-end {
    align-self: flex-end;
  }
  .self-sm-center {
    align-self: center;
  }
  .self-sm-baseline {
    align-self: baseline;
  }
  .self-sm-stretch {
    align-self: stretch;
  }
  .q-gutter-sm-x-none {
    margin-left: 0;
  }
  .q-gutter-sm-x-none > * {
    margin-left: 0;
  }
  .q-gutter-sm-y-none {
    margin-top: 0;
  }
  .q-gutter-sm-y-none > * {
    margin-top: 0;
  }
  .q-gutter-sm-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-gutter-sm-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-sm-x-none {
    margin-left: 0;
  }
  .q-col-gutter-sm-x-none > * {
    padding-left: 0;
  }
  .q-col-gutter-sm-y-none {
    margin-top: 0;
  }
  .q-col-gutter-sm-y-none > * {
    padding-top: 0;
  }
  .q-col-gutter-sm-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-sm-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .q-gutter-sm-x-xs {
    margin-left: -4px;
  }
  .q-gutter-sm-x-xs > * {
    margin-left: 4px;
  }
  .q-gutter-sm-y-xs {
    margin-top: -4px;
  }
  .q-gutter-sm-y-xs > * {
    margin-top: 4px;
  }
  .q-gutter-sm-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-gutter-sm-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .q-col-gutter-sm-x-xs {
    margin-left: -4px;
  }
  .q-col-gutter-sm-x-xs > * {
    padding-left: 4px;
  }
  .q-col-gutter-sm-y-xs {
    margin-top: -4px;
  }
  .q-col-gutter-sm-y-xs > * {
    padding-top: 4px;
  }
  .q-col-gutter-sm-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-col-gutter-sm-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .q-gutter-sm-x-sm {
    margin-left: -8px;
  }
  .q-gutter-sm-x-sm > * {
    margin-left: 8px;
  }
  .q-gutter-sm-y-sm {
    margin-top: -8px;
  }
  .q-gutter-sm-y-sm > * {
    margin-top: 8px;
  }
  .q-gutter-sm-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-gutter-sm-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .q-col-gutter-sm-x-sm {
    margin-left: -8px;
  }
  .q-col-gutter-sm-x-sm > * {
    padding-left: 8px;
  }
  .q-col-gutter-sm-y-sm {
    margin-top: -8px;
  }
  .q-col-gutter-sm-y-sm > * {
    padding-top: 8px;
  }
  .q-col-gutter-sm-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-col-gutter-sm-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .q-gutter-sm-x-md {
    margin-left: -16px;
  }
  .q-gutter-sm-x-md > * {
    margin-left: 16px;
  }
  .q-gutter-sm-y-md {
    margin-top: -16px;
  }
  .q-gutter-sm-y-md > * {
    margin-top: 16px;
  }
  .q-gutter-sm-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-gutter-sm-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .q-col-gutter-sm-x-md {
    margin-left: -16px;
  }
  .q-col-gutter-sm-x-md > * {
    padding-left: 16px;
  }
  .q-col-gutter-sm-y-md {
    margin-top: -16px;
  }
  .q-col-gutter-sm-y-md > * {
    padding-top: 16px;
  }
  .q-col-gutter-sm-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-col-gutter-sm-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .q-gutter-sm-x-lg {
    margin-left: -24px;
  }
  .q-gutter-sm-x-lg > * {
    margin-left: 24px;
  }
  .q-gutter-sm-y-lg {
    margin-top: -24px;
  }
  .q-gutter-sm-y-lg > * {
    margin-top: 24px;
  }
  .q-gutter-sm-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-gutter-sm-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .q-col-gutter-sm-x-lg {
    margin-left: -24px;
  }
  .q-col-gutter-sm-x-lg > * {
    padding-left: 24px;
  }
  .q-col-gutter-sm-y-lg {
    margin-top: -24px;
  }
  .q-col-gutter-sm-y-lg > * {
    padding-top: 24px;
  }
  .q-col-gutter-sm-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-col-gutter-sm-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .q-gutter-sm-x-xl {
    margin-left: -48px;
  }
  .q-gutter-sm-x-xl > * {
    margin-left: 48px;
  }
  .q-gutter-sm-y-xl {
    margin-top: -48px;
  }
  .q-gutter-sm-y-xl > * {
    margin-top: 48px;
  }
  .q-gutter-sm-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-sm-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-sm-x-xl {
    margin-left: -48px;
  }
  .q-col-gutter-sm-x-xl > * {
    padding-left: 48px;
  }
  .q-col-gutter-sm-y-xl {
    margin-top: -48px;
  }
  .q-col-gutter-sm-y-xl > * {
    padding-top: 48px;
  }
  .q-col-gutter-sm-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-sm-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-sm-x-xlh {
    margin-left: -56px;
  }
  .q-gutter-sm-x-xlh > * {
    margin-left: 56px;
  }
  .q-gutter-sm-y-xlh {
    margin-top: -56px;
  }
  .q-gutter-sm-y-xlh > * {
    margin-top: 56px;
  }
  .q-gutter-sm-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-gutter-sm-xlh > * {
    margin-left: 56px;
    margin-top: 56px;
  }
  .q-col-gutter-sm-x-xlh {
    margin-left: -56px;
  }
  .q-col-gutter-sm-x-xlh > * {
    padding-left: 56px;
  }
  .q-col-gutter-sm-y-xlh {
    margin-top: -56px;
  }
  .q-col-gutter-sm-y-xlh > * {
    padding-top: 56px;
  }
  .q-col-gutter-sm-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-col-gutter-sm-xlh > * {
    padding-left: 56px;
    padding-top: 56px;
  }
  .q-gutter-sm-x-xxl {
    margin-left: -48px;
  }
  .q-gutter-sm-x-xxl > * {
    margin-left: 48px;
  }
  .q-gutter-sm-y-xxl {
    margin-top: -48px;
  }
  .q-gutter-sm-y-xxl > * {
    margin-top: 48px;
  }
  .q-gutter-sm-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-sm-xxl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-sm-x-xxl {
    margin-left: -48px;
  }
  .q-col-gutter-sm-x-xxl > * {
    padding-left: 48px;
  }
  .q-col-gutter-sm-y-xxl {
    margin-top: -48px;
  }
  .q-col-gutter-sm-y-xxl > * {
    padding-top: 48px;
  }
  .q-col-gutter-sm-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-sm-xxl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-sm-x-xxxl {
    margin-left: -64px;
  }
  .q-gutter-sm-x-xxxl > * {
    margin-left: 64px;
  }
  .q-gutter-sm-y-xxxl {
    margin-top: -64px;
  }
  .q-gutter-sm-y-xxxl > * {
    margin-top: 64px;
  }
  .q-gutter-sm-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-gutter-sm-xxxl > * {
    margin-left: 64px;
    margin-top: 64px;
  }
  .q-col-gutter-sm-x-xxxl {
    margin-left: -64px;
  }
  .q-col-gutter-sm-x-xxxl > * {
    padding-left: 64px;
  }
  .q-col-gutter-sm-y-xxxl {
    margin-top: -64px;
  }
  .q-col-gutter-sm-y-xxxl > * {
    padding-top: 64px;
  }
  .q-col-gutter-sm-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-col-gutter-sm-xxxl > * {
    padding-left: 64px;
    padding-top: 64px;
  }
  .q-gutter-sm-x-xxxxl {
    margin-left: -80px;
  }
  .q-gutter-sm-x-xxxxl > * {
    margin-left: 80px;
  }
  .q-gutter-sm-y-xxxxl {
    margin-top: -80px;
  }
  .q-gutter-sm-y-xxxxl > * {
    margin-top: 80px;
  }
  .q-gutter-sm-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-gutter-sm-xxxxl > * {
    margin-left: 80px;
    margin-top: 80px;
  }
  .q-col-gutter-sm-x-xxxxl {
    margin-left: -80px;
  }
  .q-col-gutter-sm-x-xxxxl > * {
    padding-left: 80px;
  }
  .q-col-gutter-sm-y-xxxxl {
    margin-top: -80px;
  }
  .q-col-gutter-sm-y-xxxxl > * {
    padding-top: 80px;
  }
  .q-col-gutter-sm-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-col-gutter-sm-xxxxl > * {
    padding-left: 80px;
    padding-top: 80px;
  }
  .q-gutter-sm-x-xxxxxl {
    margin-left: -88px;
  }
  .q-gutter-sm-x-xxxxxl > * {
    margin-left: 88px;
  }
  .q-gutter-sm-y-xxxxxl {
    margin-top: -88px;
  }
  .q-gutter-sm-y-xxxxxl > * {
    margin-top: 88px;
  }
  .q-gutter-sm-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-gutter-sm-xxxxxl > * {
    margin-left: 88px;
    margin-top: 88px;
  }
  .q-col-gutter-sm-x-xxxxxl {
    margin-left: -88px;
  }
  .q-col-gutter-sm-x-xxxxxl > * {
    padding-left: 88px;
  }
  .q-col-gutter-sm-y-xxxxxl {
    margin-top: -88px;
  }
  .q-col-gutter-sm-y-xxxxxl > * {
    padding-top: 88px;
  }
  .q-col-gutter-sm-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-col-gutter-sm-xxxxxl > * {
    padding-left: 88px;
    padding-top: 88px;
  }
  .row-sm > .col-0, .row-sm > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-sm > .offset-0, .row-sm > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-sm > .col-0, .column-sm > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-sm > .col-1, .row-sm > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-sm > .offset-1, .row-sm > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-sm > .col-1, .column-sm > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-sm > .col-2, .row-sm > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-sm > .offset-2, .row-sm > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-sm > .col-2, .column-sm > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-sm > .col-3, .row-sm > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-sm > .offset-3, .row-sm > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-sm > .col-3, .column-sm > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-sm > .col-4, .row-sm > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-sm > .offset-4, .row-sm > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-sm > .col-4, .column-sm > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-sm > .col-5, .row-sm > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-sm > .offset-5, .row-sm > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-sm > .col-5, .column-sm > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-sm > .col-6, .row-sm > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-sm > .offset-6, .row-sm > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-sm > .col-6, .column-sm > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-sm > .col-7, .row-sm > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-sm > .offset-7, .row-sm > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-sm > .col-7, .column-sm > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-sm > .col-8, .row-sm > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-sm > .offset-8, .row-sm > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-sm > .col-8, .column-sm > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-sm > .col-9, .row-sm > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-sm > .offset-9, .row-sm > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-sm > .col-9, .column-sm > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-sm > .col-10, .row-sm > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-sm > .offset-10, .row-sm > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-sm > .col-10, .column-sm > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-sm > .col-11, .row-sm > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-sm > .offset-11, .row-sm > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-sm > .col-11, .column-sm > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-sm > .col-12, .row-sm > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-sm > .offset-12, .row-sm > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-sm > .col-12, .column-sm > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-sm > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  .row-sm > .offset-sm-0 {
    margin-left: 0%;
  }
  .column-sm > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-sm > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-sm > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column-sm > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-sm > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-sm > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column-sm > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-sm > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  .row-sm > .offset-sm-3 {
    margin-left: 25%;
  }
  .column-sm > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-sm > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-sm > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column-sm > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-sm > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-sm > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column-sm > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-sm > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  .row-sm > .offset-sm-6 {
    margin-left: 50%;
  }
  .column-sm > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-sm > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-sm > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column-sm > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-sm > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-sm > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column-sm > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-sm > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  .row-sm > .offset-sm-9 {
    margin-left: 75%;
  }
  .column-sm > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-sm > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-sm > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column-sm > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-sm > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-sm > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column-sm > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-sm > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  .row-sm > .offset-sm-12 {
    margin-left: 100%;
  }
  .column-sm > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .flex-md-block {
    display: block;
  }
  .flex-md-inline {
    display: inline-block;
  }
  .q-pa-md-none {
    padding: 0 0;
  }
  .q-pl-md-none {
    padding-left: 0;
  }
  .q-pr-md-none {
    padding-right: 0;
  }
  .q-pt-md-none {
    padding-top: 0;
  }
  .q-pb-md-none {
    padding-bottom: 0;
  }
  .q-px-md-none {
    padding-left: 0;
    padding-right: 0;
  }
  .q-py-md-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .q-ma-md-none {
    margin: 0 0;
  }
  .q-ml-md-none {
    margin-left: 0;
  }
  .q-mr-md-none {
    margin-right: 0;
  }
  .q-mt-md-none {
    margin-top: 0;
  }
  .q-mb-md-none {
    margin-bottom: 0;
  }
  .q-mx-md-none {
    margin-left: 0;
    margin-right: 0;
  }
  .q-my-md-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .q-pa-md-xs {
    padding: 4px 4px;
  }
  .q-pl-md-xs {
    padding-left: 4px;
  }
  .q-pr-md-xs {
    padding-right: 4px;
  }
  .q-pt-md-xs {
    padding-top: 4px;
  }
  .q-pb-md-xs {
    padding-bottom: 4px;
  }
  .q-px-md-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .q-py-md-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .q-ma-md-xs {
    margin: 4px 4px;
  }
  .q-ml-md-xs {
    margin-left: 4px;
  }
  .q-mr-md-xs {
    margin-right: 4px;
  }
  .q-mt-md-xs {
    margin-top: 4px;
  }
  .q-mb-md-xs {
    margin-bottom: 4px;
  }
  .q-mx-md-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .q-my-md-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .q-pa-md-sm {
    padding: 8px 8px;
  }
  .q-pl-md-sm {
    padding-left: 8px;
  }
  .q-pr-md-sm {
    padding-right: 8px;
  }
  .q-pt-md-sm {
    padding-top: 8px;
  }
  .q-pb-md-sm {
    padding-bottom: 8px;
  }
  .q-px-md-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-py-md-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .q-ma-md-sm {
    margin: 8px 8px;
  }
  .q-ml-md-sm {
    margin-left: 8px;
  }
  .q-mr-md-sm {
    margin-right: 8px;
  }
  .q-mt-md-sm {
    margin-top: 8px;
  }
  .q-mb-md-sm {
    margin-bottom: 8px;
  }
  .q-mx-md-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .q-my-md-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .q-pa-md-md {
    padding: 16px 16px;
  }
  .q-pl-md-md {
    padding-left: 16px;
  }
  .q-pr-md-md {
    padding-right: 16px;
  }
  .q-pt-md-md {
    padding-top: 16px;
  }
  .q-pb-md-md {
    padding-bottom: 16px;
  }
  .q-px-md-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .q-py-md-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .q-ma-md-md {
    margin: 16px 16px;
  }
  .q-ml-md-md {
    margin-left: 16px;
  }
  .q-mr-md-md {
    margin-right: 16px;
  }
  .q-mt-md-md {
    margin-top: 16px;
  }
  .q-mb-md-md {
    margin-bottom: 16px;
  }
  .q-mx-md-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .q-my-md-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .q-pa-md-lg {
    padding: 24px 24px;
  }
  .q-pl-md-lg {
    padding-left: 24px;
  }
  .q-pr-md-lg {
    padding-right: 24px;
  }
  .q-pt-md-lg {
    padding-top: 24px;
  }
  .q-pb-md-lg {
    padding-bottom: 24px;
  }
  .q-px-md-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .q-py-md-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .q-ma-md-lg {
    margin: 24px 24px;
  }
  .q-ml-md-lg {
    margin-left: 24px;
  }
  .q-mr-md-lg {
    margin-right: 24px;
  }
  .q-mt-md-lg {
    margin-top: 24px;
  }
  .q-mb-md-lg {
    margin-bottom: 24px;
  }
  .q-mx-md-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .q-my-md-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .q-pa-md-xl {
    padding: 32px 32px;
  }
  .q-pl-md-xl {
    padding-left: 32px;
  }
  .q-pr-md-xl {
    padding-right: 32px;
  }
  .q-pt-md-xl {
    padding-top: 32px;
  }
  .q-pb-md-xl {
    padding-bottom: 32px;
  }
  .q-px-md-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .q-py-md-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .q-ma-md-xl {
    margin: 32px 32px;
  }
  .q-ml-md-xl {
    margin-left: 32px;
  }
  .q-mr-md-xl {
    margin-right: 32px;
  }
  .q-mt-md-xl {
    margin-top: 32px;
  }
  .q-mb-md-xl {
    margin-bottom: 32px;
  }
  .q-mx-md-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
  .q-my-md-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .q-pa-md-xlh {
    padding: 40px 40px;
  }
  .q-pl-md-xlh {
    padding-left: 40px;
  }
  .q-pr-md-xlh {
    padding-right: 40px;
  }
  .q-pt-md-xlh {
    padding-top: 40px;
  }
  .q-pb-md-xlh {
    padding-bottom: 40px;
  }
  .q-px-md-xlh {
    padding-left: 40px;
    padding-right: 40px;
  }
  .q-py-md-xlh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .q-ma-md-xlh {
    margin: 40px 40px;
  }
  .q-ml-md-xlh {
    margin-left: 40px;
  }
  .q-mr-md-xlh {
    margin-right: 40px;
  }
  .q-mt-md-xlh {
    margin-top: 40px;
  }
  .q-mb-md-xlh {
    margin-bottom: 40px;
  }
  .q-mx-md-xlh {
    margin-left: 40px;
    margin-right: 40px;
  }
  .q-my-md-xlh {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .q-pa-md-xxl {
    padding: 48px 48px;
  }
  .q-pl-md-xxl {
    padding-left: 48px;
  }
  .q-pr-md-xxl {
    padding-right: 48px;
  }
  .q-pt-md-xxl {
    padding-top: 48px;
  }
  .q-pb-md-xxl {
    padding-bottom: 48px;
  }
  .q-px-md-xxl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .q-py-md-xxl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .q-ma-md-xxl {
    margin: 48px 48px;
  }
  .q-ml-md-xxl {
    margin-left: 48px;
  }
  .q-mr-md-xxl {
    margin-right: 48px;
  }
  .q-mt-md-xxl {
    margin-top: 48px;
  }
  .q-mb-md-xxl {
    margin-bottom: 48px;
  }
  .q-mx-md-xxl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .q-my-md-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .q-pa-md-xxlh {
    padding: 56px 56px;
  }
  .q-pl-md-xxlh {
    padding-left: 56px;
  }
  .q-pr-md-xxlh {
    padding-right: 56px;
  }
  .q-pt-md-xxlh {
    padding-top: 56px;
  }
  .q-pb-md-xxlh {
    padding-bottom: 56px;
  }
  .q-px-md-xxlh {
    padding-left: 56px;
    padding-right: 56px;
  }
  .q-py-md-xxlh {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .q-ma-md-xxlh {
    margin: 56px 56px;
  }
  .q-ml-md-xxlh {
    margin-left: 56px;
  }
  .q-mr-md-xxlh {
    margin-right: 56px;
  }
  .q-mt-md-xxlh {
    margin-top: 56px;
  }
  .q-mb-md-xxlh {
    margin-bottom: 56px;
  }
  .q-mx-md-xxlh {
    margin-left: 56px;
    margin-right: 56px;
  }
  .q-my-md-xxlh {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .q-pa-md-xxxl {
    padding: 64px 64px;
  }
  .q-pl-md-xxxl {
    padding-left: 64px;
  }
  .q-pr-md-xxxl {
    padding-right: 64px;
  }
  .q-pt-md-xxxl {
    padding-top: 64px;
  }
  .q-pb-md-xxxl {
    padding-bottom: 64px;
  }
  .q-px-md-xxxl {
    padding-left: 64px;
    padding-right: 64px;
  }
  .q-py-md-xxxl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .q-ma-md-xxxl {
    margin: 64px 64px;
  }
  .q-ml-md-xxxl {
    margin-left: 64px;
  }
  .q-mr-md-xxxl {
    margin-right: 64px;
  }
  .q-mt-md-xxxl {
    margin-top: 64px;
  }
  .q-mb-md-xxxl {
    margin-bottom: 64px;
  }
  .q-mx-md-xxxl {
    margin-left: 64px;
    margin-right: 64px;
  }
  .q-my-md-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .q-pa-md-xxxlh {
    padding: 72px 72px;
  }
  .q-pl-md-xxxlh {
    padding-left: 72px;
  }
  .q-pr-md-xxxlh {
    padding-right: 72px;
  }
  .q-pt-md-xxxlh {
    padding-top: 72px;
  }
  .q-pb-md-xxxlh {
    padding-bottom: 72px;
  }
  .q-px-md-xxxlh {
    padding-left: 72px;
    padding-right: 72px;
  }
  .q-py-md-xxxlh {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .q-ma-md-xxxlh {
    margin: 72px 72px;
  }
  .q-ml-md-xxxlh {
    margin-left: 72px;
  }
  .q-mr-md-xxxlh {
    margin-right: 72px;
  }
  .q-mt-md-xxxlh {
    margin-top: 72px;
  }
  .q-mb-md-xxxlh {
    margin-bottom: 72px;
  }
  .q-mx-md-xxxlh {
    margin-left: 72px;
    margin-right: 72px;
  }
  .q-my-md-xxxlh {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .q-pa-md-xxxxl {
    padding: 80px 80px;
  }
  .q-pl-md-xxxxl {
    padding-left: 80px;
  }
  .q-pr-md-xxxxl {
    padding-right: 80px;
  }
  .q-pt-md-xxxxl {
    padding-top: 80px;
  }
  .q-pb-md-xxxxl {
    padding-bottom: 80px;
  }
  .q-px-md-xxxxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  .q-py-md-xxxxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .q-ma-md-xxxxl {
    margin: 80px 80px;
  }
  .q-ml-md-xxxxl {
    margin-left: 80px;
  }
  .q-mr-md-xxxxl {
    margin-right: 80px;
  }
  .q-mt-md-xxxxl {
    margin-top: 80px;
  }
  .q-mb-md-xxxxl {
    margin-bottom: 80px;
  }
  .q-mx-md-xxxxl {
    margin-left: 80px;
    margin-right: 80px;
  }
  .q-my-md-xxxxl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .q-pa-md-xxxxxl {
    padding: 88px 88px;
  }
  .q-pl-md-xxxxxl {
    padding-left: 88px;
  }
  .q-pr-md-xxxxxl {
    padding-right: 88px;
  }
  .q-pt-md-xxxxxl {
    padding-top: 88px;
  }
  .q-pb-md-xxxxxl {
    padding-bottom: 88px;
  }
  .q-px-md-xxxxxl {
    padding-left: 88px;
    padding-right: 88px;
  }
  .q-py-md-xxxxxl {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .q-ma-md-xxxxxl {
    margin: 88px 88px;
  }
  .q-ml-md-xxxxxl {
    margin-left: 88px;
  }
  .q-mr-md-xxxxxl {
    margin-right: 88px;
  }
  .q-mt-md-xxxxxl {
    margin-top: 88px;
  }
  .q-mb-md-xxxxxl {
    margin-bottom: 88px;
  }
  .q-mx-md-xxxxxl {
    margin-left: 88px;
    margin-right: 88px;
  }
  .q-my-md-xxxxxl {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .q-ml-md-auto {
    margin-left: auto;
  }
  .q-mr-md-auto {
    margin-right: auto;
  }
  .q-mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row.inline-md, .column.inline-md, .flex.inline-md {
    display: inline-flex;
  }
  .row-md, .column-md, .flex-md {
    display: flex;
    flex-wrap: wrap;
  }
  .row-md.inline, .row-md.inline-md, .column-md.inline, .column-md.inline-md, .flex-md.inline, .flex-md.inline-md {
    display: inline-flex;
  }
  .row.reverse-md {
    flex-direction: row-reverse;
  }
  .row-md {
    flex-direction: row;
  }
  .row-md.reverse, .row-md.reverse-md {
    flex-direction: row-reverse;
  }
  .column.reverse-md {
    flex-direction: column-reverse;
  }
  .column-md {
    flex-direction: column;
  }
  .column-md.reverse, .column-md.reverse-md {
    flex-direction: column-reverse;
  }
  .wrap-md {
    flex-wrap: wrap;
  }
  .no-wrap-md {
    flex-wrap: nowrap;
  }
  .reverse-wrap-md {
    flex-wrap: wrap-reverse;
  }
  .order-md-first {
    order: -10000;
  }
  .order-md-last {
    order: 10000;
  }
  .order-md-none {
    order: 0;
  }
  .justify-md-start {
    justify-content: flex-start;
  }
  .justify-md-end {
    justify-content: flex-end;
  }
  .justify-md-center, .flex-md-center {
    justify-content: center;
  }
  .justify-md-between {
    justify-content: space-between;
  }
  .justify-md-around {
    justify-content: space-around;
  }
  .justify-md-evenly {
    justify-content: space-evenly;
  }
  .items-md-start {
    align-items: flex-start;
  }
  .items-md-end {
    align-items: flex-end;
  }
  .items-md-center, .flex-md-center {
    align-items: center;
  }
  .items-md-baseline {
    align-items: baseline;
  }
  .items-md-stretch {
    align-items: stretch;
  }
  .content-md-start {
    align-content: flex-start;
  }
  .content-md-end {
    align-content: flex-end;
  }
  .content-md-center {
    align-content: center;
  }
  .content-md-between {
    align-content: space-between;
  }
  .content-md-around {
    align-content: space-around;
  }
  .self-md-start {
    align-self: flex-start;
  }
  .self-md-end {
    align-self: flex-end;
  }
  .self-md-center {
    align-self: center;
  }
  .self-md-baseline {
    align-self: baseline;
  }
  .self-md-stretch {
    align-self: stretch;
  }
  .q-gutter-md-x-none {
    margin-left: 0;
  }
  .q-gutter-md-x-none > * {
    margin-left: 0;
  }
  .q-gutter-md-y-none {
    margin-top: 0;
  }
  .q-gutter-md-y-none > * {
    margin-top: 0;
  }
  .q-gutter-md-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-gutter-md-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-md-x-none {
    margin-left: 0;
  }
  .q-col-gutter-md-x-none > * {
    padding-left: 0;
  }
  .q-col-gutter-md-y-none {
    margin-top: 0;
  }
  .q-col-gutter-md-y-none > * {
    padding-top: 0;
  }
  .q-col-gutter-md-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-md-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .q-gutter-md-x-xs {
    margin-left: -4px;
  }
  .q-gutter-md-x-xs > * {
    margin-left: 4px;
  }
  .q-gutter-md-y-xs {
    margin-top: -4px;
  }
  .q-gutter-md-y-xs > * {
    margin-top: 4px;
  }
  .q-gutter-md-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-gutter-md-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .q-col-gutter-md-x-xs {
    margin-left: -4px;
  }
  .q-col-gutter-md-x-xs > * {
    padding-left: 4px;
  }
  .q-col-gutter-md-y-xs {
    margin-top: -4px;
  }
  .q-col-gutter-md-y-xs > * {
    padding-top: 4px;
  }
  .q-col-gutter-md-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-col-gutter-md-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .q-gutter-md-x-sm {
    margin-left: -8px;
  }
  .q-gutter-md-x-sm > * {
    margin-left: 8px;
  }
  .q-gutter-md-y-sm {
    margin-top: -8px;
  }
  .q-gutter-md-y-sm > * {
    margin-top: 8px;
  }
  .q-gutter-md-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-gutter-md-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .q-col-gutter-md-x-sm {
    margin-left: -8px;
  }
  .q-col-gutter-md-x-sm > * {
    padding-left: 8px;
  }
  .q-col-gutter-md-y-sm {
    margin-top: -8px;
  }
  .q-col-gutter-md-y-sm > * {
    padding-top: 8px;
  }
  .q-col-gutter-md-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-col-gutter-md-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .q-gutter-md-x-md {
    margin-left: -16px;
  }
  .q-gutter-md-x-md > * {
    margin-left: 16px;
  }
  .q-gutter-md-y-md {
    margin-top: -16px;
  }
  .q-gutter-md-y-md > * {
    margin-top: 16px;
  }
  .q-gutter-md-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-gutter-md-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .q-col-gutter-md-x-md {
    margin-left: -16px;
  }
  .q-col-gutter-md-x-md > * {
    padding-left: 16px;
  }
  .q-col-gutter-md-y-md {
    margin-top: -16px;
  }
  .q-col-gutter-md-y-md > * {
    padding-top: 16px;
  }
  .q-col-gutter-md-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-col-gutter-md-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .q-gutter-md-x-lg {
    margin-left: -24px;
  }
  .q-gutter-md-x-lg > * {
    margin-left: 24px;
  }
  .q-gutter-md-y-lg {
    margin-top: -24px;
  }
  .q-gutter-md-y-lg > * {
    margin-top: 24px;
  }
  .q-gutter-md-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-gutter-md-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .q-col-gutter-md-x-lg {
    margin-left: -24px;
  }
  .q-col-gutter-md-x-lg > * {
    padding-left: 24px;
  }
  .q-col-gutter-md-y-lg {
    margin-top: -24px;
  }
  .q-col-gutter-md-y-lg > * {
    padding-top: 24px;
  }
  .q-col-gutter-md-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-col-gutter-md-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .q-gutter-md-x-xl {
    margin-left: -48px;
  }
  .q-gutter-md-x-xl > * {
    margin-left: 48px;
  }
  .q-gutter-md-y-xl {
    margin-top: -48px;
  }
  .q-gutter-md-y-xl > * {
    margin-top: 48px;
  }
  .q-gutter-md-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-md-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-md-x-xl {
    margin-left: -48px;
  }
  .q-col-gutter-md-x-xl > * {
    padding-left: 48px;
  }
  .q-col-gutter-md-y-xl {
    margin-top: -48px;
  }
  .q-col-gutter-md-y-xl > * {
    padding-top: 48px;
  }
  .q-col-gutter-md-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-md-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-md-x-xlh {
    margin-left: -56px;
  }
  .q-gutter-md-x-xlh > * {
    margin-left: 56px;
  }
  .q-gutter-md-y-xlh {
    margin-top: -56px;
  }
  .q-gutter-md-y-xlh > * {
    margin-top: 56px;
  }
  .q-gutter-md-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-gutter-md-xlh > * {
    margin-left: 56px;
    margin-top: 56px;
  }
  .q-col-gutter-md-x-xlh {
    margin-left: -56px;
  }
  .q-col-gutter-md-x-xlh > * {
    padding-left: 56px;
  }
  .q-col-gutter-md-y-xlh {
    margin-top: -56px;
  }
  .q-col-gutter-md-y-xlh > * {
    padding-top: 56px;
  }
  .q-col-gutter-md-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-col-gutter-md-xlh > * {
    padding-left: 56px;
    padding-top: 56px;
  }
  .q-gutter-md-x-xxl {
    margin-left: -48px;
  }
  .q-gutter-md-x-xxl > * {
    margin-left: 48px;
  }
  .q-gutter-md-y-xxl {
    margin-top: -48px;
  }
  .q-gutter-md-y-xxl > * {
    margin-top: 48px;
  }
  .q-gutter-md-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-md-xxl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-md-x-xxl {
    margin-left: -48px;
  }
  .q-col-gutter-md-x-xxl > * {
    padding-left: 48px;
  }
  .q-col-gutter-md-y-xxl {
    margin-top: -48px;
  }
  .q-col-gutter-md-y-xxl > * {
    padding-top: 48px;
  }
  .q-col-gutter-md-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-md-xxl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-md-x-xxxl {
    margin-left: -64px;
  }
  .q-gutter-md-x-xxxl > * {
    margin-left: 64px;
  }
  .q-gutter-md-y-xxxl {
    margin-top: -64px;
  }
  .q-gutter-md-y-xxxl > * {
    margin-top: 64px;
  }
  .q-gutter-md-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-gutter-md-xxxl > * {
    margin-left: 64px;
    margin-top: 64px;
  }
  .q-col-gutter-md-x-xxxl {
    margin-left: -64px;
  }
  .q-col-gutter-md-x-xxxl > * {
    padding-left: 64px;
  }
  .q-col-gutter-md-y-xxxl {
    margin-top: -64px;
  }
  .q-col-gutter-md-y-xxxl > * {
    padding-top: 64px;
  }
  .q-col-gutter-md-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-col-gutter-md-xxxl > * {
    padding-left: 64px;
    padding-top: 64px;
  }
  .q-gutter-md-x-xxxxl {
    margin-left: -80px;
  }
  .q-gutter-md-x-xxxxl > * {
    margin-left: 80px;
  }
  .q-gutter-md-y-xxxxl {
    margin-top: -80px;
  }
  .q-gutter-md-y-xxxxl > * {
    margin-top: 80px;
  }
  .q-gutter-md-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-gutter-md-xxxxl > * {
    margin-left: 80px;
    margin-top: 80px;
  }
  .q-col-gutter-md-x-xxxxl {
    margin-left: -80px;
  }
  .q-col-gutter-md-x-xxxxl > * {
    padding-left: 80px;
  }
  .q-col-gutter-md-y-xxxxl {
    margin-top: -80px;
  }
  .q-col-gutter-md-y-xxxxl > * {
    padding-top: 80px;
  }
  .q-col-gutter-md-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-col-gutter-md-xxxxl > * {
    padding-left: 80px;
    padding-top: 80px;
  }
  .q-gutter-md-x-xxxxxl {
    margin-left: -88px;
  }
  .q-gutter-md-x-xxxxxl > * {
    margin-left: 88px;
  }
  .q-gutter-md-y-xxxxxl {
    margin-top: -88px;
  }
  .q-gutter-md-y-xxxxxl > * {
    margin-top: 88px;
  }
  .q-gutter-md-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-gutter-md-xxxxxl > * {
    margin-left: 88px;
    margin-top: 88px;
  }
  .q-col-gutter-md-x-xxxxxl {
    margin-left: -88px;
  }
  .q-col-gutter-md-x-xxxxxl > * {
    padding-left: 88px;
  }
  .q-col-gutter-md-y-xxxxxl {
    margin-top: -88px;
  }
  .q-col-gutter-md-y-xxxxxl > * {
    padding-top: 88px;
  }
  .q-col-gutter-md-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-col-gutter-md-xxxxxl > * {
    padding-left: 88px;
    padding-top: 88px;
  }
  .row-md > .col-0, .row-md > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-md > .offset-0, .row-md > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-md > .col-0, .column-md > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-1, .row-md > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-md > .offset-1, .row-md > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-md > .col-1, .column-md > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-2, .row-md > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-md > .offset-2, .row-md > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-md > .col-2, .column-md > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-3, .row-md > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-md > .offset-3, .row-md > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-md > .col-3, .column-md > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-4, .row-md > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-md > .offset-4, .row-md > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-md > .col-4, .column-md > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-5, .row-md > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-md > .offset-5, .row-md > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-md > .col-5, .column-md > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-6, .row-md > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-md > .offset-6, .row-md > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-md > .col-6, .column-md > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-7, .row-md > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-md > .offset-7, .row-md > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-md > .col-7, .column-md > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-8, .row-md > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-md > .offset-8, .row-md > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-md > .col-8, .column-md > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-9, .row-md > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-md > .offset-9, .row-md > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-md > .col-9, .column-md > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-10, .row-md > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-md > .offset-10, .row-md > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-md > .col-10, .column-md > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-11, .row-md > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-md > .offset-11, .row-md > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-md > .col-11, .column-md > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-12, .row-md > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-md > .offset-12, .row-md > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-md > .col-12, .column-md > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-md > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  .row-md > .offset-sm-0 {
    margin-left: 0%;
  }
  .column-md > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-md > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column-md > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-md > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column-md > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  .row-md > .offset-sm-3 {
    margin-left: 25%;
  }
  .column-md > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-md > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column-md > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-md > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column-md > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  .row-md > .offset-sm-6 {
    margin-left: 50%;
  }
  .column-md > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-md > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column-md > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-md > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column-md > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  .row-md > .offset-sm-9 {
    margin-left: 75%;
  }
  .column-md > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-md > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column-md > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-md > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column-md > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  .row-md > .offset-sm-12 {
    margin-left: 100%;
  }
  .column-md > .col-sm-12 {
    height: 100%;
    width: auto;
  }
  .row-md > .col-md-0 {
    height: auto;
    width: 0%;
  }
  .row-md > .offset-md-0 {
    margin-left: 0%;
  }
  .column-md > .col-md-0 {
    height: 0%;
    width: auto;
  }
  .row-md > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-md > .offset-md-1 {
    margin-left: 8.3333%;
  }
  .column-md > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-md > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-md > .offset-md-2 {
    margin-left: 16.6667%;
  }
  .column-md > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-md > .col-md-3 {
    height: auto;
    width: 25%;
  }
  .row-md > .offset-md-3 {
    margin-left: 25%;
  }
  .column-md > .col-md-3 {
    height: 25%;
    width: auto;
  }
  .row-md > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-md > .offset-md-4 {
    margin-left: 33.3333%;
  }
  .column-md > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-md > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-md > .offset-md-5 {
    margin-left: 41.6667%;
  }
  .column-md > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-md > .col-md-6 {
    height: auto;
    width: 50%;
  }
  .row-md > .offset-md-6 {
    margin-left: 50%;
  }
  .column-md > .col-md-6 {
    height: 50%;
    width: auto;
  }
  .row-md > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-md > .offset-md-7 {
    margin-left: 58.3333%;
  }
  .column-md > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-md > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-md > .offset-md-8 {
    margin-left: 66.6667%;
  }
  .column-md > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-md > .col-md-9 {
    height: auto;
    width: 75%;
  }
  .row-md > .offset-md-9 {
    margin-left: 75%;
  }
  .column-md > .col-md-9 {
    height: 75%;
    width: auto;
  }
  .row-md > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-md > .offset-md-10 {
    margin-left: 83.3333%;
  }
  .column-md > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-md > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-md > .offset-md-11 {
    margin-left: 91.6667%;
  }
  .column-md > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-md > .col-md-12 {
    height: auto;
    width: 100%;
  }
  .row-md > .offset-md-12 {
    margin-left: 100%;
  }
  .column-md > .col-md-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1450px) {
  .flex-lg-block {
    display: block;
  }
  .flex-lg-inline {
    display: inline-block;
  }
  .q-pa-lg-none {
    padding: 0 0;
  }
  .q-pl-lg-none {
    padding-left: 0;
  }
  .q-pr-lg-none {
    padding-right: 0;
  }
  .q-pt-lg-none {
    padding-top: 0;
  }
  .q-pb-lg-none {
    padding-bottom: 0;
  }
  .q-px-lg-none {
    padding-left: 0;
    padding-right: 0;
  }
  .q-py-lg-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .q-ma-lg-none {
    margin: 0 0;
  }
  .q-ml-lg-none {
    margin-left: 0;
  }
  .q-mr-lg-none {
    margin-right: 0;
  }
  .q-mt-lg-none {
    margin-top: 0;
  }
  .q-mb-lg-none {
    margin-bottom: 0;
  }
  .q-mx-lg-none {
    margin-left: 0;
    margin-right: 0;
  }
  .q-my-lg-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .q-pa-lg-xs {
    padding: 4px 4px;
  }
  .q-pl-lg-xs {
    padding-left: 4px;
  }
  .q-pr-lg-xs {
    padding-right: 4px;
  }
  .q-pt-lg-xs {
    padding-top: 4px;
  }
  .q-pb-lg-xs {
    padding-bottom: 4px;
  }
  .q-px-lg-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .q-py-lg-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .q-ma-lg-xs {
    margin: 4px 4px;
  }
  .q-ml-lg-xs {
    margin-left: 4px;
  }
  .q-mr-lg-xs {
    margin-right: 4px;
  }
  .q-mt-lg-xs {
    margin-top: 4px;
  }
  .q-mb-lg-xs {
    margin-bottom: 4px;
  }
  .q-mx-lg-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .q-my-lg-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .q-pa-lg-sm {
    padding: 8px 8px;
  }
  .q-pl-lg-sm {
    padding-left: 8px;
  }
  .q-pr-lg-sm {
    padding-right: 8px;
  }
  .q-pt-lg-sm {
    padding-top: 8px;
  }
  .q-pb-lg-sm {
    padding-bottom: 8px;
  }
  .q-px-lg-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-py-lg-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .q-ma-lg-sm {
    margin: 8px 8px;
  }
  .q-ml-lg-sm {
    margin-left: 8px;
  }
  .q-mr-lg-sm {
    margin-right: 8px;
  }
  .q-mt-lg-sm {
    margin-top: 8px;
  }
  .q-mb-lg-sm {
    margin-bottom: 8px;
  }
  .q-mx-lg-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .q-my-lg-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .q-pa-lg-md {
    padding: 16px 16px;
  }
  .q-pl-lg-md {
    padding-left: 16px;
  }
  .q-pr-lg-md {
    padding-right: 16px;
  }
  .q-pt-lg-md {
    padding-top: 16px;
  }
  .q-pb-lg-md {
    padding-bottom: 16px;
  }
  .q-px-lg-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .q-py-lg-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .q-ma-lg-md {
    margin: 16px 16px;
  }
  .q-ml-lg-md {
    margin-left: 16px;
  }
  .q-mr-lg-md {
    margin-right: 16px;
  }
  .q-mt-lg-md {
    margin-top: 16px;
  }
  .q-mb-lg-md {
    margin-bottom: 16px;
  }
  .q-mx-lg-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .q-my-lg-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .q-pa-lg-lg {
    padding: 24px 24px;
  }
  .q-pl-lg-lg {
    padding-left: 24px;
  }
  .q-pr-lg-lg {
    padding-right: 24px;
  }
  .q-pt-lg-lg {
    padding-top: 24px;
  }
  .q-pb-lg-lg {
    padding-bottom: 24px;
  }
  .q-px-lg-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .q-py-lg-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .q-ma-lg-lg {
    margin: 24px 24px;
  }
  .q-ml-lg-lg {
    margin-left: 24px;
  }
  .q-mr-lg-lg {
    margin-right: 24px;
  }
  .q-mt-lg-lg {
    margin-top: 24px;
  }
  .q-mb-lg-lg {
    margin-bottom: 24px;
  }
  .q-mx-lg-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .q-my-lg-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .q-pa-lg-xl {
    padding: 32px 32px;
  }
  .q-pl-lg-xl {
    padding-left: 32px;
  }
  .q-pr-lg-xl {
    padding-right: 32px;
  }
  .q-pt-lg-xl {
    padding-top: 32px;
  }
  .q-pb-lg-xl {
    padding-bottom: 32px;
  }
  .q-px-lg-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .q-py-lg-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .q-ma-lg-xl {
    margin: 32px 32px;
  }
  .q-ml-lg-xl {
    margin-left: 32px;
  }
  .q-mr-lg-xl {
    margin-right: 32px;
  }
  .q-mt-lg-xl {
    margin-top: 32px;
  }
  .q-mb-lg-xl {
    margin-bottom: 32px;
  }
  .q-mx-lg-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
  .q-my-lg-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .q-pa-lg-xlh {
    padding: 40px 40px;
  }
  .q-pl-lg-xlh {
    padding-left: 40px;
  }
  .q-pr-lg-xlh {
    padding-right: 40px;
  }
  .q-pt-lg-xlh {
    padding-top: 40px;
  }
  .q-pb-lg-xlh {
    padding-bottom: 40px;
  }
  .q-px-lg-xlh {
    padding-left: 40px;
    padding-right: 40px;
  }
  .q-py-lg-xlh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .q-ma-lg-xlh {
    margin: 40px 40px;
  }
  .q-ml-lg-xlh {
    margin-left: 40px;
  }
  .q-mr-lg-xlh {
    margin-right: 40px;
  }
  .q-mt-lg-xlh {
    margin-top: 40px;
  }
  .q-mb-lg-xlh {
    margin-bottom: 40px;
  }
  .q-mx-lg-xlh {
    margin-left: 40px;
    margin-right: 40px;
  }
  .q-my-lg-xlh {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .q-pa-lg-xxl {
    padding: 48px 48px;
  }
  .q-pl-lg-xxl {
    padding-left: 48px;
  }
  .q-pr-lg-xxl {
    padding-right: 48px;
  }
  .q-pt-lg-xxl {
    padding-top: 48px;
  }
  .q-pb-lg-xxl {
    padding-bottom: 48px;
  }
  .q-px-lg-xxl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .q-py-lg-xxl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .q-ma-lg-xxl {
    margin: 48px 48px;
  }
  .q-ml-lg-xxl {
    margin-left: 48px;
  }
  .q-mr-lg-xxl {
    margin-right: 48px;
  }
  .q-mt-lg-xxl {
    margin-top: 48px;
  }
  .q-mb-lg-xxl {
    margin-bottom: 48px;
  }
  .q-mx-lg-xxl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .q-my-lg-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .q-pa-lg-xxlh {
    padding: 56px 56px;
  }
  .q-pl-lg-xxlh {
    padding-left: 56px;
  }
  .q-pr-lg-xxlh {
    padding-right: 56px;
  }
  .q-pt-lg-xxlh {
    padding-top: 56px;
  }
  .q-pb-lg-xxlh {
    padding-bottom: 56px;
  }
  .q-px-lg-xxlh {
    padding-left: 56px;
    padding-right: 56px;
  }
  .q-py-lg-xxlh {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .q-ma-lg-xxlh {
    margin: 56px 56px;
  }
  .q-ml-lg-xxlh {
    margin-left: 56px;
  }
  .q-mr-lg-xxlh {
    margin-right: 56px;
  }
  .q-mt-lg-xxlh {
    margin-top: 56px;
  }
  .q-mb-lg-xxlh {
    margin-bottom: 56px;
  }
  .q-mx-lg-xxlh {
    margin-left: 56px;
    margin-right: 56px;
  }
  .q-my-lg-xxlh {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .q-pa-lg-xxxl {
    padding: 64px 64px;
  }
  .q-pl-lg-xxxl {
    padding-left: 64px;
  }
  .q-pr-lg-xxxl {
    padding-right: 64px;
  }
  .q-pt-lg-xxxl {
    padding-top: 64px;
  }
  .q-pb-lg-xxxl {
    padding-bottom: 64px;
  }
  .q-px-lg-xxxl {
    padding-left: 64px;
    padding-right: 64px;
  }
  .q-py-lg-xxxl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .q-ma-lg-xxxl {
    margin: 64px 64px;
  }
  .q-ml-lg-xxxl {
    margin-left: 64px;
  }
  .q-mr-lg-xxxl {
    margin-right: 64px;
  }
  .q-mt-lg-xxxl {
    margin-top: 64px;
  }
  .q-mb-lg-xxxl {
    margin-bottom: 64px;
  }
  .q-mx-lg-xxxl {
    margin-left: 64px;
    margin-right: 64px;
  }
  .q-my-lg-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .q-pa-lg-xxxlh {
    padding: 72px 72px;
  }
  .q-pl-lg-xxxlh {
    padding-left: 72px;
  }
  .q-pr-lg-xxxlh {
    padding-right: 72px;
  }
  .q-pt-lg-xxxlh {
    padding-top: 72px;
  }
  .q-pb-lg-xxxlh {
    padding-bottom: 72px;
  }
  .q-px-lg-xxxlh {
    padding-left: 72px;
    padding-right: 72px;
  }
  .q-py-lg-xxxlh {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .q-ma-lg-xxxlh {
    margin: 72px 72px;
  }
  .q-ml-lg-xxxlh {
    margin-left: 72px;
  }
  .q-mr-lg-xxxlh {
    margin-right: 72px;
  }
  .q-mt-lg-xxxlh {
    margin-top: 72px;
  }
  .q-mb-lg-xxxlh {
    margin-bottom: 72px;
  }
  .q-mx-lg-xxxlh {
    margin-left: 72px;
    margin-right: 72px;
  }
  .q-my-lg-xxxlh {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .q-pa-lg-xxxxl {
    padding: 80px 80px;
  }
  .q-pl-lg-xxxxl {
    padding-left: 80px;
  }
  .q-pr-lg-xxxxl {
    padding-right: 80px;
  }
  .q-pt-lg-xxxxl {
    padding-top: 80px;
  }
  .q-pb-lg-xxxxl {
    padding-bottom: 80px;
  }
  .q-px-lg-xxxxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  .q-py-lg-xxxxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .q-ma-lg-xxxxl {
    margin: 80px 80px;
  }
  .q-ml-lg-xxxxl {
    margin-left: 80px;
  }
  .q-mr-lg-xxxxl {
    margin-right: 80px;
  }
  .q-mt-lg-xxxxl {
    margin-top: 80px;
  }
  .q-mb-lg-xxxxl {
    margin-bottom: 80px;
  }
  .q-mx-lg-xxxxl {
    margin-left: 80px;
    margin-right: 80px;
  }
  .q-my-lg-xxxxl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .q-pa-lg-xxxxxl {
    padding: 88px 88px;
  }
  .q-pl-lg-xxxxxl {
    padding-left: 88px;
  }
  .q-pr-lg-xxxxxl {
    padding-right: 88px;
  }
  .q-pt-lg-xxxxxl {
    padding-top: 88px;
  }
  .q-pb-lg-xxxxxl {
    padding-bottom: 88px;
  }
  .q-px-lg-xxxxxl {
    padding-left: 88px;
    padding-right: 88px;
  }
  .q-py-lg-xxxxxl {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .q-ma-lg-xxxxxl {
    margin: 88px 88px;
  }
  .q-ml-lg-xxxxxl {
    margin-left: 88px;
  }
  .q-mr-lg-xxxxxl {
    margin-right: 88px;
  }
  .q-mt-lg-xxxxxl {
    margin-top: 88px;
  }
  .q-mb-lg-xxxxxl {
    margin-bottom: 88px;
  }
  .q-mx-lg-xxxxxl {
    margin-left: 88px;
    margin-right: 88px;
  }
  .q-my-lg-xxxxxl {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .q-ml-lg-auto {
    margin-left: auto;
  }
  .q-mr-lg-auto {
    margin-right: auto;
  }
  .q-mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row.inline-lg, .column.inline-lg, .flex.inline-lg {
    display: inline-flex;
  }
  .row-lg, .column-lg, .flex-lg {
    display: flex;
    flex-wrap: wrap;
  }
  .row-lg.inline, .row-lg.inline-lg, .column-lg.inline, .column-lg.inline-lg, .flex-lg.inline, .flex-lg.inline-lg {
    display: inline-flex;
  }
  .row.reverse-lg {
    flex-direction: row-reverse;
  }
  .row-lg {
    flex-direction: row;
  }
  .row-lg.reverse, .row-lg.reverse-lg {
    flex-direction: row-reverse;
  }
  .column.reverse-lg {
    flex-direction: column-reverse;
  }
  .column-lg {
    flex-direction: column;
  }
  .column-lg.reverse, .column-lg.reverse-lg {
    flex-direction: column-reverse;
  }
  .wrap-lg {
    flex-wrap: wrap;
  }
  .no-wrap-lg {
    flex-wrap: nowrap;
  }
  .reverse-wrap-lg {
    flex-wrap: wrap-reverse;
  }
  .order-lg-first {
    order: -10000;
  }
  .order-lg-last {
    order: 10000;
  }
  .order-lg-none {
    order: 0;
  }
  .justify-lg-start {
    justify-content: flex-start;
  }
  .justify-lg-end {
    justify-content: flex-end;
  }
  .justify-lg-center, .flex-lg-center {
    justify-content: center;
  }
  .justify-lg-between {
    justify-content: space-between;
  }
  .justify-lg-around {
    justify-content: space-around;
  }
  .justify-lg-evenly {
    justify-content: space-evenly;
  }
  .items-lg-start {
    align-items: flex-start;
  }
  .items-lg-end {
    align-items: flex-end;
  }
  .items-lg-center, .flex-lg-center {
    align-items: center;
  }
  .items-lg-baseline {
    align-items: baseline;
  }
  .items-lg-stretch {
    align-items: stretch;
  }
  .content-lg-start {
    align-content: flex-start;
  }
  .content-lg-end {
    align-content: flex-end;
  }
  .content-lg-center {
    align-content: center;
  }
  .content-lg-between {
    align-content: space-between;
  }
  .content-lg-around {
    align-content: space-around;
  }
  .self-lg-start {
    align-self: flex-start;
  }
  .self-lg-end {
    align-self: flex-end;
  }
  .self-lg-center {
    align-self: center;
  }
  .self-lg-baseline {
    align-self: baseline;
  }
  .self-lg-stretch {
    align-self: stretch;
  }
  .q-gutter-lg-x-none {
    margin-left: 0;
  }
  .q-gutter-lg-x-none > * {
    margin-left: 0;
  }
  .q-gutter-lg-y-none {
    margin-top: 0;
  }
  .q-gutter-lg-y-none > * {
    margin-top: 0;
  }
  .q-gutter-lg-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-gutter-lg-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-lg-x-none {
    margin-left: 0;
  }
  .q-col-gutter-lg-x-none > * {
    padding-left: 0;
  }
  .q-col-gutter-lg-y-none {
    margin-top: 0;
  }
  .q-col-gutter-lg-y-none > * {
    padding-top: 0;
  }
  .q-col-gutter-lg-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-lg-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .q-gutter-lg-x-xs {
    margin-left: -4px;
  }
  .q-gutter-lg-x-xs > * {
    margin-left: 4px;
  }
  .q-gutter-lg-y-xs {
    margin-top: -4px;
  }
  .q-gutter-lg-y-xs > * {
    margin-top: 4px;
  }
  .q-gutter-lg-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-gutter-lg-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .q-col-gutter-lg-x-xs {
    margin-left: -4px;
  }
  .q-col-gutter-lg-x-xs > * {
    padding-left: 4px;
  }
  .q-col-gutter-lg-y-xs {
    margin-top: -4px;
  }
  .q-col-gutter-lg-y-xs > * {
    padding-top: 4px;
  }
  .q-col-gutter-lg-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-col-gutter-lg-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .q-gutter-lg-x-sm {
    margin-left: -8px;
  }
  .q-gutter-lg-x-sm > * {
    margin-left: 8px;
  }
  .q-gutter-lg-y-sm {
    margin-top: -8px;
  }
  .q-gutter-lg-y-sm > * {
    margin-top: 8px;
  }
  .q-gutter-lg-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-gutter-lg-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .q-col-gutter-lg-x-sm {
    margin-left: -8px;
  }
  .q-col-gutter-lg-x-sm > * {
    padding-left: 8px;
  }
  .q-col-gutter-lg-y-sm {
    margin-top: -8px;
  }
  .q-col-gutter-lg-y-sm > * {
    padding-top: 8px;
  }
  .q-col-gutter-lg-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-col-gutter-lg-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .q-gutter-lg-x-md {
    margin-left: -16px;
  }
  .q-gutter-lg-x-md > * {
    margin-left: 16px;
  }
  .q-gutter-lg-y-md {
    margin-top: -16px;
  }
  .q-gutter-lg-y-md > * {
    margin-top: 16px;
  }
  .q-gutter-lg-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-gutter-lg-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .q-col-gutter-lg-x-md {
    margin-left: -16px;
  }
  .q-col-gutter-lg-x-md > * {
    padding-left: 16px;
  }
  .q-col-gutter-lg-y-md {
    margin-top: -16px;
  }
  .q-col-gutter-lg-y-md > * {
    padding-top: 16px;
  }
  .q-col-gutter-lg-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-col-gutter-lg-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .q-gutter-lg-x-lg {
    margin-left: -24px;
  }
  .q-gutter-lg-x-lg > * {
    margin-left: 24px;
  }
  .q-gutter-lg-y-lg {
    margin-top: -24px;
  }
  .q-gutter-lg-y-lg > * {
    margin-top: 24px;
  }
  .q-gutter-lg-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-gutter-lg-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .q-col-gutter-lg-x-lg {
    margin-left: -24px;
  }
  .q-col-gutter-lg-x-lg > * {
    padding-left: 24px;
  }
  .q-col-gutter-lg-y-lg {
    margin-top: -24px;
  }
  .q-col-gutter-lg-y-lg > * {
    padding-top: 24px;
  }
  .q-col-gutter-lg-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-col-gutter-lg-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .q-gutter-lg-x-xl {
    margin-left: -48px;
  }
  .q-gutter-lg-x-xl > * {
    margin-left: 48px;
  }
  .q-gutter-lg-y-xl {
    margin-top: -48px;
  }
  .q-gutter-lg-y-xl > * {
    margin-top: 48px;
  }
  .q-gutter-lg-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-lg-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-lg-x-xl {
    margin-left: -48px;
  }
  .q-col-gutter-lg-x-xl > * {
    padding-left: 48px;
  }
  .q-col-gutter-lg-y-xl {
    margin-top: -48px;
  }
  .q-col-gutter-lg-y-xl > * {
    padding-top: 48px;
  }
  .q-col-gutter-lg-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-lg-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-lg-x-xlh {
    margin-left: -56px;
  }
  .q-gutter-lg-x-xlh > * {
    margin-left: 56px;
  }
  .q-gutter-lg-y-xlh {
    margin-top: -56px;
  }
  .q-gutter-lg-y-xlh > * {
    margin-top: 56px;
  }
  .q-gutter-lg-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-gutter-lg-xlh > * {
    margin-left: 56px;
    margin-top: 56px;
  }
  .q-col-gutter-lg-x-xlh {
    margin-left: -56px;
  }
  .q-col-gutter-lg-x-xlh > * {
    padding-left: 56px;
  }
  .q-col-gutter-lg-y-xlh {
    margin-top: -56px;
  }
  .q-col-gutter-lg-y-xlh > * {
    padding-top: 56px;
  }
  .q-col-gutter-lg-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-col-gutter-lg-xlh > * {
    padding-left: 56px;
    padding-top: 56px;
  }
  .q-gutter-lg-x-xxl {
    margin-left: -48px;
  }
  .q-gutter-lg-x-xxl > * {
    margin-left: 48px;
  }
  .q-gutter-lg-y-xxl {
    margin-top: -48px;
  }
  .q-gutter-lg-y-xxl > * {
    margin-top: 48px;
  }
  .q-gutter-lg-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-lg-xxl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-lg-x-xxl {
    margin-left: -48px;
  }
  .q-col-gutter-lg-x-xxl > * {
    padding-left: 48px;
  }
  .q-col-gutter-lg-y-xxl {
    margin-top: -48px;
  }
  .q-col-gutter-lg-y-xxl > * {
    padding-top: 48px;
  }
  .q-col-gutter-lg-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-lg-xxl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-lg-x-xxxl {
    margin-left: -64px;
  }
  .q-gutter-lg-x-xxxl > * {
    margin-left: 64px;
  }
  .q-gutter-lg-y-xxxl {
    margin-top: -64px;
  }
  .q-gutter-lg-y-xxxl > * {
    margin-top: 64px;
  }
  .q-gutter-lg-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-gutter-lg-xxxl > * {
    margin-left: 64px;
    margin-top: 64px;
  }
  .q-col-gutter-lg-x-xxxl {
    margin-left: -64px;
  }
  .q-col-gutter-lg-x-xxxl > * {
    padding-left: 64px;
  }
  .q-col-gutter-lg-y-xxxl {
    margin-top: -64px;
  }
  .q-col-gutter-lg-y-xxxl > * {
    padding-top: 64px;
  }
  .q-col-gutter-lg-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-col-gutter-lg-xxxl > * {
    padding-left: 64px;
    padding-top: 64px;
  }
  .q-gutter-lg-x-xxxxl {
    margin-left: -80px;
  }
  .q-gutter-lg-x-xxxxl > * {
    margin-left: 80px;
  }
  .q-gutter-lg-y-xxxxl {
    margin-top: -80px;
  }
  .q-gutter-lg-y-xxxxl > * {
    margin-top: 80px;
  }
  .q-gutter-lg-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-gutter-lg-xxxxl > * {
    margin-left: 80px;
    margin-top: 80px;
  }
  .q-col-gutter-lg-x-xxxxl {
    margin-left: -80px;
  }
  .q-col-gutter-lg-x-xxxxl > * {
    padding-left: 80px;
  }
  .q-col-gutter-lg-y-xxxxl {
    margin-top: -80px;
  }
  .q-col-gutter-lg-y-xxxxl > * {
    padding-top: 80px;
  }
  .q-col-gutter-lg-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-col-gutter-lg-xxxxl > * {
    padding-left: 80px;
    padding-top: 80px;
  }
  .q-gutter-lg-x-xxxxxl {
    margin-left: -88px;
  }
  .q-gutter-lg-x-xxxxxl > * {
    margin-left: 88px;
  }
  .q-gutter-lg-y-xxxxxl {
    margin-top: -88px;
  }
  .q-gutter-lg-y-xxxxxl > * {
    margin-top: 88px;
  }
  .q-gutter-lg-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-gutter-lg-xxxxxl > * {
    margin-left: 88px;
    margin-top: 88px;
  }
  .q-col-gutter-lg-x-xxxxxl {
    margin-left: -88px;
  }
  .q-col-gutter-lg-x-xxxxxl > * {
    padding-left: 88px;
  }
  .q-col-gutter-lg-y-xxxxxl {
    margin-top: -88px;
  }
  .q-col-gutter-lg-y-xxxxxl > * {
    padding-top: 88px;
  }
  .q-col-gutter-lg-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-col-gutter-lg-xxxxxl > * {
    padding-left: 88px;
    padding-top: 88px;
  }
  .row-lg > .col-0, .row-lg > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-lg > .offset-0, .row-lg > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-lg > .col-0, .column-lg > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-lg > .col-1, .row-lg > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-lg > .offset-1, .row-lg > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-lg > .col-1, .column-lg > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-lg > .col-2, .row-lg > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-lg > .offset-2, .row-lg > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-lg > .col-2, .column-lg > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-lg > .col-3, .row-lg > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-lg > .offset-3, .row-lg > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-lg > .col-3, .column-lg > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-lg > .col-4, .row-lg > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-lg > .offset-4, .row-lg > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-lg > .col-4, .column-lg > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-lg > .col-5, .row-lg > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-lg > .offset-5, .row-lg > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-lg > .col-5, .column-lg > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-lg > .col-6, .row-lg > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-lg > .offset-6, .row-lg > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-lg > .col-6, .column-lg > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-lg > .col-7, .row-lg > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-lg > .offset-7, .row-lg > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-lg > .col-7, .column-lg > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-lg > .col-8, .row-lg > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-lg > .offset-8, .row-lg > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-lg > .col-8, .column-lg > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-lg > .col-9, .row-lg > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-lg > .offset-9, .row-lg > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-lg > .col-9, .column-lg > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-lg > .col-10, .row-lg > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-lg > .offset-10, .row-lg > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-lg > .col-10, .column-lg > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-lg > .col-11, .row-lg > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-lg > .offset-11, .row-lg > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-lg > .col-11, .column-lg > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-lg > .col-12, .row-lg > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-lg > .offset-12, .row-lg > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-lg > .col-12, .column-lg > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-lg > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  .row-lg > .offset-sm-0 {
    margin-left: 0%;
  }
  .column-lg > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-lg > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-lg > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column-lg > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-lg > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-lg > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column-lg > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-lg > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  .row-lg > .offset-sm-3 {
    margin-left: 25%;
  }
  .column-lg > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-lg > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-lg > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column-lg > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-lg > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-lg > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column-lg > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-lg > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  .row-lg > .offset-sm-6 {
    margin-left: 50%;
  }
  .column-lg > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-lg > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-lg > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column-lg > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-lg > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-lg > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column-lg > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-lg > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  .row-lg > .offset-sm-9 {
    margin-left: 75%;
  }
  .column-lg > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-lg > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-lg > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column-lg > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-lg > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-lg > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column-lg > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-lg > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  .row-lg > .offset-sm-12 {
    margin-left: 100%;
  }
  .column-lg > .col-sm-12 {
    height: 100%;
    width: auto;
  }
  .row-lg > .col-md-0 {
    height: auto;
    width: 0%;
  }
  .row-lg > .offset-md-0 {
    margin-left: 0%;
  }
  .column-lg > .col-md-0 {
    height: 0%;
    width: auto;
  }
  .row-lg > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-lg > .offset-md-1 {
    margin-left: 8.3333%;
  }
  .column-lg > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-lg > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-lg > .offset-md-2 {
    margin-left: 16.6667%;
  }
  .column-lg > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-lg > .col-md-3 {
    height: auto;
    width: 25%;
  }
  .row-lg > .offset-md-3 {
    margin-left: 25%;
  }
  .column-lg > .col-md-3 {
    height: 25%;
    width: auto;
  }
  .row-lg > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-lg > .offset-md-4 {
    margin-left: 33.3333%;
  }
  .column-lg > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-lg > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-lg > .offset-md-5 {
    margin-left: 41.6667%;
  }
  .column-lg > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-lg > .col-md-6 {
    height: auto;
    width: 50%;
  }
  .row-lg > .offset-md-6 {
    margin-left: 50%;
  }
  .column-lg > .col-md-6 {
    height: 50%;
    width: auto;
  }
  .row-lg > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-lg > .offset-md-7 {
    margin-left: 58.3333%;
  }
  .column-lg > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-lg > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-lg > .offset-md-8 {
    margin-left: 66.6667%;
  }
  .column-lg > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-lg > .col-md-9 {
    height: auto;
    width: 75%;
  }
  .row-lg > .offset-md-9 {
    margin-left: 75%;
  }
  .column-lg > .col-md-9 {
    height: 75%;
    width: auto;
  }
  .row-lg > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-lg > .offset-md-10 {
    margin-left: 83.3333%;
  }
  .column-lg > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-lg > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-lg > .offset-md-11 {
    margin-left: 91.6667%;
  }
  .column-lg > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-lg > .col-md-12 {
    height: auto;
    width: 100%;
  }
  .row-lg > .offset-md-12 {
    margin-left: 100%;
  }
  .column-lg > .col-md-12 {
    height: 100%;
    width: auto;
  }
  .row-lg > .col-lg-0 {
    height: auto;
    width: 0%;
  }
  .row-lg > .offset-lg-0 {
    margin-left: 0%;
  }
  .column-lg > .col-lg-0 {
    height: 0%;
    width: auto;
  }
  .row-lg > .col-lg-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-lg > .offset-lg-1 {
    margin-left: 8.3333%;
  }
  .column-lg > .col-lg-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-lg > .col-lg-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-lg > .offset-lg-2 {
    margin-left: 16.6667%;
  }
  .column-lg > .col-lg-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-lg > .col-lg-3 {
    height: auto;
    width: 25%;
  }
  .row-lg > .offset-lg-3 {
    margin-left: 25%;
  }
  .column-lg > .col-lg-3 {
    height: 25%;
    width: auto;
  }
  .row-lg > .col-lg-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-lg > .offset-lg-4 {
    margin-left: 33.3333%;
  }
  .column-lg > .col-lg-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-lg > .col-lg-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-lg > .offset-lg-5 {
    margin-left: 41.6667%;
  }
  .column-lg > .col-lg-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-lg > .col-lg-6 {
    height: auto;
    width: 50%;
  }
  .row-lg > .offset-lg-6 {
    margin-left: 50%;
  }
  .column-lg > .col-lg-6 {
    height: 50%;
    width: auto;
  }
  .row-lg > .col-lg-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-lg > .offset-lg-7 {
    margin-left: 58.3333%;
  }
  .column-lg > .col-lg-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-lg > .col-lg-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-lg > .offset-lg-8 {
    margin-left: 66.6667%;
  }
  .column-lg > .col-lg-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-lg > .col-lg-9 {
    height: auto;
    width: 75%;
  }
  .row-lg > .offset-lg-9 {
    margin-left: 75%;
  }
  .column-lg > .col-lg-9 {
    height: 75%;
    width: auto;
  }
  .row-lg > .col-lg-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-lg > .offset-lg-10 {
    margin-left: 83.3333%;
  }
  .column-lg > .col-lg-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-lg > .col-lg-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-lg > .offset-lg-11 {
    margin-left: 91.6667%;
  }
  .column-lg > .col-lg-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-lg > .col-lg-12 {
    height: auto;
    width: 100%;
  }
  .row-lg > .offset-lg-12 {
    margin-left: 100%;
  }
  .column-lg > .col-lg-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1920px) {
  .flex-xl-block {
    display: block;
  }
  .flex-xl-inline {
    display: inline-block;
  }
  .q-pa-xl-none {
    padding: 0 0;
  }
  .q-pl-xl-none {
    padding-left: 0;
  }
  .q-pr-xl-none {
    padding-right: 0;
  }
  .q-pt-xl-none {
    padding-top: 0;
  }
  .q-pb-xl-none {
    padding-bottom: 0;
  }
  .q-px-xl-none {
    padding-left: 0;
    padding-right: 0;
  }
  .q-py-xl-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .q-ma-xl-none {
    margin: 0 0;
  }
  .q-ml-xl-none {
    margin-left: 0;
  }
  .q-mr-xl-none {
    margin-right: 0;
  }
  .q-mt-xl-none {
    margin-top: 0;
  }
  .q-mb-xl-none {
    margin-bottom: 0;
  }
  .q-mx-xl-none {
    margin-left: 0;
    margin-right: 0;
  }
  .q-my-xl-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .q-pa-xl-xs {
    padding: 4px 4px;
  }
  .q-pl-xl-xs {
    padding-left: 4px;
  }
  .q-pr-xl-xs {
    padding-right: 4px;
  }
  .q-pt-xl-xs {
    padding-top: 4px;
  }
  .q-pb-xl-xs {
    padding-bottom: 4px;
  }
  .q-px-xl-xs {
    padding-left: 4px;
    padding-right: 4px;
  }
  .q-py-xl-xs {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .q-ma-xl-xs {
    margin: 4px 4px;
  }
  .q-ml-xl-xs {
    margin-left: 4px;
  }
  .q-mr-xl-xs {
    margin-right: 4px;
  }
  .q-mt-xl-xs {
    margin-top: 4px;
  }
  .q-mb-xl-xs {
    margin-bottom: 4px;
  }
  .q-mx-xl-xs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .q-my-xl-xs {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .q-pa-xl-sm {
    padding: 8px 8px;
  }
  .q-pl-xl-sm {
    padding-left: 8px;
  }
  .q-pr-xl-sm {
    padding-right: 8px;
  }
  .q-pt-xl-sm {
    padding-top: 8px;
  }
  .q-pb-xl-sm {
    padding-bottom: 8px;
  }
  .q-px-xl-sm {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-py-xl-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .q-ma-xl-sm {
    margin: 8px 8px;
  }
  .q-ml-xl-sm {
    margin-left: 8px;
  }
  .q-mr-xl-sm {
    margin-right: 8px;
  }
  .q-mt-xl-sm {
    margin-top: 8px;
  }
  .q-mb-xl-sm {
    margin-bottom: 8px;
  }
  .q-mx-xl-sm {
    margin-left: 8px;
    margin-right: 8px;
  }
  .q-my-xl-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .q-pa-xl-md {
    padding: 16px 16px;
  }
  .q-pl-xl-md {
    padding-left: 16px;
  }
  .q-pr-xl-md {
    padding-right: 16px;
  }
  .q-pt-xl-md {
    padding-top: 16px;
  }
  .q-pb-xl-md {
    padding-bottom: 16px;
  }
  .q-px-xl-md {
    padding-left: 16px;
    padding-right: 16px;
  }
  .q-py-xl-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .q-ma-xl-md {
    margin: 16px 16px;
  }
  .q-ml-xl-md {
    margin-left: 16px;
  }
  .q-mr-xl-md {
    margin-right: 16px;
  }
  .q-mt-xl-md {
    margin-top: 16px;
  }
  .q-mb-xl-md {
    margin-bottom: 16px;
  }
  .q-mx-xl-md {
    margin-left: 16px;
    margin-right: 16px;
  }
  .q-my-xl-md {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .q-pa-xl-lg {
    padding: 24px 24px;
  }
  .q-pl-xl-lg {
    padding-left: 24px;
  }
  .q-pr-xl-lg {
    padding-right: 24px;
  }
  .q-pt-xl-lg {
    padding-top: 24px;
  }
  .q-pb-xl-lg {
    padding-bottom: 24px;
  }
  .q-px-xl-lg {
    padding-left: 24px;
    padding-right: 24px;
  }
  .q-py-xl-lg {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .q-ma-xl-lg {
    margin: 24px 24px;
  }
  .q-ml-xl-lg {
    margin-left: 24px;
  }
  .q-mr-xl-lg {
    margin-right: 24px;
  }
  .q-mt-xl-lg {
    margin-top: 24px;
  }
  .q-mb-xl-lg {
    margin-bottom: 24px;
  }
  .q-mx-xl-lg {
    margin-left: 24px;
    margin-right: 24px;
  }
  .q-my-xl-lg {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .q-pa-xl-xl {
    padding: 32px 32px;
  }
  .q-pl-xl-xl {
    padding-left: 32px;
  }
  .q-pr-xl-xl {
    padding-right: 32px;
  }
  .q-pt-xl-xl {
    padding-top: 32px;
  }
  .q-pb-xl-xl {
    padding-bottom: 32px;
  }
  .q-px-xl-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .q-py-xl-xl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .q-ma-xl-xl {
    margin: 32px 32px;
  }
  .q-ml-xl-xl {
    margin-left: 32px;
  }
  .q-mr-xl-xl {
    margin-right: 32px;
  }
  .q-mt-xl-xl {
    margin-top: 32px;
  }
  .q-mb-xl-xl {
    margin-bottom: 32px;
  }
  .q-mx-xl-xl {
    margin-left: 32px;
    margin-right: 32px;
  }
  .q-my-xl-xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .q-pa-xl-xlh {
    padding: 40px 40px;
  }
  .q-pl-xl-xlh {
    padding-left: 40px;
  }
  .q-pr-xl-xlh {
    padding-right: 40px;
  }
  .q-pt-xl-xlh {
    padding-top: 40px;
  }
  .q-pb-xl-xlh {
    padding-bottom: 40px;
  }
  .q-px-xl-xlh {
    padding-left: 40px;
    padding-right: 40px;
  }
  .q-py-xl-xlh {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .q-ma-xl-xlh {
    margin: 40px 40px;
  }
  .q-ml-xl-xlh {
    margin-left: 40px;
  }
  .q-mr-xl-xlh {
    margin-right: 40px;
  }
  .q-mt-xl-xlh {
    margin-top: 40px;
  }
  .q-mb-xl-xlh {
    margin-bottom: 40px;
  }
  .q-mx-xl-xlh {
    margin-left: 40px;
    margin-right: 40px;
  }
  .q-my-xl-xlh {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .q-pa-xl-xxl {
    padding: 48px 48px;
  }
  .q-pl-xl-xxl {
    padding-left: 48px;
  }
  .q-pr-xl-xxl {
    padding-right: 48px;
  }
  .q-pt-xl-xxl {
    padding-top: 48px;
  }
  .q-pb-xl-xxl {
    padding-bottom: 48px;
  }
  .q-px-xl-xxl {
    padding-left: 48px;
    padding-right: 48px;
  }
  .q-py-xl-xxl {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .q-ma-xl-xxl {
    margin: 48px 48px;
  }
  .q-ml-xl-xxl {
    margin-left: 48px;
  }
  .q-mr-xl-xxl {
    margin-right: 48px;
  }
  .q-mt-xl-xxl {
    margin-top: 48px;
  }
  .q-mb-xl-xxl {
    margin-bottom: 48px;
  }
  .q-mx-xl-xxl {
    margin-left: 48px;
    margin-right: 48px;
  }
  .q-my-xl-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .q-pa-xl-xxlh {
    padding: 56px 56px;
  }
  .q-pl-xl-xxlh {
    padding-left: 56px;
  }
  .q-pr-xl-xxlh {
    padding-right: 56px;
  }
  .q-pt-xl-xxlh {
    padding-top: 56px;
  }
  .q-pb-xl-xxlh {
    padding-bottom: 56px;
  }
  .q-px-xl-xxlh {
    padding-left: 56px;
    padding-right: 56px;
  }
  .q-py-xl-xxlh {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .q-ma-xl-xxlh {
    margin: 56px 56px;
  }
  .q-ml-xl-xxlh {
    margin-left: 56px;
  }
  .q-mr-xl-xxlh {
    margin-right: 56px;
  }
  .q-mt-xl-xxlh {
    margin-top: 56px;
  }
  .q-mb-xl-xxlh {
    margin-bottom: 56px;
  }
  .q-mx-xl-xxlh {
    margin-left: 56px;
    margin-right: 56px;
  }
  .q-my-xl-xxlh {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .q-pa-xl-xxxl {
    padding: 64px 64px;
  }
  .q-pl-xl-xxxl {
    padding-left: 64px;
  }
  .q-pr-xl-xxxl {
    padding-right: 64px;
  }
  .q-pt-xl-xxxl {
    padding-top: 64px;
  }
  .q-pb-xl-xxxl {
    padding-bottom: 64px;
  }
  .q-px-xl-xxxl {
    padding-left: 64px;
    padding-right: 64px;
  }
  .q-py-xl-xxxl {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .q-ma-xl-xxxl {
    margin: 64px 64px;
  }
  .q-ml-xl-xxxl {
    margin-left: 64px;
  }
  .q-mr-xl-xxxl {
    margin-right: 64px;
  }
  .q-mt-xl-xxxl {
    margin-top: 64px;
  }
  .q-mb-xl-xxxl {
    margin-bottom: 64px;
  }
  .q-mx-xl-xxxl {
    margin-left: 64px;
    margin-right: 64px;
  }
  .q-my-xl-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .q-pa-xl-xxxlh {
    padding: 72px 72px;
  }
  .q-pl-xl-xxxlh {
    padding-left: 72px;
  }
  .q-pr-xl-xxxlh {
    padding-right: 72px;
  }
  .q-pt-xl-xxxlh {
    padding-top: 72px;
  }
  .q-pb-xl-xxxlh {
    padding-bottom: 72px;
  }
  .q-px-xl-xxxlh {
    padding-left: 72px;
    padding-right: 72px;
  }
  .q-py-xl-xxxlh {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .q-ma-xl-xxxlh {
    margin: 72px 72px;
  }
  .q-ml-xl-xxxlh {
    margin-left: 72px;
  }
  .q-mr-xl-xxxlh {
    margin-right: 72px;
  }
  .q-mt-xl-xxxlh {
    margin-top: 72px;
  }
  .q-mb-xl-xxxlh {
    margin-bottom: 72px;
  }
  .q-mx-xl-xxxlh {
    margin-left: 72px;
    margin-right: 72px;
  }
  .q-my-xl-xxxlh {
    margin-top: 72px;
    margin-bottom: 72px;
  }
  .q-pa-xl-xxxxl {
    padding: 80px 80px;
  }
  .q-pl-xl-xxxxl {
    padding-left: 80px;
  }
  .q-pr-xl-xxxxl {
    padding-right: 80px;
  }
  .q-pt-xl-xxxxl {
    padding-top: 80px;
  }
  .q-pb-xl-xxxxl {
    padding-bottom: 80px;
  }
  .q-px-xl-xxxxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  .q-py-xl-xxxxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .q-ma-xl-xxxxl {
    margin: 80px 80px;
  }
  .q-ml-xl-xxxxl {
    margin-left: 80px;
  }
  .q-mr-xl-xxxxl {
    margin-right: 80px;
  }
  .q-mt-xl-xxxxl {
    margin-top: 80px;
  }
  .q-mb-xl-xxxxl {
    margin-bottom: 80px;
  }
  .q-mx-xl-xxxxl {
    margin-left: 80px;
    margin-right: 80px;
  }
  .q-my-xl-xxxxl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .q-pa-xl-xxxxxl {
    padding: 88px 88px;
  }
  .q-pl-xl-xxxxxl {
    padding-left: 88px;
  }
  .q-pr-xl-xxxxxl {
    padding-right: 88px;
  }
  .q-pt-xl-xxxxxl {
    padding-top: 88px;
  }
  .q-pb-xl-xxxxxl {
    padding-bottom: 88px;
  }
  .q-px-xl-xxxxxl {
    padding-left: 88px;
    padding-right: 88px;
  }
  .q-py-xl-xxxxxl {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .q-ma-xl-xxxxxl {
    margin: 88px 88px;
  }
  .q-ml-xl-xxxxxl {
    margin-left: 88px;
  }
  .q-mr-xl-xxxxxl {
    margin-right: 88px;
  }
  .q-mt-xl-xxxxxl {
    margin-top: 88px;
  }
  .q-mb-xl-xxxxxl {
    margin-bottom: 88px;
  }
  .q-mx-xl-xxxxxl {
    margin-left: 88px;
    margin-right: 88px;
  }
  .q-my-xl-xxxxxl {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  .q-ml-xl-auto {
    margin-left: auto;
  }
  .q-mr-xl-auto {
    margin-right: auto;
  }
  .q-mx-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .row.inline-xl, .column.inline-xl, .flex.inline-xl {
    display: inline-flex;
  }
  .row-xl, .column-xl, .flex-xl {
    display: flex;
    flex-wrap: wrap;
  }
  .row-xl.inline, .row-xl.inline-xl, .column-xl.inline, .column-xl.inline-xl, .flex-xl.inline, .flex-xl.inline-xl {
    display: inline-flex;
  }
  .row.reverse-xl {
    flex-direction: row-reverse;
  }
  .row-xl {
    flex-direction: row;
  }
  .row-xl.reverse, .row-xl.reverse-xl {
    flex-direction: row-reverse;
  }
  .column.reverse-xl {
    flex-direction: column-reverse;
  }
  .column-xl {
    flex-direction: column;
  }
  .column-xl.reverse, .column-xl.reverse-xl {
    flex-direction: column-reverse;
  }
  .wrap-xl {
    flex-wrap: wrap;
  }
  .no-wrap-xl {
    flex-wrap: nowrap;
  }
  .reverse-wrap-xl {
    flex-wrap: wrap-reverse;
  }
  .order-xl-first {
    order: -10000;
  }
  .order-xl-last {
    order: 10000;
  }
  .order-xl-none {
    order: 0;
  }
  .justify-xl-start {
    justify-content: flex-start;
  }
  .justify-xl-end {
    justify-content: flex-end;
  }
  .justify-xl-center, .flex-xl-center {
    justify-content: center;
  }
  .justify-xl-between {
    justify-content: space-between;
  }
  .justify-xl-around {
    justify-content: space-around;
  }
  .justify-xl-evenly {
    justify-content: space-evenly;
  }
  .items-xl-start {
    align-items: flex-start;
  }
  .items-xl-end {
    align-items: flex-end;
  }
  .items-xl-center, .flex-xl-center {
    align-items: center;
  }
  .items-xl-baseline {
    align-items: baseline;
  }
  .items-xl-stretch {
    align-items: stretch;
  }
  .content-xl-start {
    align-content: flex-start;
  }
  .content-xl-end {
    align-content: flex-end;
  }
  .content-xl-center {
    align-content: center;
  }
  .content-xl-between {
    align-content: space-between;
  }
  .content-xl-around {
    align-content: space-around;
  }
  .self-xl-start {
    align-self: flex-start;
  }
  .self-xl-end {
    align-self: flex-end;
  }
  .self-xl-center {
    align-self: center;
  }
  .self-xl-baseline {
    align-self: baseline;
  }
  .self-xl-stretch {
    align-self: stretch;
  }
  .q-gutter-xl-x-none {
    margin-left: 0;
  }
  .q-gutter-xl-x-none > * {
    margin-left: 0;
  }
  .q-gutter-xl-y-none {
    margin-top: 0;
  }
  .q-gutter-xl-y-none > * {
    margin-top: 0;
  }
  .q-gutter-xl-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-gutter-xl-none > * {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-xl-x-none {
    margin-left: 0;
  }
  .q-col-gutter-xl-x-none > * {
    padding-left: 0;
  }
  .q-col-gutter-xl-y-none {
    margin-top: 0;
  }
  .q-col-gutter-xl-y-none > * {
    padding-top: 0;
  }
  .q-col-gutter-xl-none {
    margin-left: 0;
    margin-top: 0;
  }
  .q-col-gutter-xl-none > * {
    padding-left: 0;
    padding-top: 0;
  }
  .q-gutter-xl-x-xs {
    margin-left: -4px;
  }
  .q-gutter-xl-x-xs > * {
    margin-left: 4px;
  }
  .q-gutter-xl-y-xs {
    margin-top: -4px;
  }
  .q-gutter-xl-y-xs > * {
    margin-top: 4px;
  }
  .q-gutter-xl-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-gutter-xl-xs > * {
    margin-left: 4px;
    margin-top: 4px;
  }
  .q-col-gutter-xl-x-xs {
    margin-left: -4px;
  }
  .q-col-gutter-xl-x-xs > * {
    padding-left: 4px;
  }
  .q-col-gutter-xl-y-xs {
    margin-top: -4px;
  }
  .q-col-gutter-xl-y-xs > * {
    padding-top: 4px;
  }
  .q-col-gutter-xl-xs {
    margin-left: -4px;
    margin-top: -4px;
  }
  .q-col-gutter-xl-xs > * {
    padding-left: 4px;
    padding-top: 4px;
  }
  .q-gutter-xl-x-sm {
    margin-left: -8px;
  }
  .q-gutter-xl-x-sm > * {
    margin-left: 8px;
  }
  .q-gutter-xl-y-sm {
    margin-top: -8px;
  }
  .q-gutter-xl-y-sm > * {
    margin-top: 8px;
  }
  .q-gutter-xl-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-gutter-xl-sm > * {
    margin-left: 8px;
    margin-top: 8px;
  }
  .q-col-gutter-xl-x-sm {
    margin-left: -8px;
  }
  .q-col-gutter-xl-x-sm > * {
    padding-left: 8px;
  }
  .q-col-gutter-xl-y-sm {
    margin-top: -8px;
  }
  .q-col-gutter-xl-y-sm > * {
    padding-top: 8px;
  }
  .q-col-gutter-xl-sm {
    margin-left: -8px;
    margin-top: -8px;
  }
  .q-col-gutter-xl-sm > * {
    padding-left: 8px;
    padding-top: 8px;
  }
  .q-gutter-xl-x-md {
    margin-left: -16px;
  }
  .q-gutter-xl-x-md > * {
    margin-left: 16px;
  }
  .q-gutter-xl-y-md {
    margin-top: -16px;
  }
  .q-gutter-xl-y-md > * {
    margin-top: 16px;
  }
  .q-gutter-xl-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-gutter-xl-md > * {
    margin-left: 16px;
    margin-top: 16px;
  }
  .q-col-gutter-xl-x-md {
    margin-left: -16px;
  }
  .q-col-gutter-xl-x-md > * {
    padding-left: 16px;
  }
  .q-col-gutter-xl-y-md {
    margin-top: -16px;
  }
  .q-col-gutter-xl-y-md > * {
    padding-top: 16px;
  }
  .q-col-gutter-xl-md {
    margin-left: -16px;
    margin-top: -16px;
  }
  .q-col-gutter-xl-md > * {
    padding-left: 16px;
    padding-top: 16px;
  }
  .q-gutter-xl-x-lg {
    margin-left: -24px;
  }
  .q-gutter-xl-x-lg > * {
    margin-left: 24px;
  }
  .q-gutter-xl-y-lg {
    margin-top: -24px;
  }
  .q-gutter-xl-y-lg > * {
    margin-top: 24px;
  }
  .q-gutter-xl-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-gutter-xl-lg > * {
    margin-left: 24px;
    margin-top: 24px;
  }
  .q-col-gutter-xl-x-lg {
    margin-left: -24px;
  }
  .q-col-gutter-xl-x-lg > * {
    padding-left: 24px;
  }
  .q-col-gutter-xl-y-lg {
    margin-top: -24px;
  }
  .q-col-gutter-xl-y-lg > * {
    padding-top: 24px;
  }
  .q-col-gutter-xl-lg {
    margin-left: -24px;
    margin-top: -24px;
  }
  .q-col-gutter-xl-lg > * {
    padding-left: 24px;
    padding-top: 24px;
  }
  .q-gutter-xl-x-xl {
    margin-left: -48px;
  }
  .q-gutter-xl-x-xl > * {
    margin-left: 48px;
  }
  .q-gutter-xl-y-xl {
    margin-top: -48px;
  }
  .q-gutter-xl-y-xl > * {
    margin-top: 48px;
  }
  .q-gutter-xl-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-xl-xl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-xl-x-xl {
    margin-left: -48px;
  }
  .q-col-gutter-xl-x-xl > * {
    padding-left: 48px;
  }
  .q-col-gutter-xl-y-xl {
    margin-top: -48px;
  }
  .q-col-gutter-xl-y-xl > * {
    padding-top: 48px;
  }
  .q-col-gutter-xl-xl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-xl-xl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-xl-x-xlh {
    margin-left: -56px;
  }
  .q-gutter-xl-x-xlh > * {
    margin-left: 56px;
  }
  .q-gutter-xl-y-xlh {
    margin-top: -56px;
  }
  .q-gutter-xl-y-xlh > * {
    margin-top: 56px;
  }
  .q-gutter-xl-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-gutter-xl-xlh > * {
    margin-left: 56px;
    margin-top: 56px;
  }
  .q-col-gutter-xl-x-xlh {
    margin-left: -56px;
  }
  .q-col-gutter-xl-x-xlh > * {
    padding-left: 56px;
  }
  .q-col-gutter-xl-y-xlh {
    margin-top: -56px;
  }
  .q-col-gutter-xl-y-xlh > * {
    padding-top: 56px;
  }
  .q-col-gutter-xl-xlh {
    margin-left: -56px;
    margin-top: -56px;
  }
  .q-col-gutter-xl-xlh > * {
    padding-left: 56px;
    padding-top: 56px;
  }
  .q-gutter-xl-x-xxl {
    margin-left: -48px;
  }
  .q-gutter-xl-x-xxl > * {
    margin-left: 48px;
  }
  .q-gutter-xl-y-xxl {
    margin-top: -48px;
  }
  .q-gutter-xl-y-xxl > * {
    margin-top: 48px;
  }
  .q-gutter-xl-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-gutter-xl-xxl > * {
    margin-left: 48px;
    margin-top: 48px;
  }
  .q-col-gutter-xl-x-xxl {
    margin-left: -48px;
  }
  .q-col-gutter-xl-x-xxl > * {
    padding-left: 48px;
  }
  .q-col-gutter-xl-y-xxl {
    margin-top: -48px;
  }
  .q-col-gutter-xl-y-xxl > * {
    padding-top: 48px;
  }
  .q-col-gutter-xl-xxl {
    margin-left: -48px;
    margin-top: -48px;
  }
  .q-col-gutter-xl-xxl > * {
    padding-left: 48px;
    padding-top: 48px;
  }
  .q-gutter-xl-x-xxxl {
    margin-left: -64px;
  }
  .q-gutter-xl-x-xxxl > * {
    margin-left: 64px;
  }
  .q-gutter-xl-y-xxxl {
    margin-top: -64px;
  }
  .q-gutter-xl-y-xxxl > * {
    margin-top: 64px;
  }
  .q-gutter-xl-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-gutter-xl-xxxl > * {
    margin-left: 64px;
    margin-top: 64px;
  }
  .q-col-gutter-xl-x-xxxl {
    margin-left: -64px;
  }
  .q-col-gutter-xl-x-xxxl > * {
    padding-left: 64px;
  }
  .q-col-gutter-xl-y-xxxl {
    margin-top: -64px;
  }
  .q-col-gutter-xl-y-xxxl > * {
    padding-top: 64px;
  }
  .q-col-gutter-xl-xxxl {
    margin-left: -64px;
    margin-top: -64px;
  }
  .q-col-gutter-xl-xxxl > * {
    padding-left: 64px;
    padding-top: 64px;
  }
  .q-gutter-xl-x-xxxxl {
    margin-left: -80px;
  }
  .q-gutter-xl-x-xxxxl > * {
    margin-left: 80px;
  }
  .q-gutter-xl-y-xxxxl {
    margin-top: -80px;
  }
  .q-gutter-xl-y-xxxxl > * {
    margin-top: 80px;
  }
  .q-gutter-xl-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-gutter-xl-xxxxl > * {
    margin-left: 80px;
    margin-top: 80px;
  }
  .q-col-gutter-xl-x-xxxxl {
    margin-left: -80px;
  }
  .q-col-gutter-xl-x-xxxxl > * {
    padding-left: 80px;
  }
  .q-col-gutter-xl-y-xxxxl {
    margin-top: -80px;
  }
  .q-col-gutter-xl-y-xxxxl > * {
    padding-top: 80px;
  }
  .q-col-gutter-xl-xxxxl {
    margin-left: -80px;
    margin-top: -80px;
  }
  .q-col-gutter-xl-xxxxl > * {
    padding-left: 80px;
    padding-top: 80px;
  }
  .q-gutter-xl-x-xxxxxl {
    margin-left: -88px;
  }
  .q-gutter-xl-x-xxxxxl > * {
    margin-left: 88px;
  }
  .q-gutter-xl-y-xxxxxl {
    margin-top: -88px;
  }
  .q-gutter-xl-y-xxxxxl > * {
    margin-top: 88px;
  }
  .q-gutter-xl-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-gutter-xl-xxxxxl > * {
    margin-left: 88px;
    margin-top: 88px;
  }
  .q-col-gutter-xl-x-xxxxxl {
    margin-left: -88px;
  }
  .q-col-gutter-xl-x-xxxxxl > * {
    padding-left: 88px;
  }
  .q-col-gutter-xl-y-xxxxxl {
    margin-top: -88px;
  }
  .q-col-gutter-xl-y-xxxxxl > * {
    padding-top: 88px;
  }
  .q-col-gutter-xl-xxxxxl {
    margin-left: -88px;
    margin-top: -88px;
  }
  .q-col-gutter-xl-xxxxxl > * {
    padding-left: 88px;
    padding-top: 88px;
  }
  .row-xl > .col-0, .row-xl > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row-xl > .offset-0, .row-xl > .offset-xs-0 {
    margin-left: 0%;
  }
  .column-xl > .col-0, .column-xl > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row-xl > .col-1, .row-xl > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xl > .offset-1, .row-xl > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column-xl > .col-1, .column-xl > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xl > .col-2, .row-xl > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xl > .offset-2, .row-xl > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column-xl > .col-2, .column-xl > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xl > .col-3, .row-xl > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row-xl > .offset-3, .row-xl > .offset-xs-3 {
    margin-left: 25%;
  }
  .column-xl > .col-3, .column-xl > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row-xl > .col-4, .row-xl > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xl > .offset-4, .row-xl > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column-xl > .col-4, .column-xl > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xl > .col-5, .row-xl > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xl > .offset-5, .row-xl > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column-xl > .col-5, .column-xl > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xl > .col-6, .row-xl > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row-xl > .offset-6, .row-xl > .offset-xs-6 {
    margin-left: 50%;
  }
  .column-xl > .col-6, .column-xl > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row-xl > .col-7, .row-xl > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xl > .offset-7, .row-xl > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column-xl > .col-7, .column-xl > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xl > .col-8, .row-xl > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xl > .offset-8, .row-xl > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column-xl > .col-8, .column-xl > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xl > .col-9, .row-xl > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row-xl > .offset-9, .row-xl > .offset-xs-9 {
    margin-left: 75%;
  }
  .column-xl > .col-9, .column-xl > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row-xl > .col-10, .row-xl > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xl > .offset-10, .row-xl > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column-xl > .col-10, .column-xl > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xl > .col-11, .row-xl > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xl > .offset-11, .row-xl > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column-xl > .col-11, .column-xl > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xl > .col-12, .row-xl > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row-xl > .offset-12, .row-xl > .offset-xs-12 {
    margin-left: 100%;
  }
  .column-xl > .col-12, .column-xl > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-xl > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  .row-xl > .offset-sm-0 {
    margin-left: 0%;
  }
  .column-xl > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-xl > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xl > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column-xl > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xl > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xl > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column-xl > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xl > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  .row-xl > .offset-sm-3 {
    margin-left: 25%;
  }
  .column-xl > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-xl > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xl > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column-xl > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xl > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xl > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column-xl > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xl > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  .row-xl > .offset-sm-6 {
    margin-left: 50%;
  }
  .column-xl > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-xl > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xl > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column-xl > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xl > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xl > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column-xl > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xl > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  .row-xl > .offset-sm-9 {
    margin-left: 75%;
  }
  .column-xl > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-xl > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xl > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column-xl > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xl > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xl > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column-xl > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xl > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  .row-xl > .offset-sm-12 {
    margin-left: 100%;
  }
  .column-xl > .col-sm-12 {
    height: 100%;
    width: auto;
  }
  .row-xl > .col-md-0 {
    height: auto;
    width: 0%;
  }
  .row-xl > .offset-md-0 {
    margin-left: 0%;
  }
  .column-xl > .col-md-0 {
    height: 0%;
    width: auto;
  }
  .row-xl > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xl > .offset-md-1 {
    margin-left: 8.3333%;
  }
  .column-xl > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xl > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xl > .offset-md-2 {
    margin-left: 16.6667%;
  }
  .column-xl > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xl > .col-md-3 {
    height: auto;
    width: 25%;
  }
  .row-xl > .offset-md-3 {
    margin-left: 25%;
  }
  .column-xl > .col-md-3 {
    height: 25%;
    width: auto;
  }
  .row-xl > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xl > .offset-md-4 {
    margin-left: 33.3333%;
  }
  .column-xl > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xl > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xl > .offset-md-5 {
    margin-left: 41.6667%;
  }
  .column-xl > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xl > .col-md-6 {
    height: auto;
    width: 50%;
  }
  .row-xl > .offset-md-6 {
    margin-left: 50%;
  }
  .column-xl > .col-md-6 {
    height: 50%;
    width: auto;
  }
  .row-xl > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xl > .offset-md-7 {
    margin-left: 58.3333%;
  }
  .column-xl > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xl > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xl > .offset-md-8 {
    margin-left: 66.6667%;
  }
  .column-xl > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xl > .col-md-9 {
    height: auto;
    width: 75%;
  }
  .row-xl > .offset-md-9 {
    margin-left: 75%;
  }
  .column-xl > .col-md-9 {
    height: 75%;
    width: auto;
  }
  .row-xl > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xl > .offset-md-10 {
    margin-left: 83.3333%;
  }
  .column-xl > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xl > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xl > .offset-md-11 {
    margin-left: 91.6667%;
  }
  .column-xl > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xl > .col-md-12 {
    height: auto;
    width: 100%;
  }
  .row-xl > .offset-md-12 {
    margin-left: 100%;
  }
  .column-xl > .col-md-12 {
    height: 100%;
    width: auto;
  }
  .row-xl > .col-lg-0 {
    height: auto;
    width: 0%;
  }
  .row-xl > .offset-lg-0 {
    margin-left: 0%;
  }
  .column-xl > .col-lg-0 {
    height: 0%;
    width: auto;
  }
  .row-xl > .col-lg-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xl > .offset-lg-1 {
    margin-left: 8.3333%;
  }
  .column-xl > .col-lg-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xl > .col-lg-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xl > .offset-lg-2 {
    margin-left: 16.6667%;
  }
  .column-xl > .col-lg-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xl > .col-lg-3 {
    height: auto;
    width: 25%;
  }
  .row-xl > .offset-lg-3 {
    margin-left: 25%;
  }
  .column-xl > .col-lg-3 {
    height: 25%;
    width: auto;
  }
  .row-xl > .col-lg-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xl > .offset-lg-4 {
    margin-left: 33.3333%;
  }
  .column-xl > .col-lg-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xl > .col-lg-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xl > .offset-lg-5 {
    margin-left: 41.6667%;
  }
  .column-xl > .col-lg-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xl > .col-lg-6 {
    height: auto;
    width: 50%;
  }
  .row-xl > .offset-lg-6 {
    margin-left: 50%;
  }
  .column-xl > .col-lg-6 {
    height: 50%;
    width: auto;
  }
  .row-xl > .col-lg-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xl > .offset-lg-7 {
    margin-left: 58.3333%;
  }
  .column-xl > .col-lg-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xl > .col-lg-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xl > .offset-lg-8 {
    margin-left: 66.6667%;
  }
  .column-xl > .col-lg-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xl > .col-lg-9 {
    height: auto;
    width: 75%;
  }
  .row-xl > .offset-lg-9 {
    margin-left: 75%;
  }
  .column-xl > .col-lg-9 {
    height: 75%;
    width: auto;
  }
  .row-xl > .col-lg-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xl > .offset-lg-10 {
    margin-left: 83.3333%;
  }
  .column-xl > .col-lg-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xl > .col-lg-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xl > .offset-lg-11 {
    margin-left: 91.6667%;
  }
  .column-xl > .col-lg-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xl > .col-lg-12 {
    height: auto;
    width: 100%;
  }
  .row-xl > .offset-lg-12 {
    margin-left: 100%;
  }
  .column-xl > .col-lg-12 {
    height: 100%;
    width: auto;
  }
  .row-xl > .col-xl-0 {
    height: auto;
    width: 0%;
  }
  .row-xl > .offset-xl-0 {
    margin-left: 0%;
  }
  .column-xl > .col-xl-0 {
    height: 0%;
    width: auto;
  }
  .row-xl > .col-xl-1 {
    height: auto;
    width: 8.3333%;
  }
  .row-xl > .offset-xl-1 {
    margin-left: 8.3333%;
  }
  .column-xl > .col-xl-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-xl > .col-xl-2 {
    height: auto;
    width: 16.6667%;
  }
  .row-xl > .offset-xl-2 {
    margin-left: 16.6667%;
  }
  .column-xl > .col-xl-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-xl > .col-xl-3 {
    height: auto;
    width: 25%;
  }
  .row-xl > .offset-xl-3 {
    margin-left: 25%;
  }
  .column-xl > .col-xl-3 {
    height: 25%;
    width: auto;
  }
  .row-xl > .col-xl-4 {
    height: auto;
    width: 33.3333%;
  }
  .row-xl > .offset-xl-4 {
    margin-left: 33.3333%;
  }
  .column-xl > .col-xl-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-xl > .col-xl-5 {
    height: auto;
    width: 41.6667%;
  }
  .row-xl > .offset-xl-5 {
    margin-left: 41.6667%;
  }
  .column-xl > .col-xl-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-xl > .col-xl-6 {
    height: auto;
    width: 50%;
  }
  .row-xl > .offset-xl-6 {
    margin-left: 50%;
  }
  .column-xl > .col-xl-6 {
    height: 50%;
    width: auto;
  }
  .row-xl > .col-xl-7 {
    height: auto;
    width: 58.3333%;
  }
  .row-xl > .offset-xl-7 {
    margin-left: 58.3333%;
  }
  .column-xl > .col-xl-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-xl > .col-xl-8 {
    height: auto;
    width: 66.6667%;
  }
  .row-xl > .offset-xl-8 {
    margin-left: 66.6667%;
  }
  .column-xl > .col-xl-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-xl > .col-xl-9 {
    height: auto;
    width: 75%;
  }
  .row-xl > .offset-xl-9 {
    margin-left: 75%;
  }
  .column-xl > .col-xl-9 {
    height: 75%;
    width: auto;
  }
  .row-xl > .col-xl-10 {
    height: auto;
    width: 83.3333%;
  }
  .row-xl > .offset-xl-10 {
    margin-left: 83.3333%;
  }
  .column-xl > .col-xl-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-xl > .col-xl-11 {
    height: auto;
    width: 91.6667%;
  }
  .row-xl > .offset-xl-11 {
    margin-left: 91.6667%;
  }
  .column-xl > .col-xl-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-xl > .col-xl-12 {
    height: auto;
    width: 100%;
  }
  .row-xl > .offset-xl-12 {
    margin-left: 100%;
  }
  .column-xl > .col-xl-12 {
    height: 100%;
    width: auto;
  }
}
.vue-flow {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  direction: ltr;
}

.vue-flow__container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.vue-flow__pane {
  z-index: 1;
}

.vue-flow__pane.draggable {
     cursor: grab;
   }

.vue-flow__pane.selection {
     cursor: pointer;
   }

.vue-flow__pane.dragging {
    cursor: grabbing;
  }

.vue-flow__transformationpane {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}

.vue-flow__viewport {
  z-index: 4;
  overflow: clip;
}

.vue-flow__selection {
  z-index: 6;
}

.vue-flow__edge-labels {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.vue-flow__nodesselection-rect:focus,
.vue-flow__nodesselection-rect:focus-visible {
  outline: none;
}

.vue-flow .vue-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.vue-flow__edge-path,
.vue-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}

.vue-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.vue-flow__edge.animated path {
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
   }

.vue-flow__edge.animated path.vue-flow__edge-interaction {
     stroke-dasharray: none;
     animation: none;
   }

.vue-flow__edge.inactive {
     pointer-events: none;
   }

.vue-flow__edge.selected,
  .vue-flow__edge:focus,
  .vue-flow__edge:focus-visible {
     outline: none;
   }

.vue-flow__edge.selected .vue-flow__edge-path,
  .vue-flow__edge:focus .vue-flow__edge-path,
  .vue-flow__edge:focus-visible .vue-flow__edge-path {
     stroke: #555;
   }

.vue-flow__edge-textwrapper {
     pointer-events: all;
   }

.vue-flow__edge-textbg {
     fill: white;
   }

.vue-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
  }

.vue-flow__connection {
  pointer-events: none;
}

.vue-flow__connection .animated {
     stroke-dasharray: 5;
     animation: dashdraw 0.5s linear infinite;
   }

.vue-flow__connectionline {
  z-index: 1001;
}

.vue-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.vue-flow__node-default,
.vue-flow__node-input,
.vue-flow__node-output {
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
}

.vue-flow__node-default.selected,
  .vue-flow__node-default:focus,
  .vue-flow__node-default:focus-visible,
  .vue-flow__node-input.selected,
  .vue-flow__node-input:focus,
  .vue-flow__node-input:focus-visible,
  .vue-flow__node-output.selected,
  .vue-flow__node-output:focus,
  .vue-flow__node-output:focus-visible {
     outline: none;
     border: 1px solid #555;
   }

.vue-flow__node {
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}

.vue-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }

.vue-flow__node.draggable.dragging {
      cursor: grabbing;
    }

.vue-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}

.vue-flow__nodesselection-rect {
     position: absolute;
     pointer-events: all;
     cursor: grab;
   }

.vue-flow__nodesselection-rect.dragging {
          cursor: grabbing;
        }

.vue-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
}

.vue-flow__handle.connectable {
     pointer-events: all;
     cursor: crosshair;
   }

.vue-flow__handle-bottom {
     left: 50%;
     bottom: 0;
     transform: translate(-50%, 50%);
   }

.vue-flow__handle-top {
     left: 50%;
     top: 0;
     transform: translate(-50%, -50%);
   }

.vue-flow__handle-left {
     top: 50%;
     left: 0;
     transform: translate(-50%, -50%);
   }

.vue-flow__handle-right {
     top: 50%;
     right: 0;
     transform: translate(50%, -50%);
   }

.vue-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.vue-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}

.vue-flow__panel.top {
     top: 0;
   }

.vue-flow__panel.bottom {
     bottom: 0;
   }

.vue-flow__panel.left {
     left: 0;
   }

.vue-flow__panel.right {
     right: 0;
   }

.vue-flow__panel.center {
     left: 50%;
     transform: translateX(-50%);
   }

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}

:root {
  --vf-node-bg: #fff;
  --vf-node-text: #222;
  --vf-connection-path:  #b1b1b7;
  --vf-handle: #555;
}

.vue-flow__edge.updating .vue-flow__edge-path {
      stroke: #777;
    }

.vue-flow__edge-text {
  font-size: 10px;
}

.vue-flow__edge-textbg {
  fill: #fff;
}

.vue-flow__connection-path {
  stroke: var(--vf-connection-path);
}

.vue-flow__node {
  cursor: grab;
}

.vue-flow__node.selectable:focus,
  .vue-flow__node.selectable:focus-visible {
     outline: none;
   }

.vue-flow__node-default,
.vue-flow__node-input,
.vue-flow__node-output {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  color: var(--vf-node-text);
  background-color: var(--vf-node-bg);
  border-color: var(--vf-node-color);
}

.vue-flow__node-default.selected,
  .vue-flow__node-default.selected:hover,
  .vue-flow__node-input.selected,
  .vue-flow__node-input.selected:hover,
  .vue-flow__node-output.selected,
  .vue-flow__node-output.selected:hover {
     box-shadow: 0 0 0 0.5px var(--vf-box-shadow);
   }

.vue-flow__node-default .vue-flow__handle, .vue-flow__node-input .vue-flow__handle, .vue-flow__node-output .vue-flow__handle {
    background: var(--vf-handle);
  }

.vue-flow__node-default.selectable:hover, .vue-flow__node-input.selectable:hover, .vue-flow__node-output.selectable:hover {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  }

.vue-flow__node-input {
  --vf-node-color: var(--vf-node-color, #0041d0);
  --vf-handle: var(--vf-node-color, #0041d0);
  --vf-box-shadow: var(--vf-node-color, #0041d0);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #0041d0);
}

.vue-flow__node-input.selected,
  .vue-flow__node-input:focus,
  .vue-flow__node-input:focus-visible {
     outline: none;
     border: 1px solid var(--vf-node-color, #0041d0);
   }

.vue-flow__node-default {
  --vf-handle: var(--vf-node-color, #1a192b);
  --vf-box-shadow: var(--vf-node-color, #1a192b);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #1a192b);
}

.vue-flow__node-default.selected,
  .vue-flow__node-default:focus,
  .vue-flow__node-default:focus-visible {
     outline: none;
     border: 1px solid var(--vf-node-color, #1a192b);
   }

.vue-flow__node-output {
  --vf-handle: var(--vf-node-color, #ff0072);
  --vf-box-shadow: var(--vf-node-color, #ff0072);

  background: var(--vf-node-bg);
  border-color: var(--vf-node-color, #ff0072);
}

.vue-flow__node-output.selected,
  .vue-flow__node-output:focus,
  .vue-flow__node-output:focus-visible {
     outline: none;
     border: 1px solid var(--vf-node-color, #ff0072);
   }

.vue-flow__nodesselection-rect,
.vue-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}

.vue-flow__nodesselection-rect:focus,
  .vue-flow__nodesselection-rect:focus-visible,
  .vue-flow__selection:focus,
  .vue-flow__selection:focus-visible {
     outline: none;
   }

.vue-flow__handle {
  width: 6px;
  height: 6px;
  background: var(--vf-handle);
  border: 1px solid #fff;
  border-radius: 100%;
}