/*! Basscss | http://basscss.com | MIT License */
* {
  color: #045476 !important;
	font-family: "Cyntho Next", sans-serif !important;
}
.h1 {
  font-size: 2rem;
}
.h2 {
  font-size: 1.5rem;
}
.h3 {
  font-size: 1.25rem;
	color: #045476 !important;
}
.h4 {
  font-size: 1rem;
}
.h5 {
  font-size: 0.875rem;
}
.h6 {
  font-size: 0.75rem;
}
.font-family-inherit {
  font-family: inherit;
}
.font-size-inherit {
  font-size: inherit;
}
.text-decoration-none {
  text-decoration: none;
}
.bold {
  font-weight: 700;
}
.regular {
  font-weight: 400;
}
.italic {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.left-align {
  text-align: left;
}
.center {
  text-align: center;
}
.right-align {
  text-align: right;
}
.justify {
  text-align: justify;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  word-wrap: break-word;
}
.line-height-1 {
  line-height: 1;
}
.line-height-2 {
  line-height: 1.125;
}
.line-height-3 {
  line-height: 1.25;
}
.line-height-4 {
  line-height: 1.5;
}
.list-style-none {
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fit {
  max-width: 100%;
}
.max-width-1 {
  max-width: 24rem;
}
.max-width-2 {
  max-width: 32rem;
}
.max-width-3 {
  max-width: 48rem;
}
.max-width-4 {
  max-width: 64rem;
}
.border-box {
  box-sizing: border-box;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0,
.mx0 {
  margin-left: 0;
}
.mx0 {
  margin-right: 0;
}
.my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 0.5rem;
}
.mt1 {
  margin-top: 0.5rem;
}
.mr1 {
  margin-right: 0.5rem;
}
.mb1 {
  margin-bottom: 0.5rem;
}
.ml1,
.mx1 {
  margin-left: 0.5rem;
}
.mx1 {
  margin-right: 0.5rem;
}
.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m2 {
  margin: 1rem;
}
.mt2 {
  margin-top: 1rem;
}
.mr2 {
  margin-right: 1rem;
}
.mb2 {
  margin-bottom: 1rem;
}
.ml2,
.mx2 {
  margin-left: 1rem;
}
.mx2 {
  margin-right: 1rem;
}
.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m3 {
  margin: 2rem;
}
.mt3 {
  margin-top: 2rem;
}
.mr3 {
  margin-right: 2rem;
}
.mb3 {
  margin-bottom: 2rem;
}
.ml3,
.mx3 {
  margin-left: 2rem;
}
.mx3 {
  margin-right: 2rem;
}
.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m4 {
  margin: 4rem;
}
.mt4 {
  margin-top: 4rem;
}
.mr4 {
  margin-right: 4rem;
}
.mb4 {
  margin-bottom: 4rem;
}
.ml4,
.mx4 {
  margin-left: 4rem;
}
.mx4 {
  margin-right: 4rem;
}
.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pl0,
.px0 {
  padding-left: 0;
}
.px0 {
  padding-right: 0;
}
.py0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 0.5rem;
}
.pt1 {
  padding-top: 0.5rem;
}
.pr1 {
  padding-right: 0.5rem;
}
.pb1 {
  padding-bottom: 0.5rem;
}
.pl1 {
  padding-left: 0.5rem;
}
.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p2 {
  padding: 1rem;
}
.pt2 {
  padding-top: 1rem;
}
.pr2 {
  padding-right: 1rem;
}
.pb2 {
  padding-bottom: 1rem;
}
.pl2 {
  padding-left: 1rem;
}
.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p3 {
  padding: 2rem;
}
.pt3 {
  padding-top: 2rem;
}
.pr3 {
  padding-right: 2rem;
}
.pb3 {
  padding-bottom: 2rem;
}
.pl3 {
  padding-left: 2rem;
}
.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p4 {
  padding: 4rem;
}
.pt4 {
  padding-top: 4rem;
}
.pr4 {
  padding-right: 4rem;
}
.pb4 {
  padding-bottom: 4rem;
}
.pl4 {
  padding-left: 4rem;
}
.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.col {
  float: left;
}
.col,
.col-right {
  box-sizing: border-box;
}
.col-right {
  float: right;
}
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.33333%;
  }
  .sm-col-2 {
    width: 16.66667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.33333%;
  }
  .sm-col-5 {
    width: 41.66667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.33333%;
  }
  .sm-col-8 {
    width: 66.66667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.33333%;
  }
  .sm-col-11 {
    width: 91.66667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.33333%;
  }
  .md-col-2 {
    width: 16.66667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.33333%;
  }
  .md-col-5 {
    width: 41.66667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.33333%;
  }
  .md-col-8 {
    width: 66.66667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.33333%;
  }
  .md-col-11 {
    width: 91.66667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.33333%;
  }
  .lg-col-2 {
    width: 16.66667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.33333%;
  }
  .lg-col-5 {
    width: 41.66667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.33333%;
  }
  .lg-col-8 {
    width: 66.66667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.33333%;
  }
  .lg-col-11 {
    width: 91.66667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 40em) {
  .sm-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 52em) {
  .md-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 64em) {
  .lg-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
.items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.self-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.self-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.content-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.content-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.content-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.content-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.order-last {
  -webkit-box-ordinal-group: 100000;
  -webkit-order: 99999;
  -ms-flex-order: 99999;
  order: 99999;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none {
  border: 0;
}
.rounded {
  border-radius: 3px;
}
.circle {
  border-radius: 50%;
}
.rounded-top {
  border-radius: 3px 3px 0 0;
}
.rounded-right {
  border-radius: 0 3px 3px 0;
}
.rounded-bottom {
  border-radius: 0 0 3px 3px;
}
.rounded-left {
  border-radius: 3px 0 0 3px;
}
.not-rounded {
  border-radius: 0;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em) {
  .xs-hide {
    display: none !important;
  }
}
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}
@media (min-width: 40em) {
  .sm-m0 {
    margin: 0;
  }
  .sm-mt0 {
    margin-top: 0;
  }
  .sm-mr0 {
    margin-right: 0;
  }
  .sm-mb0 {
    margin-bottom: 0;
  }
  .sm-ml0 {
    margin-left: 0;
  }
  .sm-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm-m1 {
    margin: 0.5rem;
  }
  .sm-mt1 {
    margin-top: 0.5rem;
  }
  .sm-mr1 {
    margin-right: 0.5rem;
  }
  .sm-mb1 {
    margin-bottom: 0.5rem;
  }
  .sm-ml1 {
    margin-left: 0.5rem;
  }
  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-m2 {
    margin: 1rem;
  }
  .sm-mt2 {
    margin-top: 1rem;
  }
  .sm-mr2 {
    margin-right: 1rem;
  }
  .sm-mb2 {
    margin-bottom: 1rem;
  }
  .sm-ml2 {
    margin-left: 1rem;
  }
  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm-m3 {
    margin: 2rem;
  }
  .sm-mt3 {
    margin-top: 2rem;
  }
  .sm-mr3 {
    margin-right: 2rem;
  }
  .sm-mb3 {
    margin-bottom: 2rem;
  }
  .sm-ml3 {
    margin-left: 2rem;
  }
  .sm-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm-m4 {
    margin: 4rem;
  }
  .sm-mt4 {
    margin-top: 4rem;
  }
  .sm-mr4 {
    margin-right: 4rem;
  }
  .sm-mb4 {
    margin-bottom: 4rem;
  }
  .sm-ml4 {
    margin-left: 4rem;
  }
  .sm-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sm-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .sm-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .sm-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .sm-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .sm-ml-auto {
    margin-left: auto;
  }
  .sm-mr-auto {
    margin-right: auto;
  }
  .sm-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 52em) {
  .md-m0 {
    margin: 0;
  }
  .md-mt0 {
    margin-top: 0;
  }
  .md-mr0 {
    margin-right: 0;
  }
  .md-mb0 {
    margin-bottom: 0;
  }
  .md-ml0 {
    margin-left: 0;
  }
  .md-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md-m1 {
    margin: 0.5rem;
  }
  .md-mt1 {
    margin-top: 0.5rem;
  }
  .md-mr1 {
    margin-right: 0.5rem;
  }
  .md-mb1 {
    margin-bottom: 0.5rem;
  }
  .md-ml1 {
    margin-left: 0.5rem;
  }
  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md-m2 {
    margin: 1rem;
  }
  .md-mt2 {
    margin-top: 1rem;
  }
  .md-mr2 {
    margin-right: 1rem;
  }
  .md-mb2 {
    margin-bottom: 1rem;
  }
  .md-ml2 {
    margin-left: 1rem;
  }
  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md-m3 {
    margin: 2rem;
  }
  .md-mt3 {
    margin-top: 2rem;
  }
  .md-mr3 {
    margin-right: 2rem;
  }
  .md-mb3 {
    margin-bottom: 2rem;
  }
  .md-ml3 {
    margin-left: 2rem;
  }
  .md-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md-m4 {
    margin: 4rem;
  }
  .md-mt4 {
    margin-top: 4rem;
  }
  .md-mr4 {
    margin-right: 4rem;
  }
  .md-mb4 {
    margin-bottom: 4rem;
  }
  .md-ml4 {
    margin-left: 4rem;
  }
  .md-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .md-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .md-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .md-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .md-ml-auto {
    margin-left: auto;
  }
  .md-mr-auto {
    margin-right: auto;
  }
  .md-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 64em) {
  .lg-m0 {
    margin: 0;
  }
  .lg-mt0 {
    margin-top: 0;
  }
  .lg-mr0 {
    margin-right: 0;
  }
  .lg-mb0 {
    margin-bottom: 0;
  }
  .lg-ml0 {
    margin-left: 0;
  }
  .lg-mx0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg-my0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg-m1 {
    margin: 0.5rem;
  }
  .lg-mt1 {
    margin-top: 0.5rem;
  }
  .lg-mr1 {
    margin-right: 0.5rem;
  }
  .lg-mb1 {
    margin-bottom: 0.5rem;
  }
  .lg-ml1 {
    margin-left: 0.5rem;
  }
  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg-m2 {
    margin: 1rem;
  }
  .lg-mt2 {
    margin-top: 1rem;
  }
  .lg-mr2 {
    margin-right: 1rem;
  }
  .lg-mb2 {
    margin-bottom: 1rem;
  }
  .lg-ml2 {
    margin-left: 1rem;
  }
  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg-m3 {
    margin: 2rem;
  }
  .lg-mt3 {
    margin-top: 2rem;
  }
  .lg-mr3 {
    margin-right: 2rem;
  }
  .lg-mb3 {
    margin-bottom: 2rem;
  }
  .lg-ml3 {
    margin-left: 2rem;
  }
  .lg-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg-m4 {
    margin: 4rem;
  }
  .lg-mt4 {
    margin-top: 4rem;
  }
  .lg-mr4 {
    margin-right: 4rem;
  }
  .lg-mb4 {
    margin-bottom: 4rem;
  }
  .lg-ml4 {
    margin-left: 4rem;
  }
  .lg-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .lg-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .lg-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .lg-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .lg-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .lg-ml-auto {
    margin-left: auto;
  }
  .lg-mr-auto {
    margin-right: auto;
  }
  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 40em) {
  .sm-p0 {
    padding: 0;
  }
  .sm-pt0 {
    padding-top: 0;
  }
  .sm-pr0 {
    padding-right: 0;
  }
  .sm-pb0 {
    padding-bottom: 0;
  }
  .sm-pl0 {
    padding-left: 0;
  }
  .sm-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-p1 {
    padding: 0.5rem;
  }
  .sm-pt1 {
    padding-top: 0.5rem;
  }
  .sm-pr1 {
    padding-right: 0.5rem;
  }
  .sm-pb1 {
    padding-bottom: 0.5rem;
  }
  .sm-pl1 {
    padding-left: 0.5rem;
  }
  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm-p2 {
    padding: 1rem;
  }
  .sm-pt2 {
    padding-top: 1rem;
  }
  .sm-pr2 {
    padding-right: 1rem;
  }
  .sm-pb2 {
    padding-bottom: 1rem;
  }
  .sm-pl2 {
    padding-left: 1rem;
  }
  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-p3 {
    padding: 2rem;
  }
  .sm-pt3 {
    padding-top: 2rem;
  }
  .sm-pr3 {
    padding-right: 2rem;
  }
  .sm-pb3 {
    padding-bottom: 2rem;
  }
  .sm-pl3 {
    padding-left: 2rem;
  }
  .sm-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-p4 {
    padding: 4rem;
  }
  .sm-pt4 {
    padding-top: 4rem;
  }
  .sm-pr4 {
    padding-right: 4rem;
  }
  .sm-pb4 {
    padding-bottom: 4rem;
  }
  .sm-pl4 {
    padding-left: 4rem;
  }
  .sm-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 52em) {
  .md-p0 {
    padding: 0;
  }
  .md-pt0 {
    padding-top: 0;
  }
  .md-pr0 {
    padding-right: 0;
  }
  .md-pb0 {
    padding-bottom: 0;
  }
  .md-pl0 {
    padding-left: 0;
  }
  .md-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-p1 {
    padding: 0.5rem;
  }
  .md-pt1 {
    padding-top: 0.5rem;
  }
  .md-pr1 {
    padding-right: 0.5rem;
  }
  .md-pb1 {
    padding-bottom: 0.5rem;
  }
  .md-pl1 {
    padding-left: 0.5rem;
  }
  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md-p2 {
    padding: 1rem;
  }
  .md-pt2 {
    padding-top: 1rem;
  }
  .md-pr2 {
    padding-right: 1rem;
  }
  .md-pb2 {
    padding-bottom: 1rem;
  }
  .md-pl2 {
    padding-left: 1rem;
  }
  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md-p3 {
    padding: 2rem;
  }
  .md-pt3 {
    padding-top: 2rem;
  }
  .md-pr3 {
    padding-right: 2rem;
  }
  .md-pb3 {
    padding-bottom: 2rem;
  }
  .md-pl3 {
    padding-left: 2rem;
  }
  .md-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md-p4 {
    padding: 4rem;
  }
  .md-pt4 {
    padding-top: 4rem;
  }
  .md-pr4 {
    padding-right: 4rem;
  }
  .md-pb4 {
    padding-bottom: 4rem;
  }
  .md-pl4 {
    padding-left: 4rem;
  }
  .md-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 64em) {
  .lg-p0 {
    padding: 0;
  }
  .lg-pt0 {
    padding-top: 0;
  }
  .lg-pr0 {
    padding-right: 0;
  }
  .lg-pb0 {
    padding-bottom: 0;
  }
  .lg-pl0 {
    padding-left: 0;
  }
  .lg-px0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-py0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-p1 {
    padding: 0.5rem;
  }
  .lg-pt1 {
    padding-top: 0.5rem;
  }
  .lg-pr1 {
    padding-right: 0.5rem;
  }
  .lg-pb1 {
    padding-bottom: 0.5rem;
  }
  .lg-pl1 {
    padding-left: 0.5rem;
  }
  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg-p2 {
    padding: 1rem;
  }
  .lg-pt2 {
    padding-top: 1rem;
  }
  .lg-pr2 {
    padding-right: 1rem;
  }
  .lg-pb2 {
    padding-bottom: 1rem;
  }
  .lg-pl2 {
    padding-left: 1rem;
  }
  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-p3 {
    padding: 2rem;
  }
  .lg-pt3 {
    padding-top: 2rem;
  }
  .lg-pr3 {
    padding-right: 2rem;
  }
  .lg-pb3 {
    padding-bottom: 2rem;
  }
  .lg-pl3 {
    padding-left: 2rem;
  }
  .lg-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-p4 {
    padding: 4rem;
  }
  .lg-pt4 {
    padding-top: 4rem;
  }
  .lg-pr4 {
    padding-right: 4rem;
  }
  .lg-pb4 {
    padding-bottom: 4rem;
  }
  .lg-pl4 {
    padding-left: 4rem;
  }
  .lg-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 40em) {
  .sm-h00 {
    font-size: 4rem;
  }
  .sm-h0 {
    font-size: 3rem;
  }
  .sm-h1 {
    font-size: 2rem;
  }
  .sm-h2 {
    font-size: 1.5rem;
  }
  .sm-h3 {
    font-size: 1.15rem;
  }
  .sm-h4 {
    font-size: 1rem;
  }
  .sm-h5 {
    font-size: 0.875rem;
  }
  .sm-h6 {
    font-size: 0.75rem;
  }
}
@media (min-width: 52em) {
  .md-h00 {
    font-size: 4rem;
  }
  .md-h0 {
    font-size: 3rem;
  }
  .md-h1 {
    font-size: 2rem;
  }
  .md-h2 {
    font-size: 1.5rem;
  }
  .md-h3 {
    font-size: 1.15rem;
  }
  .md-h4 {
    font-size: 1rem;
  }
  .md-h5 {
    font-size: 0.875rem;
  }
  .md-h6 {
    font-size: 0.75rem;
  }
}
@media (min-width: 64em) {
  .lg-h00 {
    font-size: 4rem;
  }
  .lg-h0 {
    font-size: 3rem;
  }
  .lg-h1 {
    font-size: 2rem;
  }
  .lg-h2 {
    font-size: 1.5rem;
  }
  .lg-h3 {
    font-size: 1.15rem;
  }
  .lg-h4 {
    font-size: 1rem;
  }
  .lg-h5 {
    font-size: 0.875rem;
  }
  .lg-h6 {
    font-size: 0.75rem;
  }
}
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.modal-video-close {
  opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table;
}
.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
} /*! lightgallery - v1.6.11 - 2018-05-22
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
@font-face {
  font-family: "lg";
  src: url(http://dwpbnzvyubj62.cloudfront.net/assets/lightgallery/lg-62b42009a95895d9b1854810efd04e9c36ac057d333a63b513fffff41ae1006e.eot?n1z373);
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/lg-62b42009a95895d9b1854810efd04e9c36ac057d333a63b513fffff41ae1006e.eot?#iefixn1z373)
      format("embedded-opentype"),
    url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/lg-d28f0d0d98371217bf094fe8865787b781c45d659f65c38ef58cb9fb94dc5dc4.woff?n1z373)
      format("woff"),
    url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/lg-ccc21e7806548395fed1022e62a0e9927ad7771b13d8f189477365ab561d4740.ttf?n1z373)
      format("truetype"),
    url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/lg-f4388e49e4e2891219d6b1e54ffe3e73d9a6d5eb1220e2d6bf92589243db3671.svg?n1z373#lg)
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: "lg";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #fff;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item.lg-complete
  .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #fff;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/vimeo-play-bd15a424a2b5e2d712855e24f43852a23bc2d611d84421e94e78fced9d75d9f3.png)
    no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/vimeo-play-bd15a424a2b5e2d712855e24f43852a23bc2d611d84421e94e78fced9d75d9f3.png)
    no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent
    url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/video-play-d672c9c9b4584f3738483400d9f011eae8bcd0bbedf78207b7aae7326c8e4805.png)
    no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/youtube-play-a990faede50834e4129a4b553c75729967609545871944ac433bfb4ba6080c27.png)
    no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/youtube-play-a990faede50834e4129a4b553c75729967609545871944ac433bfb4ba6080c27.png)
    no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #fff;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s,
    visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}
.lg-group:after {
  content: "";
  display: table;
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url(//dwpbnzvyubj62.cloudfront.net/assets/lightgallery/loading-aa47395ec996afdd50f8a182c77cc581d1a17081b779f9c9812b6d5146f61792.gif)
    no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
} /*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 0 1rem;
  display: inline-block;
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}
.toastify.on {
  opacity: 1;
}
.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}
.toastify-right {
  right: 15px;
}
.toastify-left {
  left: 15px;
}
.toastify-top {
  transform: translateY(-30px);
}
.toastify-top.on {
  transform: translateY(9px);
}
.toastify-bottom {
  transform: translateY(30px);
}
.toastify-bottom.on {
  transform: translateY(-9px);
}
.toastify-rounded {
  border-radius: 25px;
}
.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}
.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}
@media only screen and (max-width: 360px) {
  .toastify-right,
  .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px;
}
lite-youtube::before {
  content: attr(data-title);
  display: block;
  position: absolute;
  top: 0;
  background-image: linear-gradient(
    180deg,
    RGB(0 0 0/67%) 0%,
    RGB(0 0 0/54%) 14%,
    RGB(0 0 0/15%) 54%,
    RGB(0 0 0/5%) 72%,
    RGB(0 0 0/0%) 94%
  );
  height: 99px;
  width: 100%;
  font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
  color: HSL(0deg 0% 93.33%);
  text-shadow: 0 0 2px RGBA(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 25px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
lite-youtube:hover::before {
  color: white;
}
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
lite-youtube > .lty-playbtn {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center/68px 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  position: absolute;
  cursor: pointer;
  z-index: 1;
  filter: GRAYSCALE(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: 0;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none;
}
lite-youtube.lyt-activated {
  cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none;
}
.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}
.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=)
    no-repeat 0 0;
}
.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==)
    #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.selectize-control.plugin-drag_drop.multi
  > .selectize-input
  > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .active[data-value] .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] .option[data-selectable] {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown .option[data-selectable] {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,
    0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee,
    0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eee;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eee;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eee;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #3c3f40;
  fill: #3c3f40;
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: #3c3f40;
  fill: #3c3f40;
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #f64747;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(64, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(64, 72, 72, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(64, 72, 72, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(60, 63, 64, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #3c3f40;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #3c3f40;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(60, 63, 64, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eee;
  box-shadow: -1px 0 0 #eee;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e9e9e9;
  border-color: #e9e9e9;
}
.flatpickr-day.today {
  border-color: #f64747;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #f64747;
  background: #f64747;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #4f99ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #4f99ff;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #4f99ff;
  box-shadow: -10px 0 0 #4f99ff;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
  box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  border-color: #e9e9e9;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(64, 72, 72, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
  box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #eee;
  box-shadow: 1px 0 0 #eee;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #404848;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #404848;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #404848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #404848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f6f6f6;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  width: 307.875px;
}
.dayContainer {
  padding: 0;
  border-right: 0;
}
span.flatpickr-day,
span.flatpickr-day.prevMonthDay,
span.flatpickr-day.nextMonthDay {
  border-radius: 0 !important;
  border: 1px solid #e9e9e9;
  max-width: none;
  border-right-color: transparent;
}
span.flatpickr-day:nth-child(n + 8),
span.flatpickr-day.prevMonthDay:nth-child(n + 8),
span.flatpickr-day.nextMonthDay:nth-child(n + 8) {
  border-top-color: transparent;
}
span.flatpickr-day:nth-child(7n-6),
span.flatpickr-day.prevMonthDay:nth-child(7n-6),
span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
  border-left: 0;
}
span.flatpickr-day:nth-child(n + 36),
span.flatpickr-day.prevMonthDay:nth-child(n + 36),
span.flatpickr-day.nextMonthDay:nth-child(n + 36) {
  border-bottom: 0;
}
span.flatpickr-day:nth-child(-n + 7),
span.flatpickr-day.prevMonthDay:nth-child(-n + 7),
span.flatpickr-day.nextMonthDay:nth-child(-n + 7) {
  margin-top: 0;
}
span.flatpickr-day.today:not(.selected),
span.flatpickr-day.prevMonthDay.today:not(.selected),
span.flatpickr-day.nextMonthDay.today:not(.selected) {
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #f64747;
}
span.flatpickr-day.today:not(.selected):hover,
span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
  border: 1px solid #f64747;
}
span.flatpickr-day.startRange,
span.flatpickr-day.prevMonthDay.startRange,
span.flatpickr-day.nextMonthDay.startRange,
span.flatpickr-day.endRange,
span.flatpickr-day.prevMonthDay.endRange,
span.flatpickr-day.nextMonthDay.endRange {
  border-color: #4f99ff;
}
span.flatpickr-day.today,
span.flatpickr-day.prevMonthDay.today,
span.flatpickr-day.nextMonthDay.today,
span.flatpickr-day.selected,
span.flatpickr-day.prevMonthDay.selected,
span.flatpickr-day.nextMonthDay.selected {
  z-index: 2;
}
.rangeMode .flatpickr-day {
  margin-top: -1px;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.flatpickr-weekwrapper span.flatpickr-day {
  border: 0;
  margin: -1px 0 0 -1px;
}
.hasWeeks .flatpickr-days {
  border-right: 0;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 400;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-regular-pro-a92acb9b480556b7e65b6a91395a5372ce376634824db9b8bdc5da39e44a2b3c.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 500;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-medium-pro-aadc198f2d1d0eb2b23291584a4bc705c6b34b9e556eae25301e061fbcbe962e.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 700;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-bold-pro-d57c3df67e4460be68da0e78bb73fd6815590f9442b72bb46a30e62fe1be7444.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Dorian Gore";
  font-style: normal;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/doriangorerotate2-e9dca895e3d8adb7f5e62840dc58e763fd50c70d84288418d38d2304533bba52.ttf);
  font-display: swap;
}
body {
  font-family: "Mabry Pro", sans-serif;
}
.dorian-gore {
  font-size: 3.375rem;
  font-family: "Dorian Gore", sans-serif !important;
  letter-spacing: 2px !important;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.hxxl,
hxxl {
  font-size: 5.6rem;
  line-height: 5.6rem;
}
.hxl,
hxl {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.5rem;
}
.h0,
h0 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3rem;
}
.h1,
h1 {
  font-size: 2rem;
  font-weight: 700;
}
.h2,
h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.h3,
h3 {
  font-size: 1.15rem;
  font-weight: 600;
}
.h4,
h4 {
  font-size: 1rem;
  font-weight: 400;
}
.h5,
h5 {
  font-size: 0.9rem;
  font-weight: 400;
}
.h6,
h6 {
  font-size: 0.75rem;
  font-weight: 400;
}
.h7 {
  font-size: 0.65rem;
}
body {
  color: var(--color-neutral-400);
}
html.app_client_layout body p.hxxl,
html.app_client_layout body p.hxl,
html.app_client_layout body p.h0,
html.app_client_layout body p.h1,
html.app_client_layout body p.h2,
html.app_client_layout body p.h3,
html.app_client_layout body p.bold,
html.app_client_layout
  body
  .connect-service-page
  .case-study-carousel-headings
  .swiper-slide-active
  p,
.connect-service-page
  .case-study-carousel-headings
  .swiper-slide-active
  html.app_client_layout
  body
  p,
html.app_client_layout body p.h1.fw600,
html.app_client_layout body p.h2.fw600,
html.app_client_layout body p.h3.fw600,
html.app_client_layout body p.h4.fw600,
html.app_client_layout body p.h5.fw600,
html.app_client_layout body p.h6.fw600,
html.app_client_layout body p.h7.fw600,
html.app_client_layout body p.h1.fw700,
html.app_client_layout body p.h2.fw700,
html.app_client_layout body p.h3.fw700,
html.app_client_layout body p.h4.fw700,
html.app_client_layout body p.h5.fw700,
html.app_client_layout body p.h6.fw700,
html.app_client_layout body p.h7.fw700,
html.app_client_layout body strong {
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700 !important;
}
html.app_client_layout body .h3.fw400,
html.app_client_layout body .h2.fw400,
html.app_client_layout body .h0.fw400 {
  font-family: "Mabry Pro", sans-serif;
}
* {
  -webkit-font-smoothing: antialiased;
}
textarea {
  font-family: inherit;
}
a {
  text-decoration: none;
  color: inherit;
}
sup {
  vertical-align: top;
}
.lh35 {
  line-height: 35px;
}
.lh0 {
  line-height: 0;
}
.lh1 {
  line-height: 1;
}
.lh1-2 {
  line-height: 1.2;
}
.lh1-4 {
  line-height: 1.4;
}
.lh1-5 {
  line-height: 1.5;
}
abbr[title] {
  text-decoration: none;
}
.uppercase {
  text-transform: uppercase;
}
.strikethrough {
  text-decoration: line-through;
}
.hover-no-text-decoration:hover {
  text-decoration: unset;
}
.fw200 {
  font-weight: 200;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw625 {
  font-weight: 625;
}
.fw700 {
  font-weight: 700;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}
.text-bluey-grey,
.accordion_element_title {
  color: #8697a5;
}
.text-ruby,
.text-super_hot_lead {
  color: #e85b5b;
}
.text-grey {
  color: #f7f9fb;
}
.text-mid-grey {
  color: #cad1d9;
}
.text-green {
  color: #02b494;
}
.text-action {
  color: #4990e2;
}
.text-action {
  color: #4990e2;
}
.text-dark-grey {
  color: #9da5ad;
}
.force_wrap {
  word-break: break-all;
}
.overflow-wrap {
  overflow-wrap: break-word;
}
.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}
.internal-link {
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 40em) {
  .sm-h6 {
    font-size: 0.75rem !important;
  }
  .sm-h5 {
    font-size: 0.875rem !important;
  }
  .sm-h4 {
    font-size: 1rem !important;
  }
  .sm-h3 {
    font-size: 1.15rem !important;
  }
  .sm-h2 {
    font-size: 1.5rem !important;
  }
  .sm-h1 {
    font-size: 2rem !important;
  }
  .sm-h0 {
    font-size: 3rem !important;
    line-height: 3rem;
  }
  .sm-hxl {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 3.5rem;
  }
  .sm-fw400 {
    font-weight: 400 !important;
    font-family: "Mabry Pro", sans-serif !important;
  }
}
@media (min-width: 52em) {
  .md-h3 {
    font-size: 1.15rem !important;
  }
  .md-h2 {
    font-size: 1.5rem !important;
    font-family: "Mabry Pro", sans-serif !important;
    font-weight: 700 !important;
  }
  .md-h1 {
    font-size: 2rem !important;
  }
  .md-h0 {
    font-size: 3rem !important;
  }
  .dorian-gore {
    font-size: 6.25rem;
  }
}
@media (min-width: 64em) {
  .lg-h4 {
    font-size: 1rem !important;
  }
  .lg-h3 {
    font-size: 1.15rem !important;
  }
  .lg-h2 {
    font-size: 1.5rem !important;
  }
  .lg-h1 {
    font-size: 2rem !important;
  }
  .lg-h0 {
    font-size: 3rem !important;
    line-height: 3rem;
  }
  .lg-hxxl {
    font-size: 5.6rem !important;
    line-height: 5.6rem !important;
  }
}
.svg-inactive svg g {
  fill: #bcc2cc;
}
.svg-green svg g,
.svg-green svg path {
  fill: #00b593;
}
.svg-amber svg g {
  fill: #f8c01c;
}
.svg-ruby svg g,
.navigation_console .navigation_console_tab.alert_tab svg g,
.admin_nav_label_wrapper.alert_label svg g,
.svg-ruby svg path,
.navigation_console .navigation_console_tab.alert_tab svg path,
.admin_nav_label_wrapper.alert_label svg path {
  fill: #e85b5b;
}
.svg-yellow svg g,
.svg-yellow svg path {
  fill: #ffc300;
}
.svg-bluey-grey svg g:not(.lock-fill),
.navigation_console
  .navigation_console_tab:not(.selected_tab, .alert_tab, .empty_tab)
  svg
  g:not(.lock-fill),
.admin_nav_label_wrapper svg g:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_link svg g:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_sublink svg g:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_link svg g:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_sublink svg g:not(.lock-fill),
.app_third_party_layout #third_party_topbar .navbar_link svg g:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_sublink
  svg
  g:not(.lock-fill),
.app_third_party_layout #third_party_navbar .navbar_link svg g:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_sublink
  svg
  g:not(.lock-fill),
.svg-bluey-grey svg path:not(.lock-fill),
.navigation_console
  .navigation_console_tab:not(.selected_tab, .alert_tab, .empty_tab)
  svg
  path:not(.lock-fill),
.admin_nav_label_wrapper svg path:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_link svg path:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_sublink svg path:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_link svg path:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_sublink svg path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_link
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_sublink
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_link
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_sublink
  svg
  path:not(.lock-fill) {
  fill: #8697a5;
}
.svg-grey svg g,
.btn-outline-green:hover svg g,
.svg-grey svg path,
.btn-outline-green:hover svg path {
  fill: #f7f9fb;
}
.svg-mid-grey svg g:not(.lock-fill),
.tool_router_strip_widget .inactive_tool_router_card svg g:not(.lock-fill),
.svg-mid-grey svg path:not(.lock-fill),
.tool_router_strip_widget .inactive_tool_router_card svg path:not(.lock-fill) {
  fill: #cad1d9;
}
.svg-dark-grey svg g,
.svg-dark-grey svg path {
  fill: #9da5ad;
}
.svg-black svg path {
  fill: black;
}
.svg-blue svg path {
  fill: #0495fa;
}
.hover-svg-dark-grey:hover svg path:not(.lock-fill) {
  fill: #9da5ad;
}
.hover-svg-mid-grey:hover svg path:not(.lock-fill) {
  fill: #cad1d9;
}
.svg-hover-transition svg path {
  transition: fill 0.2s ease-in-out;
}
.downscale-svg svg {
  transform: scale(0.6);
  margin-top: -5px;
}
.svg-block svg {
  display: block;
}
.svg-inline-block svg {
  display: inline-block;
}
.svg-h10 svg {
  height: 10px;
  width: auto;
}
.svg-12 svg {
  height: 12px;
  width: 12px;
}
.svg-14 svg,
.light_navigation_tab svg,
.admin_project_nav_btn svg {
  height: 14px;
  width: 14px;
}
.svg-h14 svg {
  height: 14px;
  width: auto;
}
.svg-16 svg,
.dashboard_nav_link svg,
.navigation_console .navigation_console_tab svg {
  height: 16px;
  width: 16px;
}
.svg-h16 svg {
  height: 16px;
  width: auto;
}
.svg-18 svg {
  height: 18px;
  width: 18px;
}
.svg-32 svg {
  height: 32px;
  width: 32px;
}
.svg-h18 svg {
  height: 18px;
  width: auto;
}
.svg-w48 svg {
  height: 48px;
  width: auto;
}
.svg-w120 svg {
  height: auto;
  width: 120px;
}
.svg-w150 svg {
  height: auto;
  width: 150px;
}
.svg-20 svg,
.app_client_layout #third_party_topbar .navbar_link svg,
.app_client_layout #third_party_topbar .navbar_sublink svg,
.app_client_layout #third_party_navbar .navbar_link svg,
.app_client_layout #third_party_navbar .navbar_sublink svg,
.app_third_party_layout #third_party_topbar .navbar_link svg,
.app_third_party_layout #third_party_topbar .navbar_sublink svg,
.app_third_party_layout #third_party_navbar .navbar_link svg,
.app_third_party_layout #third_party_navbar .navbar_sublink svg {
  height: 20px;
  width: 20px;
}
.svg-22 svg {
  height: 22px;
  width: 22px;
}
.svg-24 svg {
  height: 24px;
  width: 24px;
}
.svg-28 svg {
  height: 28px;
  width: 28px;
}
.svg-30 svg {
  height: 30px;
  width: 30px;
}
.svg-h30 svg {
  height: 30px;
  width: auto;
}
.svg-h35 svg,
.tool_router_strip_widget .tool_router_card svg {
  height: 35px;
  width: auto;
}
.svg-35 svg {
  height: 35px;
  width: 35px;
}
.svg-40 svg {
  height: 40px;
  width: 40px;
}
.svg-48 svg {
  height: 48px;
  width: 48px;
}
.svg-56 svg {
  height: 56px;
  width: 56px;
}
.svg-60 svg {
  height: 60px;
  width: 60px;
}
.svg-h60 svg {
  height: 60px;
  width: auto;
}
.svg-70 svg {
  height: 70px;
  width: 70px;
}
.svg-80 svg {
  height: 80px;
  width: 80px;
}
.svg-96 svg {
  height: 96px;
  width: 96px;
}
.svg-100 svg {
  height: 100px;
  width: 100px;
}
.svg-h100 svg {
  height: 100px;
  width: auto;
}
.svg-w100 svg {
  height: auto;
  width: 100px;
}
.svg-120 svg {
  height: 120px;
  width: 120px;
}
.svg-130 svg {
  height: 130px;
  width: 130px;
}
.svg-140 svg {
  height: 140px;
  width: 140px;
}
.svg-150 svg {
  height: 150px;
  width: 150px;
}
.svg-h160 svg {
  height: 160px;
  width: auto;
}
.svg-180 svg {
  height: 180px;
  width: 180px;
}
.svg-200 svg {
  height: 200px;
  width: 200px;
}
.svg-w200 svg {
  height: auto;
  width: 200px;
}
.svg-230 svg {
  height: 230px;
  width: 230px;
}
.svg-320 svg {
  width: 320px;
  height: 320px;
}
.svg-w320 svg {
  width: 320px;
  height: auto;
}
.svg-500 svg {
  width: 500px;
  height: 500px;
}
.svg-fullwidth svg {
  width: 100%;
  height: auto;
}
.svg-fullheight svg {
  width: auto;
  height: 100%;
}
.svg-ml2px svg {
  margin-left: 2px;
}
.svg-mr2px svg {
  margin-right: 2px;
}
@media (min-width: 40em) {
  .sm-svg-100 svg {
    height: 100px;
    width: 100px;
  }
  .sm-svg-200 svg {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 52em) {
  .md-svg-40 svg {
    height: 40px;
    width: 40px;
  }
  .md-svg-200 svg {
    height: 200px;
    width: 200px;
  }
  .md-svg-w300 svg {
    height: auto;
    width: 300px;
  }
  .md-svg-w320 svg {
    width: 320px;
    height: auto;
  }
}
.pointer {
  cursor: pointer;
}
.pointer-disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) and (min-width: 52em) {
  .hover-text-ruby:hover {
    color: #e85b5b;
  }
  .hover-text-mid-grey:hover {
    color: #cad1d9;
  }
  .hover-text-dark-grey:hover {
    color: #9da5ad;
  }
  .hover-text-bluey-grey:hover {
    color: #8697a5;
  }
  .hover-grey:hover {
    background-color: #f7f9fb;
    border-color: #f7f9fb;
  }
  .hover-green:hover {
    background-color: #02b494;
    color: #f7f9fb;
    border-color: #02b494;
  }
  .hover_effect,
  .tool_router_landing_page .tool_router_card {
    transition: all 0.1s;
  }
  .hover_effect:hover,
  .tool_router_landing_page .tool_router_card:hover,
  .hover_effect:focus,
  .tool_router_landing_page .tool_router_card:focus {
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  }
  .hover-bold:hover {
    font-weight: bold;
  }
  .hover-border-mid-grey:hover {
    border-color: #cad1d9;
  }
  .hover-translucify:hover {
    opacity: 0.9;
  }
  .hover-pointer:hover {
    cursor: pointer;
  }
  .hover-grey:hover {
    background: #f7f9fb;
    color: var(--color-neutral-800);
  }
  .hover-underline:hover {
    text-decoration: underline !important;
  }
  .hover-ruby:hover {
    background: #e85b5b;
    color: white;
  }
}
@media (hover: hover) and (pointer: fine) {
  .parent-hover:hover .parent-hover-svg-bluey-grey svg g:not(.lock-fill),
  .parent-hover:hover .parent-hover-svg-bluey-grey svg path:not(.lock-fill) {
    fill: #8697a5;
  }
  .parent-hover:hover .parent-hover-svg-mid-grey svg g:not(.lock-fill),
  .parent-hover:hover .parent-hover-svg-mid-grey svg path:not(.lock-fill) {
    fill: #cad1d9;
  }
  .parent-hover:hover .hover-translucent-child {
    opacity: 0.9 !important;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .parent-hover:hover .hover-transparent-child {
    opacity: 1 !important;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .parent-hover:hover .hover-underline {
    text-decoration: underline;
  }
  .parent-hover:hover .parent-hover-block {
    display: block;
  }
}
.trigger_complete_task_modal .complete_task_icon {
  display: none;
}
.trigger_complete_task_modal .incomplete_task_icon {
  display: block;
}
.trigger_complete_task_modal:hover .complete_task_icon {
  display: block;
}
.trigger_complete_task_modal:hover .incomplete_task_icon {
  display: none;
}
body {
  padding: 0;
  margin: 0;
}
html,
body {
  min-height: 100%;
}
.sidebar,
.content {
  height: 100%;
}
.border-box {
  box-sizing: border-box;
}
.fullheight {
  height: 100%;
}
.top-100 {
  top: 100%;
}
.min-fullheight {
  min-height: 100vh;
}
.max-fullheight {
  max-height: 100vh;
}
.fullwidth {
  width: 100%;
}
.aspect-ratio-1 {
  aspect-ratio: 1;
}
.fit-content {
  width: fit-content;
}
.fit-content-height {
  height: fit-content;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.visibility-hidden {
  visibility: hidden;
}
.transparent {
  opacity: 0;
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.pointer-none {
  pointer-events: none;
}
@media (max-width: 52em) {
  .xs-sm-mx-auto {
    margin: 0 auto;
  }
  .xs-sm-hidden {
    display: none;
  }
}
@media (max-width: 40em) {
  .xs-max-width-0-5 {
    max-width: 18rem;
  }
}
@media (min-width: 52em) {
  .md-max-width-1 {
    max-width: 24rem;
  }
  .md-max-width-1-5 {
    max-width: 28rem;
  }
}
@media (min-width: 64em) {
  .lg-max-width-4 {
    max-width: 64rem;
  }
}
.max-width-0-5 {
  max-width: 18rem;
}
.max-width-1-5 {
  max-width: 28rem;
}
.max-width-2-5 {
  max-width: 40rem;
}
.max-width-3-5 {
  max-width: 58rem;
}
.max-width-4-5 {
  max-width: 75rem;
}
.max-width-5 {
  max-width: 1440px;
}
.max-width-6 {
  max-width: 1680px;
}
.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}
.hidden {
  display: none;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.sticky-top {
  position: sticky;
  top: 0;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  -webkit-backface-visibility: hidden;
}
.z5 {
  z-index: 5;
}
.z6 {
  z-index: 6;
}
div.alwaysbreak {
  page-break-before: always;
}
div.nobreak:before {
  clear: both;
}
div.nobreak {
  page-break-inside: avoid;
}
.height-0 {
  height: 0;
}
.height-1 {
  height: 1px;
}
.w1 {
  width: 1px;
}
.w2 {
  width: 2px;
}
.h10 {
  height: 10px;
}
.w10 {
  width: 10px;
}
.h14 {
  height: 14px;
}
.w14 {
  width: 14px;
}
.h15 {
  height: 15px;
}
.w15 {
  width: 15px;
}
.h16 {
  height: 16px;
}
.w16 {
  width: 16px;
}
.h18 {
  height: 18px;
}
.w18 {
  width: 18px;
}
.h20 {
  height: 20px;
}
.w20 {
  width: 20px;
}
.h22 {
  height: 22px;
}
.w22 {
  width: 22px;
}
.h24 {
  height: 24px;
}
.w24 {
  width: 24px;
}
.h25 {
  height: 25px;
}
.w25 {
  width: 25px;
}
.h30 {
  height: 30px;
}
.w30 {
  width: 30px;
}
.h32 {
  height: 32px;
}
.w32 {
  width: 32px;
}
.h35 {
  height: 35px;
}
.w35 {
  width: 35px;
}
.h40 {
  height: 40px;
}
.w40 {
  width: 40px;
}
.h48 {
  height: 48px;
}
.w48 {
  width: 48px;
}
.h50 {
  height: 50px;
}
.w50 {
  width: 50px;
}
.h55 {
  height: 55px;
}
.w55 {
  width: 55px;
}
.h60 {
  height: 60px;
}
.w60 {
  width: 60px;
}
.h64 {
  height: 64px;
}
.w64 {
  width: 64px;
}
.h65 {
  height: 65px;
}
.w65 {
  width: 65px;
}
.h70 {
  height: 70px;
}
.w70 {
  width: 70px;
}
.h75 {
  height: 75px;
}
.w75 {
  width: 75px;
}
.h80 {
  height: 80px;
}
.w80 {
  width: 80px;
}
.h88 {
  height: 88px;
}
.w88 {
  width: 88px;
}
.h90 {
  height: 90px;
}
.w90 {
  width: 90px;
}
.h100 {
  height: 100px;
}
.w100 {
  width: 100px;
}
.h110 {
  height: 110px;
}
.w110 {
  width: 110px;
}
.h120 {
  height: 120px;
}
.w120 {
  width: 120px;
}
.h130 {
  height: 130px;
}
.w130 {
  width: 130px;
}
.h140 {
  height: 140px;
}
.w140 {
  width: 140px;
}
.h150 {
  height: 150px;
}
.w150 {
  width: 150px;
}
.h160 {
  height: 160px;
}
.w160 {
  width: 160px;
}
.h170 {
  height: 170px;
}
.w170 {
  width: 170px;
}
.h180 {
  height: 180px;
}
.w180 {
  width: 180px;
}
.h190 {
  height: 190px;
}
.w190 {
  width: 190px;
}
.h200 {
  height: 200px;
}
.w200 {
  width: 200px;
}
.h210 {
  height: 210px;
}
.w210 {
  width: 210px;
}
.h220 {
  height: 220px;
}
.w220 {
  width: 220px;
}
.h230 {
  height: 230px;
}
.w230 {
  width: 230px;
}
.h240 {
  height: 240px;
}
.w240 {
  width: 240px;
}
.h250 {
  height: 250px;
}
.w250 {
  width: 250px;
}
.h270 {
  height: 270px;
}
.w270 {
  width: 270px;
}
.h280 {
  height: 280px;
}
.w280 {
  width: 280px;
}
.h300 {
  height: 300px;
}
.w300 {
  width: 300px;
}
.h320 {
  height: 320px;
}
.w320 {
  width: 320px;
}
.h330 {
  height: 330px;
}
.w330 {
  width: 330px;
}
.h340 {
  height: 340px;
}
.w340 {
  width: 340px;
}
.h350 {
  height: 350px;
}
.w350 {
  width: 350px;
}
.h370 {
  height: 370px;
}
.w370 {
  width: 370px;
}
.h380 {
  height: 380px;
}
.w380 {
  width: 380px;
}
.h400 {
  height: 400px;
}
.w400 {
  width: 400px;
}
.h410 {
  height: 410px;
}
.w410 {
  width: 410px;
}
.h450 {
  height: 450px;
}
.w450 {
  width: 450px;
}
.h470 {
  height: 470px;
}
.w470 {
  width: 470px;
}
.h500 {
  height: 500px;
}
.w500 {
  width: 500px;
}
.h550 {
  height: 550px;
}
.w550 {
  width: 550px;
}
.h600 {
  height: 600px;
}
.w600 {
  width: 600px;
}
.h640 {
  height: 640px;
}
.w640 {
  width: 640px;
}
.h700 {
  height: 700px;
}
.w700 {
  width: 700px;
}
.h768 {
  height: 768px;
}
.w768 {
  width: 768px;
}
.h800 {
  height: 800px;
}
.w800 {
  width: 800px;
}
.h850 {
  height: 850px;
}
.w850 {
  width: 850px;
}
.h900 {
  height: 900px;
}
.w900 {
  width: 900px;
}
.h1000 {
  height: 1000px;
}
.w1000 {
  width: 1000px;
}
.minw0 {
  min-width: 0px;
}
.maxw0 {
  max-width: 0px;
}
.minw50 {
  min-width: 50px;
}
.maxw50 {
  max-width: 50px;
}
.minw70 {
  min-width: 70px;
}
.maxw70 {
  max-width: 70px;
}
.minw90 {
  min-width: 90px;
}
.maxw90 {
  max-width: 90px;
}
.minw100 {
  min-width: 100px;
}
.maxw100 {
  max-width: 100px;
}
.minw105 {
  min-width: 105px;
}
.maxw105 {
  max-width: 105px;
}
.minw120 {
  min-width: 120px;
}
.maxw120 {
  max-width: 120px;
}
.minw150 {
  min-width: 150px;
}
.maxw150 {
  max-width: 150px;
}
.minw160 {
  min-width: 160px;
}
.maxw160 {
  max-width: 160px;
}
.minw170 {
  min-width: 170px;
}
.maxw170 {
  max-width: 170px;
}
.minw200 {
  min-width: 200px;
}
.maxw200 {
  max-width: 200px;
}
.minw210 {
  min-width: 210px;
}
.maxw210 {
  max-width: 210px;
}
.minw230 {
  min-width: 230px;
}
.maxw230 {
  max-width: 230px;
}
.minw240 {
  min-width: 240px;
}
.maxw240 {
  max-width: 240px;
}
.minw250 {
  min-width: 250px;
}
.maxw250 {
  max-width: 250px;
}
.minw260 {
  min-width: 260px;
}
.maxw260 {
  max-width: 260px;
}
.minw300 {
  min-width: 300px;
}
.maxw300 {
  max-width: 300px;
}
.minw310 {
  min-width: 310px;
}
.maxw310 {
  max-width: 310px;
}
.minw320 {
  min-width: 320px;
}
.maxw320 {
  max-width: 320px;
}
.minw350 {
  min-width: 350px;
}
.maxw350 {
  max-width: 350px;
}
.minw400 {
  min-width: 400px;
}
.maxw400 {
  max-width: 400px;
}
.minw450 {
  min-width: 450px;
}
.maxw450 {
  max-width: 450px;
}
.minw470 {
  min-width: 470px;
}
.maxw470 {
  max-width: 470px;
}
.minw500 {
  min-width: 500px;
}
.maxw500 {
  max-width: 500px;
}
.minw550 {
  min-width: 550px;
}
.maxw550 {
  max-width: 550px;
}
.minw600 {
  min-width: 600px;
}
.maxw600 {
  max-width: 600px;
}
.minw700 {
  min-width: 700px;
}
.maxw700 {
  max-width: 700px;
}
.minw750 {
  min-width: 750px;
}
.maxw750 {
  max-width: 750px;
}
.minw800 {
  min-width: 800px;
}
.maxw800 {
  max-width: 800px;
}
.minw900 {
  min-width: 900px;
}
.maxw900 {
  max-width: 900px;
}
.minw1200 {
  min-width: 1200px;
}
.maxw1200 {
  max-width: 1200px;
}
.maxwfull {
  max-width: 100%;
}
.minwfull {
  min-width: 100%;
}
.minh0 {
  min-height: 0px;
}
.maxh0 {
  max-height: 0px;
}
.minh20 {
  min-height: 20px;
}
.maxh20 {
  max-height: 20px;
}
.minh30 {
  min-height: 30px;
}
.maxh30 {
  max-height: 30px;
}
.minh80 {
  min-height: 80px;
}
.maxh80 {
  max-height: 80px;
}
.minh100 {
  min-height: 100px;
}
.maxh100 {
  max-height: 100px;
}
.minh150 {
  min-height: 150px;
}
.maxh150 {
  max-height: 150px;
}
.minh170 {
  min-height: 170px;
}
.maxh170 {
  max-height: 170px;
}
.minh190 {
  min-height: 190px;
}
.maxh190 {
  max-height: 190px;
}
.minh200 {
  min-height: 200px;
}
.maxh200 {
  max-height: 200px;
}
.minh220 {
  min-height: 220px;
}
.maxh220 {
  max-height: 220px;
}
.minh240 {
  min-height: 240px;
}
.maxh240 {
  max-height: 240px;
}
.minh270 {
  min-height: 270px;
}
.maxh270 {
  max-height: 270px;
}
.minh300 {
  min-height: 300px;
}
.maxh300 {
  max-height: 300px;
}
.minh320 {
  min-height: 320px;
}
.maxh320 {
  max-height: 320px;
}
.minh340 {
  min-height: 340px;
}
.maxh340 {
  max-height: 340px;
}
.minh350 {
  min-height: 350px;
}
.maxh350 {
  max-height: 350px;
}
.minh380 {
  min-height: 380px;
}
.maxh380 {
  max-height: 380px;
}
.minh400 {
  min-height: 400px;
}
.maxh400 {
  max-height: 400px;
}
.minh450 {
  min-height: 450px;
}
.maxh450 {
  max-height: 450px;
}
.minh490 {
  min-height: 490px;
}
.maxh490 {
  max-height: 490px;
}
.minh500 {
  min-height: 500px;
}
.maxh500 {
  max-height: 500px;
}
.minh520 {
  min-height: 520px;
}
.maxh520 {
  max-height: 520px;
}
.minh600 {
  min-height: 600px;
}
.maxh600 {
  max-height: 600px;
}
.minh640 {
  min-height: 640px;
}
.maxh640 {
  max-height: 640px;
}
.minh720 {
  min-height: 720px;
}
.maxh720 {
  max-height: 720px;
}
.minh800 {
  min-height: 800px;
}
.maxh800 {
  max-height: 800px;
}
.inset1 {
  inset: 1px;
}
.dev_placeholder {
  display: block;
  box-sizing: border-box;
  background: #ffffff;
  padding: 10px;
  border: 4px var(--color-neutral-55) dotted;
  text-align: center;
}
.container {
  /* padding-left: 0px; */
  min-height: 400px; /* Adjust as needed */
  padding-bottom: 20px;
}
.container::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 52em) {
  .container {
    padding-left: 200px;
  }
}
.inline-flex {
  display: inline-flex;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-1 {
  flex: 1 1 0;
}
.flex-grow-2 {
  flex: 2 1 0;
}
.flex-equal,
.navigation_console .navigation_console_tab {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}
.flex-equal-children > * {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}
.flex-children-p0 > * {
  flex: 0 1 0%;
  min-width: 0;
}
.flex-children-p25 > * {
  flex: 0 1 25%;
  min-width: 0;
}
.flex-children-p33 > * {
  flex: 0 1 33%;
  min-width: 0;
}
.flex-children-p50 > * {
  flex: 0 1 50%;
  min-width: 0;
}
.flex-children-p100 > * {
  flex: 0 1 100%;
  min-width: 0;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.justify-evenly {
  justify-content: space-evenly;
}
.vertical-align-text-top {
  vertical-align: text-top;
}
#overlay,
.app_client_overlay,
.app_third_party_overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
#overlay {
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
}
.app_client_overlay,
.app_third_party_overlay {
  z-index: 5;
  background-color: rgba(134, 151, 165, 0.6);
}
.pin {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scroll-hidden::-webkit-scrollbar {
  display: none;
}
.scroll-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 40em) {
  .xs-col-12 {
    width: 100%;
  }
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
@media (max-width: 40em) {
  .xs-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .xs-center {
    text-align: center;
  }
  .xs-self-center {
    align-self: center;
  }
  .xs-items-center {
    align-items: center;
  }
  .xs-justify-center {
    justify-content: center;
  }
  .xs-flex-column {
    flex-direction: column;
  }
}
@media (max-width: 52em) {
  .xs-flex-wrap {
    flex-wrap: wrap;
  }
  .xs-sm-center {
    text-align: center;
  }
  .xs-sm-flex-column {
    flex-direction: column;
  }
  .xs-sm-justify-center {
    justify-content: center;
  }
  .xs-sm-justify-start {
    justify-content: flex-start !important;
  }
  .xs-sm-items-center {
    align-items: center;
  }
  .xs-sm-h35 {
    height: 35px;
  }
  .xs-sm-h80 {
    height: 80px;
  }
  .xs-sm-maxw220 {
    max-width: 220px;
  }
  .xs-sm-fullheight {
    height: 100%;
  }
  .xs-sm-absolute {
    position: absolute;
  }
}
@media (min-width: 40em) {
  .sm-hidden {
    display: none;
  }
  .sm-block {
    display: block;
  }
  .sm-flex {
    display: flex;
  }
  .sm-h350 {
    height: 350px;
  }
  .sm-h450 {
    height: 450px;
  }
  .sm-w900 {
    width: 900px;
  }
  .sm-max-width-4-5 {
    max-width: 75rem;
  }
  .sm-center {
    text-align: center;
  }
  .sm-left-align {
    text-align: left;
  }
  .sm-items-center {
    align-items: center;
  }
  .sm-items-start {
    align-items: start;
  }
  .sm-items-end {
    align-items: flex-end;
  }
  .sm-justify-start {
    justify-content: flex-start !important;
  }
  .sm-justify-end {
    justify-content: end;
  }
  .sm-justify-center {
    justify-content: center !important;
  }
  .sm-flex-row {
    flex-direction: row;
  }
  .sm-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm-flex-col {
    flex-direction: column;
  }
  .sm-self-start {
    align-self: flex-start;
  }
  .sm-order-0 {
    order: 0;
  }
  .sm-order-1 {
    order: 1;
  }
  .sm-order-2 {
    order: 2;
  }
  .sm-order-3 {
    order: 3;
  }
  .sm-order-last {
    order: 99999;
  }
}
@media (min-width: 52em) {
  .md-hidden {
    display: none;
  }
  .md-flex {
    display: flex;
  }
  .md-sticky {
    position: sticky;
  }
  .md-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .md-center {
    text-align: center;
  }
  .md-left-align {
    text-align: left;
  }
  .md-right-align {
    text-align: right;
  }
  .md-self-stretch {
    align-self: stretch;
  }
  .md-self-end {
    align-self: end;
  }
  .md-justify-center {
    justify-content: center;
  }
  .md-justify-start {
    justify-content: flex-start;
  }
  .md-justify-end {
    justify-content: flex-end;
  }
  .md-justify-between {
    justify-content: space-between;
  }
  .md-items-center {
    align-items: center;
  }
  .md-items-start {
    align-items: start;
  }
  .md-left {
    float: left;
  }
  .md-flex-col,
  .md-flex-column {
    flex-direction: column;
  }
  .md-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md-flex-row {
    flex-direction: row;
  }
  .md-flex-wrap {
    flex-wrap: wrap;
  }
  .md-h55 {
    height: 55px;
  }
  .md-h88 {
    height: 88px;
  }
  .md-h600 {
    height: 600px;
  }
  .md-h550 {
    height: 550px;
  }
  .md-h160 {
    height: 160px;
  }
  .md-h190 {
    height: 190px;
  }
  .md-h250 {
    height: 250px;
  }
  .md-h25 {
    height: 25px;
  }
  .md-w55 {
    width: 55px;
  }
  .md-w88 {
    width: 88px;
  }
  .md-w110 {
    width: 110px;
  }
  .md-w130 {
    width: 130px;
  }
  .md-w230 {
    width: 230px;
  }
  .md-h200 {
    height: 200px;
  }
  .md-block {
    display: block;
  }
  .md-order-0 {
    order: 0;
  }
  .md-order-1 {
    order: 1;
  }
  .md-order-2 {
    order: 2;
  }
  .md-order-3 {
    order: 3;
  }
  .md-order-4 {
    order: 4;
  }
  .md-order-last {
    order: 99999;
  }
  .md-flex-equal-children > * {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .lg-order-0 {
    order: 0;
  }
}
@media (min-width: 64em) {
  .lg-fullheight {
    height: 100%;
  }
  .lg-w900 {
    width: 900px;
  }
  .lg-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .lg-left-align {
    text-align: left;
  }
  .lg-flex-row {
    flex-direction: row;
  }
  .lg-flex-col {
    flex-direction: column;
  }
  .lg-block {
    display: block;
  }
  .lg-flex {
    display: flex;
  }
  .lg-items-center {
    align-items: center;
  }
  .lg-items-start {
    align-items: start;
  }
  .lg-justify-start {
    justify-content: flex-start;
  }
  .lg-max-width-1-5 {
    max-width: 28rem;
  }
}
@media (min-width: 80em) {
  .xl-col-4 {
    width: 33.3333333333%;
  }
  .xl-hide {
    display: none !important;
  }
  .xl-show {
    display: block !important;
  }
}
.divider {
  width: 100%;
  border-top: 1px solid #e1dddd;
}
.bg-none {
  background: none;
}
.bg-ruby {
  background: #e85b5b;
}
.bg-light-ruby {
  background: #fdf2f2;
}
.bg-grey {
  background: #f7f9fb;
}
.bg-mid-grey {
  background: #cad1d9;
}
.bg-dark-grey {
  background: #9da5ad;
}
.bg-green {
  background: #02b494;
}
.bg-action {
  background: #4990e2;
}
.bg-bluey-grey {
  background: #8697a5;
}
.selected-blue {
  background: var(--color-info-400) !important;
  border: 1px solid white;
  margin: -1px;
  color: white !important;
  font-weight: 600;
}
.btn-outline,
.btn-outline-mid-grey,
.btn-outline-bluey-grey,
.btn-outline-dark-grey,
.btn-outline-white,
.btn-outline-yellow,
.btn-outline-blue,
.btn-outline-ruby,
.btn-outline-green {
  border: 1px solid;
  font-weight: 300;
  color: var(--color-neutral-400);
  border-color: var(--color-neutral-400);
}
.btn-outline-green {
  border-color: #02b494;
  color: #02b494;
}
.btn-outline-green:hover {
  background-color: #02b494;
  border-color: #02b494;
  color: #f7f9fb;
}
.btn-outline-ruby {
  border-color: #e85b5b;
  color: #e85b5b;
}
.btn-outline-blue {
  border-color: #0099f8;
  color: #0099f8;
}
.btn-outline-yellow {
  border-color: #ffc300;
  color: #ffc300;
}
.btn-outline-white {
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-dark-grey {
  border-color: #9da5ad;
  color: #9da5ad;
}
.btn-outline-bluey-grey {
  border-color: #8697a5;
  color: #8697a5;
}
.btn-outline-mid-grey {
  border-color: #cad1d9;
  color: #cad1d9;
}
.btn,
.btn-marketing,
.btn-nano,
.btn-micro,
.btn-mini {
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  box-sizing: border-box;
  line-height: 1.125rem;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.btn:hover,
.btn-marketing:hover,
.btn-nano:hover,
.btn-micro:hover,
.btn-mini:hover,
.btn:focus,
.btn-marketing:focus,
.btn-nano:focus,
.btn-micro:focus,
.btn-mini:focus {
  text-decoration: none;
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.btn-mini {
  font-size: 0.7rem;
  padding: 4px 16px;
}
.btn-micro {
  font-size: 0.6rem;
  padding: 3px 12px;
  font-weight: 600;
}
.btn-nano {
  font-size: 0.6rem;
  padding: 0px 12px;
  font-weight: 600;
  line-height: 1rem;
}
.btn-marketing {
  padding: 10px 25px;
  border: none;
  border-radius: 30px;
  font-size: 1rem;
  font-family: "Mabry Pro", sans-serif;
  font-weight: 500;
  display: inline-block;
}
.hover-btn-section {
  color: var(--color-secondary-700);
  font-size: 0.875rem;
  margin: 0;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.hover-btn-section:hover {
  background-color: var(--color-neutral-55);
  border-color: var(--color-neutral-55);
}
.btn-section {
  background: var(--color-neutral-55);
  color: #8697a5;
  border: 1px solid var(--color-neutral-55);
  font-size: 0.875rem;
  margin: 0 0 5px 0;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.btn-section.btn-section-selected {
  color: var(--color-neutral-0);
  font-weight: 600;
  background: var(--color-primary-700);
  border: 1px solid transparent;
}
.btn-section.btn-section-selected:hover {
  background: var(--color-primary-800);
}
.btn-section.hover-btn-section {
  margin-bottom: 0;
}
.close-modal {
  z-index: 999 !important;
}
.btn-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.btn-disabled:hover,
.btn-disabled:focus {
  transform: none !important;
  box-shadow: none !important;
}
.btn-reset {
  border: none;
  font-family: inherit;
  color: inherit;
  padding: 0;
  background-color: inherit;
  letter-spacing: -0.1px;
}
.btn-reset:focus {
  outline: none;
}
.admin_project_nav_btn {
  min-height: 25px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  flex: none;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.admin_project_nav_btn i {
  display: inline-block;
  width: 14px;
}
.admin_project_nav_btn i,
.admin_project_nav_btn svg {
  flex: none;
}
.admin_project_nav_btn span:not(.fw400) {
  font-weight: 600;
}
.admin_project_nav_btn.alert_badge,
.admin_project_nav_btn.nav_btn_blue,
.admin_project_nav_btn.nav_btn_green,
.admin_project_nav_btn.nav_btn_light_ocean_blue {
  color: var(--color-neutral-0);
  border: 1px solid transparent;
}
.admin_project_nav_btn.alert_badge svg g:not(.lock-fill),
.admin_project_nav_btn.alert_badge svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_blue svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_blue svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_green svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_green svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_light_ocean_blue svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_light_ocean_blue svg path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.admin_project_nav_btn.alert_badge {
  background-color: var(--color-error-500);
  opacity: 1;
}
.admin_project_nav_btn.alert_badge:hover,
.admin_project_nav_btn.alert_badge.active_navigation_btn {
  background-color: var(--color-error-600);
}
.admin_project_nav_btn.nav_btn_light_ocean_blue {
  background-color: var(--color-secondary-800);
  opacity: 1;
}
.admin_project_nav_btn.nav_btn_light_ocean_blue:hover,
.admin_project_nav_btn.nav_btn_light_ocean_blue.active_navigation_btn {
  background-color: var(--color-secondary-900);
}
.admin_project_nav_btn.nav_btn_blue {
  background-color: var(--color-info-400);
}
.admin_project_nav_btn.nav_btn_blue:hover,
.admin_project_nav_btn.nav_btn_blue.active_navigation_btn {
  background-color: var(--color-info-500);
}
.admin_project_nav_btn.nav_btn_green {
  background-color: var(--color-success-400);
}
.admin_project_nav_btn.nav_btn_green:hover,
.admin_project_nav_btn.nav_btn_green.active_navigation_btn {
  background-color: var(--color-success-500);
}
.admin_project_nav_btn.nav_btn_disabled {
  background-color: var(--color-neutral-15);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-55);
}
.admin_project_nav_btn.nav_btn_disabled svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_disabled svg path:not(.lock-fill) {
  fill: var(--color-neutral-55);
}
.admin_project_nav_btn.nav_btn_outline_green {
  border: 1px solid;
  font-weight: 300;
  border-color: #02b494;
  color: #02b494;
}
.admin_project_nav_btn.nav_btn_outline_green:hover {
  background-color: #02b494;
  border-color: #02b494;
  color: #f7f9fb;
}
.admin_project_nav_btn.nav_btn_outline_green:hover svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_green:hover svg path:not(.lock-fill) {
  fill: var(--color-neutral-400);
}
.admin_project_nav_btn.nav_btn_outline_green svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_green svg path:not(.lock-fill) {
  fill: var(--color-success-500);
}
.admin_project_nav_btn.nav_btn_outline_red {
  border: 1px solid var(--color-error-500);
  color: var(--color-error-500);
}
.admin_project_nav_btn.nav_btn_outline_red svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_red svg path:not(.lock-fill) {
  fill: var(--color-error-500);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red) {
  background-color: var(--color-neutral-40);
  color: var(--color-neutral-400);
  border: 1px solid var(--color-neutral-55);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red)
  svg
  g:not(.lock-fill),
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red)
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-400);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red):hover,
.admin_project_nav_btn.active_navigation_btn:not(.alert_badge):not(
    .nav_btn_blue
  ):not(.nav_btn_green):not(.nav_btn_light_ocean_blue):not(
    .nav_btn_outline_green
  ):not(.nav_btn_disabled):not(.nav_btn_outline_red) {
  background-color: var(--color-neutral-55);
}
.btn-blue {
  background: #0099f8;
  border: 1px solid #0099f8;
  color: #ffffff;
}
.btn-green,
input:not(:checked) + .hidden_radio_button.unchecked-green,
input:checked + .hidden_radio_button.checked-green {
  background: #02b494;
  border: 1px solid #02b494;
  color: #ffffff;
}
.btn-action,
.btn-yellow,
input:not(:checked) + .hidden_radio_button.unchecked-yellow,
input:checked + .hidden_radio_button.checked-yellow {
  background: #ffc300;
  color: var(--color-neutral-800);
  border: 1px solid #ffc300;
}
.btn-ruby,
input:not(:checked) + .hidden_radio_button.unchecked-ruby,
input:checked + .hidden_radio_button.checked-ruby {
  background: #e85b5b;
  color: #ffffff;
  border: 1px solid #e85b5b;
}
.btn-white,
input:not(:checked) + .hidden_radio_button.unchecked-white,
input:checked + .hidden_radio_button.checked-white {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: var(--color-neutral-800);
}
.btn-mid-grey,
input:not(:checked) + .hidden_radio_button.unchecked-mid-grey,
input:checked + .hidden_radio_button.checked-mid-grey {
  background: #cad1d9;
  border: 1px solid #cad1d9;
}
.btn-dark-grey {
  background: #9da5ad;
  border: 1px solid #9da5ad;
  color: #ffffff;
}
.btn-cloud {
  background: var(--color-neutral-55);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-400);
}
.btn-cloud-hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover,
input:checked + .hidden_radio_button.checked-cloud-hover {
  background: var(--color-neutral-40);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-800);
}
.btn-cloud-hover:hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:hover,
input:checked + .hidden_radio_button.checked-cloud-hover:hover {
  background: var(--color-neutral-55);
}
.btn-cloud-hover:hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:hover,
input:checked + .hidden_radio_button.checked-cloud-hover:hover,
.btn-cloud-hover:focus,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:focus,
input:checked + .hidden_radio_button.checked-cloud-hover:focus {
  transform: none !important;
  box-shadow: none !important;
}
.btn-tertiary,
input:not(:checked) + .hidden_radio_button.unchecked-tertiary,
input:checked + .hidden_radio_button.checked-tertiary {
  background: var(--color-tertiary-500);
  border: 1px solid var(--color-tertiary-500);
  color: var(--color-neutral-0);
}
.border-yellow {
  border-color: #ffc300;
}
.border-grey {
  border-color: #f7f9fb;
}
.border-mid-grey {
  border-color: #cad1d9;
}
.border-dark-grey {
  border-color: #9da5ad;
}
.border-ruby {
  border-color: #e85b5b;
}
.border-green {
  border-color: #02b494;
}
.border-action {
  border-color: #4990e2;
}
.border-transparent {
  border-color: transparent;
}
.border-1 {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border-4 {
  border-width: 4px;
}
.border-5 {
  border-width: 5px;
}
.border-10 {
  border-width: 10px;
}
@media (max-width: 52em) {
  .xs-sm-border-top {
    border-top-style: solid;
    border-top-width: 1px;
  }
}
@media (min-width: 52em) {
  .md-border-right {
    border-right-style: solid;
    border-right-width: 1px;
  }
}
@media (min-width: 52em) {
  .md-border-top {
    border-top-style: solid;
    border-top-width: 1px;
  }
}
.border-dashed {
  border-style: dashed;
}
.rounded-0 {
  border-radius: 0px;
}
.rounded-4 {
  border-radius: 4px;
}
.rounded-6 {
  border-radius: 6px;
}
.rounded-8 {
  border-radius: 8px;
}
.rounded-14 {
  border-radius: 14px;
}
.rounded-16 {
  border-radius: 16px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-50 {
  border-radius: 50px;
}
.rounded-top-4 {
  border-radius: 4px 4px 0 0;
}
.rounded-top-6 {
  border-radius: 6px 6px 0 0;
}
.rounded-top-8 {
  border-radius: 8px 8px 0 0;
}
.rounded-top-20 {
  border-radius: 20px 20px 0 0;
}
.rounded-bottom-4 {
  border-radius: 0px 0px 4px 4px;
}
.rounded-bottom-6 {
  border-radius: 0px 0px 6px 6px;
}
.rounded-bottom-8 {
  border-radius: 0px 0px 8px 8px;
}
.rounded-bottom-20 {
  border-radius: 0 0 20px 20px;
}
.rounded-left-6 {
  border-radius: 6px 0px 0px 6px;
}
.rounded-left-8 {
  border-radius: 8px 0px 0px 8px;
}
.rounded-left-20 {
  border-radius: 20px 0px 0px 20px;
}
.rounded-left-99 {
  border-radius: 99px 0px 0px 99px;
}
.rounded-right-4 {
  border-radius: 0px 4px 4px 0px;
}
.rounded-right-6 {
  border-radius: 0px 6px 6px 0px;
}
.rounded-right-8 {
  border-radius: 0px 8px 8px 0px;
}
.rounded-right-20 {
  border-radius: 0px 20px 20px 0px;
}
.rounded-right-25 {
  border-radius: 0px 25px 25px 0px;
}
.rounded-right-99 {
  border-radius: 0px 99px 99px 0px;
}
.rounded-top-right-8 {
  border-radius: 0px 8px 0px 0px;
}
.rounded-bottom-right-8 {
  border-radius: 0px 0px 8px 0px;
}
.rounded-bottom-left-8 {
  border-radius: 0px 0px 0px 8px;
}
.rounded-top-left-8 {
  border-radius: 8px 0px 0px 0px;
}
.rounded-25 {
  border-radius: 25px;
}
.rounded-30 {
  border-radius: 30px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-left-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-right-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.selected_element {
  border: 5px black solid;
}
@media (max-width: 52em) {
  .xs-sm-border-none {
    border: 0;
  }
}
@media (min-width: 40em) {
  .sm-rounded-16 {
    border-radius: 16px;
  }
  .sm-rounded-24 {
    border-radius: 24px;
  }
}
@media (min-width: 52em) {
  .md-rounded-0 {
    border-radius: 0;
  }
  .md-rounded-8 {
    border-radius: 8px;
  }
  .md-rounded-25 {
    border-radius: 25px;
  }
}
@media (min-width: 64em) {
  .lg-border-none {
    border: 0;
  }
  .lg-rounded-6 {
    border-radius: 8px;
  }
}
.box-shadow-none {
  box-shadow: none;
}
.box-shadow-lighter {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-heavier {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-large {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-heavier-primary-300 {
  box-shadow: 0px 4px 0px -1px var(--color-primary-300);
}
.box-shadow-inset {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
}
@media (min-width: 40em) {
  .sm-box-shadow-none {
    box-shadow: none;
  }
  .sm-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .sm-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (min-width: 52em) {
  .md-box-shadow-none {
    box-shadow: none;
  }
  .md-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .md-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (min-width: 64em) {
  .lg-box-shadow-none {
    box-shadow: none;
  }
  .lg-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .lg-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-box-shadow-none:hover {
    box-shadow: none;
  }
  .hover-box-shadow-none {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-lighter:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-lighter {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-heavier:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-heavier {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-large:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-large {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-heavier-primary-300:hover {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .hover-box-shadow-heavier-primary-300 {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-inset:hover {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
  .hover-box-shadow-inset {
    transition: box-shadow ease-out 150ms;
  }
}
@use "sass:map";
:root {
  --spacing-0: 0rem;
  --spacing-1: 0.5rem;
  --spacing-2: 1rem;
  --spacing-3: 2rem;
  --spacing-4: 4rem;
  --spacing-5: 8rem;
  --spacing-0-5: 0.25rem;
  --spacing-1-5: 0.75rem;
  --spacing-2-25: 1.25rem;
  --spacing-2-5: 1.5rem;
  --spacing-2-75: 1.75rem;
  --spacing-3-25: 2.5rem;
  --spacing-3-5: 3rem;
  --spacing-3-75: 3.5rem;
  --spacing-4-5: 5rem;
  --spacing-4-75: 6.25rem;
  --spacing-5-5: 10rem;
  --spacing-5-75: 12.5rem;
  --spacing-6: 15rem;
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.bg-gradient-cloudy-top {
  background: linear-gradient(
    0deg,
    var(--color-primary-100) 30%,
    var(--color-primary-300) 100%
  );
}
.bg-gradient-cloudy-bottom {
  background: linear-gradient(
    180deg,
    var(--color-primary-100) 60%,
    var(--color-primary-300) 100%
  );
}
.bg-gradient-primary {
  background: linear-gradient(90deg, var(--color-primary-100), #fcf1eb);
}
.bg-gradient-green {
  background: linear-gradient(
    290.9deg,
    var(--color-success-500) 14.41%,
    var(--color-success-400) 60.83%
  );
}
.bg-gradient-blue {
  background: linear-gradient(
    286.39deg,
    #2278ae 49.02%,
    var(--color-info-500) 98.93%
  );
}
.bg-inherit {
  background: inherit;
}
.bg-black-0 {
  background: #000000;
}
.bg-black-0-opacity-8 {
  background: rgba(0, 0, 0, 0.8);
}
.bg-black-0-opacity-5 {
  background: rgba(0, 0, 0, 0.5);
}
.bg-black-0-opacity-3 {
  background: rgba(0, 0, 0, 0.3);
}
.bg-transparent {
  background: transparent;
}
.bg-transparent-opacity-8 {
  background: rgba(0, 0, 0, 0.8);
}
.bg-transparent-opacity-5 {
  background: rgba(0, 0, 0, 0.5);
}
.bg-transparent-opacity-3 {
  background: rgba(0, 0, 0, 0.3);
}
.bg-primary-800 {
  background: #4731c4;
}
.bg-primary-800-opacity-8 {
  background: rgba(71, 49, 196, 0.8);
}
.bg-primary-800-opacity-5 {
  background: rgba(71, 49, 196, 0.5);
}
.bg-primary-800-opacity-3 {
  background: rgba(71, 49, 196, 0.3);
}
.bg-primary-700 {
  background: #5f4ad2;
}
.bg-primary-700-opacity-8 {
  background: rgba(95, 74, 210, 0.8);
}
.bg-primary-700-opacity-5 {
  background: rgba(95, 74, 210, 0.5);
}
.bg-primary-700-opacity-3 {
  background: rgba(95, 74, 210, 0.3);
}
.bg-primary-200 {
  background: #d6d1f3;
}
.bg-primary-200-opacity-8 {
  background: rgba(214, 209, 243, 0.8);
}
.bg-primary-200-opacity-5 {
  background: rgba(214, 209, 243, 0.5);
}
.bg-primary-200-opacity-3 {
  background: rgba(214, 209, 243, 0.3);
}
.bg-primary-300 {
  background: #bdb4ee;
}
.bg-primary-300-opacity-8 {
  background: rgba(189, 180, 238, 0.8);
}
.bg-primary-300-opacity-5 {
  background: rgba(189, 180, 238, 0.5);
}
.bg-primary-300-opacity-3 {
  background: rgba(189, 180, 238, 0.3);
}
.bg-primary-100 {
  background: #eeebfc;
}
.bg-primary-100-opacity-8 {
  background: rgba(238, 235, 252, 0.8);
}
.bg-primary-100-opacity-5 {
  background: rgba(238, 235, 252, 0.5);
}
.bg-primary-100-opacity-3 {
  background: rgba(238, 235, 252, 0.3);
}
.bg-secondary-900 {
  background: #312753;
}
.bg-secondary-900-opacity-8 {
  background: rgba(49, 39, 83, 0.8);
}
.bg-secondary-900-opacity-5 {
  background: rgba(49, 39, 83, 0.5);
}
.bg-secondary-900-opacity-3 {
  background: rgba(49, 39, 83, 0.3);
}
.bg-secondary-800 {
  background: #3e3168;
}
.bg-secondary-800-opacity-8 {
  background: rgba(62, 49, 104, 0.8);
}
.bg-secondary-800-opacity-5 {
  background: rgba(62, 49, 104, 0.5);
}
.bg-secondary-800-opacity-3 {
  background: rgba(62, 49, 104, 0.3);
}
.bg-tertiary-900 {
  background: #662800;
}
.bg-tertiary-900-opacity-8 {
  background: rgba(102, 40, 0, 0.8);
}
.bg-tertiary-900-opacity-5 {
  background: rgba(102, 40, 0, 0.5);
}
.bg-tertiary-900-opacity-3 {
  background: rgba(102, 40, 0, 0.3);
}
.bg-tertiary-500 {
  background: #ed5d00;
}
.bg-tertiary-500-opacity-8 {
  background: rgba(237, 93, 0, 0.8);
}
.bg-tertiary-500-opacity-5 {
  background: rgba(237, 93, 0, 0.5);
}
.bg-tertiary-500-opacity-3 {
  background: rgba(237, 93, 0, 0.3);
}
.bg-tertiary-400 {
  background: #ff8130;
}
.bg-tertiary-400-opacity-8 {
  background: rgba(255, 129, 48, 0.8);
}
.bg-tertiary-400-opacity-5 {
  background: rgba(255, 129, 48, 0.5);
}
.bg-tertiary-400-opacity-3 {
  background: rgba(255, 129, 48, 0.3);
}
.bg-tertiary-200 {
  background: #ffba8e;
}
.bg-tertiary-200-opacity-8 {
  background: rgba(255, 186, 142, 0.8);
}
.bg-tertiary-200-opacity-5 {
  background: rgba(255, 186, 142, 0.5);
}
.bg-tertiary-200-opacity-3 {
  background: rgba(255, 186, 142, 0.3);
}
.bg-tertiary-100 {
  background: #ffeadc;
}
.bg-tertiary-100-opacity-8 {
  background: rgba(255, 234, 220, 0.8);
}
.bg-tertiary-100-opacity-5 {
  background: rgba(255, 234, 220, 0.5);
}
.bg-tertiary-100-opacity-3 {
  background: rgba(255, 234, 220, 0.3);
}
.bg-error-600 {
  background: #c04b4b;
}
.bg-error-600-opacity-8 {
  background: rgba(192, 75, 75, 0.8);
}
.bg-error-600-opacity-5 {
  background: rgba(192, 75, 75, 0.5);
}
.bg-error-600-opacity-3 {
  background: rgba(192, 75, 75, 0.3);
}
.bg-error-500 {
  background: #e85d5d;
}
.bg-error-500-opacity-8 {
  background: rgba(232, 93, 93, 0.8);
}
.bg-error-500-opacity-5 {
  background: rgba(232, 93, 93, 0.5);
}
.bg-error-500-opacity-3 {
  background: rgba(232, 93, 93, 0.3);
}
.bg-error-400 {
  background: #ee8787;
}
.bg-error-400-opacity-8 {
  background: rgba(238, 135, 135, 0.8);
}
.bg-error-400-opacity-5 {
  background: rgba(238, 135, 135, 0.5);
}
.bg-error-400-opacity-3 {
  background: rgba(238, 135, 135, 0.3);
}
.bg-error-100 {
  background: #fce9e9;
}
.bg-error-100-opacity-8 {
  background: rgba(252, 233, 233, 0.8);
}
.bg-error-100-opacity-5 {
  background: rgba(252, 233, 233, 0.5);
}
.bg-error-100-opacity-3 {
  background: rgba(252, 233, 233, 0.3);
}
.bg-success-500 {
  background: #029d81;
}
.bg-success-500-opacity-8 {
  background: rgba(2, 157, 129, 0.8);
}
.bg-success-500-opacity-5 {
  background: rgba(2, 157, 129, 0.5);
}
.bg-success-500-opacity-3 {
  background: rgba(2, 157, 129, 0.3);
}
.bg-success-400 {
  background: #13b99b;
}
.bg-success-400-opacity-8 {
  background: rgba(19, 185, 155, 0.8);
}
.bg-success-400-opacity-5 {
  background: rgba(19, 185, 155, 0.5);
}
.bg-success-400-opacity-3 {
  background: rgba(19, 185, 155, 0.3);
}
.bg-success-100 {
  background: #d8f3ee;
}
.bg-success-100-opacity-8 {
  background: rgba(216, 243, 238, 0.8);
}
.bg-success-100-opacity-5 {
  background: rgba(216, 243, 238, 0.5);
}
.bg-success-100-opacity-3 {
  background: rgba(216, 243, 238, 0.3);
}
.bg-info-500 {
  background: #2a92d3;
}
.bg-info-500-opacity-8 {
  background: rgba(42, 146, 211, 0.8);
}
.bg-info-500-opacity-5 {
  background: rgba(42, 146, 211, 0.5);
}
.bg-info-500-opacity-3 {
  background: rgba(42, 146, 211, 0.3);
}
.bg-info-400 {
  background: #31acf9;
}
.bg-info-400-opacity-8 {
  background: rgba(49, 172, 249, 0.8);
}
.bg-info-400-opacity-5 {
  background: rgba(49, 172, 249, 0.5);
}
.bg-info-400-opacity-3 {
  background: rgba(49, 172, 249, 0.3);
}
.bg-info-100 {
  background: #dbf1fe;
}
.bg-info-100-opacity-8 {
  background: rgba(219, 241, 254, 0.8);
}
.bg-info-100-opacity-5 {
  background: rgba(219, 241, 254, 0.5);
}
.bg-info-100-opacity-3 {
  background: rgba(219, 241, 254, 0.3);
}
.bg-neutral-800 {
  background: #1d1d20;
}
.bg-neutral-800-opacity-8 {
  background: rgba(29, 29, 32, 0.8);
}
.bg-neutral-800-opacity-5 {
  background: rgba(29, 29, 32, 0.5);
}
.bg-neutral-800-opacity-3 {
  background: rgba(29, 29, 32, 0.3);
}
.bg-neutral-400 {
  background: #6d6b75;
}
.bg-neutral-400-opacity-8 {
  background: rgba(109, 107, 117, 0.8);
}
.bg-neutral-400-opacity-5 {
  background: rgba(109, 107, 117, 0.5);
}
.bg-neutral-400-opacity-3 {
  background: rgba(109, 107, 117, 0.3);
}
.bg-neutral-55 {
  background: #dfdfe2;
}
.bg-neutral-55-opacity-8 {
  background: rgba(223, 223, 226, 0.8);
}
.bg-neutral-55-opacity-5 {
  background: rgba(223, 223, 226, 0.5);
}
.bg-neutral-55-opacity-3 {
  background: rgba(223, 223, 226, 0.3);
}
.bg-neutral-40 {
  background: #eaeaec;
}
.bg-neutral-40-opacity-8 {
  background: rgba(234, 234, 236, 0.8);
}
.bg-neutral-40-opacity-5 {
  background: rgba(234, 234, 236, 0.5);
}
.bg-neutral-40-opacity-3 {
  background: rgba(234, 234, 236, 0.3);
}
.bg-neutral-25 {
  background: #f4f4f5;
}
.bg-neutral-25-opacity-8 {
  background: rgba(244, 244, 245, 0.8);
}
.bg-neutral-25-opacity-5 {
  background: rgba(244, 244, 245, 0.5);
}
.bg-neutral-25-opacity-3 {
  background: rgba(244, 244, 245, 0.3);
}
.bg-neutral-15 {
  background: #fafafa;
}
.bg-neutral-15-opacity-8 {
  background: rgba(250, 250, 250, 0.8);
}
.bg-neutral-15-opacity-5 {
  background: rgba(250, 250, 250, 0.5);
}
.bg-neutral-15-opacity-3 {
  background: rgba(250, 250, 250, 0.3);
}
.bg-neutral-0 {
  background: #ffffff;
}
.bg-neutral-0-opacity-8 {
  background: rgba(255, 255, 255, 0.8);
}
.bg-neutral-0-opacity-5 {
  background: rgba(255, 255, 255, 0.5);
}
.bg-neutral-0-opacity-3 {
  background: rgba(255, 255, 255, 0.3);
}
@media (min-width: 40em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .sm-bg-black-0 {
    background: #000000;
  }
  .sm-bg-transparent {
    background: transparent;
  }
  .sm-bg-primary-800 {
    background: #4731c4;
  }
  .sm-bg-primary-700 {
    background: #5f4ad2;
  }
  .sm-bg-primary-200 {
    background: #d6d1f3;
  }
  .sm-bg-primary-300 {
    background: #bdb4ee;
  }
  .sm-bg-primary-100 {
    background: #eeebfc;
  }
  .sm-bg-secondary-900 {
    background: #312753;
  }
  .sm-bg-secondary-800 {
    background: #3e3168;
  }
  .sm-bg-tertiary-900 {
    background: #662800;
  }
  .sm-bg-tertiary-500 {
    background: #ed5d00;
  }
  .sm-bg-tertiary-400 {
    background: #ff8130;
  }
  .sm-bg-tertiary-200 {
    background: #ffba8e;
  }
  .sm-bg-tertiary-100 {
    background: #ffeadc;
  }
  .sm-bg-error-600 {
    background: #c04b4b;
  }
  .sm-bg-error-500 {
    background: #e85d5d;
  }
  .sm-bg-error-400 {
    background: #ee8787;
  }
  .sm-bg-error-100 {
    background: #fce9e9;
  }
  .sm-bg-success-500 {
    background: #029d81;
  }
  .sm-bg-success-400 {
    background: #13b99b;
  }
  .sm-bg-success-100 {
    background: #d8f3ee;
  }
  .sm-bg-info-500 {
    background: #2a92d3;
  }
  .sm-bg-info-400 {
    background: #31acf9;
  }
  .sm-bg-info-100 {
    background: #dbf1fe;
  }
  .sm-bg-neutral-800 {
    background: #1d1d20;
  }
  .sm-bg-neutral-400 {
    background: #6d6b75;
  }
  .sm-bg-neutral-55 {
    background: #dfdfe2;
  }
  .sm-bg-neutral-40 {
    background: #eaeaec;
  }
  .sm-bg-neutral-25 {
    background: #f4f4f5;
  }
  .sm-bg-neutral-15 {
    background: #fafafa;
  }
  .sm-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (min-width: 52em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .md-bg-black-0 {
    background: #000000;
  }
  .md-bg-transparent {
    background: transparent;
  }
  .md-bg-primary-800 {
    background: #4731c4;
  }
  .md-bg-primary-700 {
    background: #5f4ad2;
  }
  .md-bg-primary-200 {
    background: #d6d1f3;
  }
  .md-bg-primary-300 {
    background: #bdb4ee;
  }
  .md-bg-primary-100 {
    background: #eeebfc;
  }
  .md-bg-secondary-900 {
    background: #312753;
  }
  .md-bg-secondary-800 {
    background: #3e3168;
  }
  .md-bg-tertiary-900 {
    background: #662800;
  }
  .md-bg-tertiary-500 {
    background: #ed5d00;
  }
  .md-bg-tertiary-400 {
    background: #ff8130;
  }
  .md-bg-tertiary-200 {
    background: #ffba8e;
  }
  .md-bg-tertiary-100 {
    background: #ffeadc;
  }
  .md-bg-error-600 {
    background: #c04b4b;
  }
  .md-bg-error-500 {
    background: #e85d5d;
  }
  .md-bg-error-400 {
    background: #ee8787;
  }
  .md-bg-error-100 {
    background: #fce9e9;
  }
  .md-bg-success-500 {
    background: #029d81;
  }
  .md-bg-success-400 {
    background: #13b99b;
  }
  .md-bg-success-100 {
    background: #d8f3ee;
  }
  .md-bg-info-500 {
    background: #2a92d3;
  }
  .md-bg-info-400 {
    background: #31acf9;
  }
  .md-bg-info-100 {
    background: #dbf1fe;
  }
  .md-bg-neutral-800 {
    background: #1d1d20;
  }
  .md-bg-neutral-400 {
    background: #6d6b75;
  }
  .md-bg-neutral-55 {
    background: #dfdfe2;
  }
  .md-bg-neutral-40 {
    background: #eaeaec;
  }
  .md-bg-neutral-25 {
    background: #f4f4f5;
  }
  .md-bg-neutral-15 {
    background: #fafafa;
  }
  .md-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (min-width: 64em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .lg-bg-black-0 {
    background: #000000;
  }
  .lg-bg-transparent {
    background: transparent;
  }
  .lg-bg-primary-800 {
    background: #4731c4;
  }
  .lg-bg-primary-700 {
    background: #5f4ad2;
  }
  .lg-bg-primary-200 {
    background: #d6d1f3;
  }
  .lg-bg-primary-300 {
    background: #bdb4ee;
  }
  .lg-bg-primary-100 {
    background: #eeebfc;
  }
  .lg-bg-secondary-900 {
    background: #312753;
  }
  .lg-bg-secondary-800 {
    background: #3e3168;
  }
  .lg-bg-tertiary-900 {
    background: #662800;
  }
  .lg-bg-tertiary-500 {
    background: #ed5d00;
  }
  .lg-bg-tertiary-400 {
    background: #ff8130;
  }
  .lg-bg-tertiary-200 {
    background: #ffba8e;
  }
  .lg-bg-tertiary-100 {
    background: #ffeadc;
  }
  .lg-bg-error-600 {
    background: #c04b4b;
  }
  .lg-bg-error-500 {
    background: #e85d5d;
  }
  .lg-bg-error-400 {
    background: #ee8787;
  }
  .lg-bg-error-100 {
    background: #fce9e9;
  }
  .lg-bg-success-500 {
    background: #029d81;
  }
  .lg-bg-success-400 {
    background: #13b99b;
  }
  .lg-bg-success-100 {
    background: #d8f3ee;
  }
  .lg-bg-info-500 {
    background: #2a92d3;
  }
  .lg-bg-info-400 {
    background: #31acf9;
  }
  .lg-bg-info-100 {
    background: #dbf1fe;
  }
  .lg-bg-neutral-800 {
    background: #1d1d20;
  }
  .lg-bg-neutral-400 {
    background: #6d6b75;
  }
  .lg-bg-neutral-55 {
    background: #dfdfe2;
  }
  .lg-bg-neutral-40 {
    background: #eaeaec;
  }
  .lg-bg-neutral-25 {
    background: #f4f4f5;
  }
  .lg-bg-neutral-15 {
    background: #fafafa;
  }
  .lg-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-bg-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0:hover {
    background: #000000;
  }
  .parent-hover .parent-hover-bg-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-black-0 {
    background-color: #000000;
  }
  .hover-bg-black-0-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-8:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .hover-bg-black-0-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-5:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .hover-bg-black-0-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-3:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .hover-bg-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent:hover {
    background: transparent;
  }
  .parent-hover .parent-hover-bg-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-transparent {
    background-color: transparent;
  }
  .hover-bg-transparent-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-8:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .hover-bg-transparent-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-5:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .hover-bg-transparent-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-3:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .hover-bg-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800:hover {
    background: #4731c4;
  }
  .parent-hover .parent-hover-bg-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-800 {
    background-color: #4731c4;
  }
  .hover-bg-primary-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-8:hover {
    background: rgba(71, 49, 196, 0.8);
  }
  .hover-bg-primary-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-5:hover {
    background: rgba(71, 49, 196, 0.5);
  }
  .hover-bg-primary-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-3:hover {
    background: rgba(71, 49, 196, 0.3);
  }
  .hover-bg-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700:hover {
    background: #5f4ad2;
  }
  .parent-hover .parent-hover-bg-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-700 {
    background-color: #5f4ad2;
  }
  .hover-bg-primary-700-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-8:hover {
    background: rgba(95, 74, 210, 0.8);
  }
  .hover-bg-primary-700-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-5:hover {
    background: rgba(95, 74, 210, 0.5);
  }
  .hover-bg-primary-700-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-3:hover {
    background: rgba(95, 74, 210, 0.3);
  }
  .hover-bg-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200:hover {
    background: #d6d1f3;
  }
  .parent-hover .parent-hover-bg-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-200 {
    background-color: #d6d1f3;
  }
  .hover-bg-primary-200-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-8:hover {
    background: rgba(214, 209, 243, 0.8);
  }
  .hover-bg-primary-200-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-5:hover {
    background: rgba(214, 209, 243, 0.5);
  }
  .hover-bg-primary-200-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-3:hover {
    background: rgba(214, 209, 243, 0.3);
  }
  .hover-bg-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300:hover {
    background: #bdb4ee;
  }
  .parent-hover .parent-hover-bg-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-300 {
    background-color: #bdb4ee;
  }
  .hover-bg-primary-300-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-8:hover {
    background: rgba(189, 180, 238, 0.8);
  }
  .hover-bg-primary-300-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-5:hover {
    background: rgba(189, 180, 238, 0.5);
  }
  .hover-bg-primary-300-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-3:hover {
    background: rgba(189, 180, 238, 0.3);
  }
  .hover-bg-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100:hover {
    background: #eeebfc;
  }
  .parent-hover .parent-hover-bg-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-100 {
    background-color: #eeebfc;
  }
  .hover-bg-primary-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-8:hover {
    background: rgba(238, 235, 252, 0.8);
  }
  .hover-bg-primary-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-5:hover {
    background: rgba(238, 235, 252, 0.5);
  }
  .hover-bg-primary-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-3:hover {
    background: rgba(238, 235, 252, 0.3);
  }
  .hover-bg-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900:hover {
    background: #312753;
  }
  .parent-hover .parent-hover-bg-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-secondary-900 {
    background-color: #312753;
  }
  .hover-bg-secondary-900-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-8:hover {
    background: rgba(49, 39, 83, 0.8);
  }
  .hover-bg-secondary-900-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-5:hover {
    background: rgba(49, 39, 83, 0.5);
  }
  .hover-bg-secondary-900-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-3:hover {
    background: rgba(49, 39, 83, 0.3);
  }
  .hover-bg-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800:hover {
    background: #3e3168;
  }
  .parent-hover .parent-hover-bg-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-secondary-800 {
    background-color: #3e3168;
  }
  .hover-bg-secondary-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-8:hover {
    background: rgba(62, 49, 104, 0.8);
  }
  .hover-bg-secondary-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-5:hover {
    background: rgba(62, 49, 104, 0.5);
  }
  .hover-bg-secondary-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-3:hover {
    background: rgba(62, 49, 104, 0.3);
  }
  .hover-bg-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900:hover {
    background: #662800;
  }
  .parent-hover .parent-hover-bg-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-900 {
    background-color: #662800;
  }
  .hover-bg-tertiary-900-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-8:hover {
    background: rgba(102, 40, 0, 0.8);
  }
  .hover-bg-tertiary-900-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-5:hover {
    background: rgba(102, 40, 0, 0.5);
  }
  .hover-bg-tertiary-900-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-3:hover {
    background: rgba(102, 40, 0, 0.3);
  }
  .hover-bg-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500:hover {
    background: #ed5d00;
  }
  .parent-hover .parent-hover-bg-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-500 {
    background-color: #ed5d00;
  }
  .hover-bg-tertiary-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-8:hover {
    background: rgba(237, 93, 0, 0.8);
  }
  .hover-bg-tertiary-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-5:hover {
    background: rgba(237, 93, 0, 0.5);
  }
  .hover-bg-tertiary-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-3:hover {
    background: rgba(237, 93, 0, 0.3);
  }
  .hover-bg-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400:hover {
    background: #ff8130;
  }
  .parent-hover .parent-hover-bg-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-400 {
    background-color: #ff8130;
  }
  .hover-bg-tertiary-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-8:hover {
    background: rgba(255, 129, 48, 0.8);
  }
  .hover-bg-tertiary-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-5:hover {
    background: rgba(255, 129, 48, 0.5);
  }
  .hover-bg-tertiary-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-3:hover {
    background: rgba(255, 129, 48, 0.3);
  }
  .hover-bg-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200:hover {
    background: #ffba8e;
  }
  .parent-hover .parent-hover-bg-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-200 {
    background-color: #ffba8e;
  }
  .hover-bg-tertiary-200-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-8:hover {
    background: rgba(255, 186, 142, 0.8);
  }
  .hover-bg-tertiary-200-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-5:hover {
    background: rgba(255, 186, 142, 0.5);
  }
  .hover-bg-tertiary-200-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-3:hover {
    background: rgba(255, 186, 142, 0.3);
  }
  .hover-bg-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100:hover {
    background: #ffeadc;
  }
  .parent-hover .parent-hover-bg-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-100 {
    background-color: #ffeadc;
  }
  .hover-bg-tertiary-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-8:hover {
    background: rgba(255, 234, 220, 0.8);
  }
  .hover-bg-tertiary-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-5:hover {
    background: rgba(255, 234, 220, 0.5);
  }
  .hover-bg-tertiary-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-3:hover {
    background: rgba(255, 234, 220, 0.3);
  }
  .hover-bg-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600:hover {
    background: #c04b4b;
  }
  .parent-hover .parent-hover-bg-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-600 {
    background-color: #c04b4b;
  }
  .hover-bg-error-600-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-8:hover {
    background: rgba(192, 75, 75, 0.8);
  }
  .hover-bg-error-600-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-5:hover {
    background: rgba(192, 75, 75, 0.5);
  }
  .hover-bg-error-600-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-3:hover {
    background: rgba(192, 75, 75, 0.3);
  }
  .hover-bg-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500:hover {
    background: #e85d5d;
  }
  .parent-hover .parent-hover-bg-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-500 {
    background-color: #e85d5d;
  }
  .hover-bg-error-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-8:hover {
    background: rgba(232, 93, 93, 0.8);
  }
  .hover-bg-error-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-5:hover {
    background: rgba(232, 93, 93, 0.5);
  }
  .hover-bg-error-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-3:hover {
    background: rgba(232, 93, 93, 0.3);
  }
  .hover-bg-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400:hover {
    background: #ee8787;
  }
  .parent-hover .parent-hover-bg-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-400 {
    background-color: #ee8787;
  }
  .hover-bg-error-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-8:hover {
    background: rgba(238, 135, 135, 0.8);
  }
  .hover-bg-error-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-5:hover {
    background: rgba(238, 135, 135, 0.5);
  }
  .hover-bg-error-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-3:hover {
    background: rgba(238, 135, 135, 0.3);
  }
  .hover-bg-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100:hover {
    background: #fce9e9;
  }
  .parent-hover .parent-hover-bg-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-100 {
    background-color: #fce9e9;
  }
  .hover-bg-error-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-8:hover {
    background: rgba(252, 233, 233, 0.8);
  }
  .hover-bg-error-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-5:hover {
    background: rgba(252, 233, 233, 0.5);
  }
  .hover-bg-error-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-3:hover {
    background: rgba(252, 233, 233, 0.3);
  }
  .hover-bg-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500:hover {
    background: #029d81;
  }
  .parent-hover .parent-hover-bg-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-500 {
    background-color: #029d81;
  }
  .hover-bg-success-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-8:hover {
    background: rgba(2, 157, 129, 0.8);
  }
  .hover-bg-success-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-5:hover {
    background: rgba(2, 157, 129, 0.5);
  }
  .hover-bg-success-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-3:hover {
    background: rgba(2, 157, 129, 0.3);
  }
  .hover-bg-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400:hover {
    background: #13b99b;
  }
  .parent-hover .parent-hover-bg-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-400 {
    background-color: #13b99b;
  }
  .hover-bg-success-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-8:hover {
    background: rgba(19, 185, 155, 0.8);
  }
  .hover-bg-success-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-5:hover {
    background: rgba(19, 185, 155, 0.5);
  }
  .hover-bg-success-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-3:hover {
    background: rgba(19, 185, 155, 0.3);
  }
  .hover-bg-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100:hover {
    background: #d8f3ee;
  }
  .parent-hover .parent-hover-bg-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-100 {
    background-color: #d8f3ee;
  }
  .hover-bg-success-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-8:hover {
    background: rgba(216, 243, 238, 0.8);
  }
  .hover-bg-success-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-5:hover {
    background: rgba(216, 243, 238, 0.5);
  }
  .hover-bg-success-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-3:hover {
    background: rgba(216, 243, 238, 0.3);
  }
  .hover-bg-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500:hover {
    background: #2a92d3;
  }
  .parent-hover .parent-hover-bg-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-500 {
    background-color: #2a92d3;
  }
  .hover-bg-info-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-8:hover {
    background: rgba(42, 146, 211, 0.8);
  }
  .hover-bg-info-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-5:hover {
    background: rgba(42, 146, 211, 0.5);
  }
  .hover-bg-info-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-3:hover {
    background: rgba(42, 146, 211, 0.3);
  }
  .hover-bg-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400:hover {
    background: #31acf9;
  }
  .parent-hover .parent-hover-bg-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-400 {
    background-color: #31acf9;
  }
  .hover-bg-info-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-8:hover {
    background: rgba(49, 172, 249, 0.8);
  }
  .hover-bg-info-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-5:hover {
    background: rgba(49, 172, 249, 0.5);
  }
  .hover-bg-info-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-3:hover {
    background: rgba(49, 172, 249, 0.3);
  }
  .hover-bg-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100:hover {
    background: #dbf1fe;
  }
  .parent-hover .parent-hover-bg-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-100 {
    background-color: #dbf1fe;
  }
  .hover-bg-info-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-8:hover {
    background: rgba(219, 241, 254, 0.8);
  }
  .hover-bg-info-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-5:hover {
    background: rgba(219, 241, 254, 0.5);
  }
  .hover-bg-info-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-3:hover {
    background: rgba(219, 241, 254, 0.3);
  }
  .hover-bg-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800:hover {
    background: #1d1d20;
  }
  .parent-hover .parent-hover-bg-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-800 {
    background-color: #1d1d20;
  }
  .hover-bg-neutral-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-8:hover {
    background: rgba(29, 29, 32, 0.8);
  }
  .hover-bg-neutral-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-5:hover {
    background: rgba(29, 29, 32, 0.5);
  }
  .hover-bg-neutral-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-3:hover {
    background: rgba(29, 29, 32, 0.3);
  }
  .hover-bg-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400:hover {
    background: #6d6b75;
  }
  .parent-hover .parent-hover-bg-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-400 {
    background-color: #6d6b75;
  }
  .hover-bg-neutral-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-8:hover {
    background: rgba(109, 107, 117, 0.8);
  }
  .hover-bg-neutral-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-5:hover {
    background: rgba(109, 107, 117, 0.5);
  }
  .hover-bg-neutral-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-3:hover {
    background: rgba(109, 107, 117, 0.3);
  }
  .hover-bg-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55:hover {
    background: #dfdfe2;
  }
  .parent-hover .parent-hover-bg-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-55 {
    background-color: #dfdfe2;
  }
  .hover-bg-neutral-55-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-8:hover {
    background: rgba(223, 223, 226, 0.8);
  }
  .hover-bg-neutral-55-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-5:hover {
    background: rgba(223, 223, 226, 0.5);
  }
  .hover-bg-neutral-55-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-3:hover {
    background: rgba(223, 223, 226, 0.3);
  }
  .hover-bg-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40:hover {
    background: #eaeaec;
  }
  .parent-hover .parent-hover-bg-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-40 {
    background-color: #eaeaec;
  }
  .hover-bg-neutral-40-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-8:hover {
    background: rgba(234, 234, 236, 0.8);
  }
  .hover-bg-neutral-40-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-5:hover {
    background: rgba(234, 234, 236, 0.5);
  }
  .hover-bg-neutral-40-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-3:hover {
    background: rgba(234, 234, 236, 0.3);
  }
  .hover-bg-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25:hover {
    background: #f4f4f5;
  }
  .parent-hover .parent-hover-bg-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-25 {
    background-color: #f4f4f5;
  }
  .hover-bg-neutral-25-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-8:hover {
    background: rgba(244, 244, 245, 0.8);
  }
  .hover-bg-neutral-25-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-5:hover {
    background: rgba(244, 244, 245, 0.5);
  }
  .hover-bg-neutral-25-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-3:hover {
    background: rgba(244, 244, 245, 0.3);
  }
  .hover-bg-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15:hover {
    background: #fafafa;
  }
  .parent-hover .parent-hover-bg-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-15 {
    background-color: #fafafa;
  }
  .hover-bg-neutral-15-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-8:hover {
    background: rgba(250, 250, 250, 0.8);
  }
  .hover-bg-neutral-15-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-5:hover {
    background: rgba(250, 250, 250, 0.5);
  }
  .hover-bg-neutral-15-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-3:hover {
    background: rgba(250, 250, 250, 0.3);
  }
  .hover-bg-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0:hover {
    background: #ffffff;
  }
  .parent-hover .parent-hover-bg-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-0 {
    background-color: #ffffff;
  }
  .hover-bg-neutral-0-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-8:hover {
    background: rgba(255, 255, 255, 0.8);
  }
  .hover-bg-neutral-0-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-5:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .hover-bg-neutral-0-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-3:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
@keyframes pulsecolor {
  0% {
    background-color: var(--pulsecolor-start, var(--color-neutral-55));
  }
  100% {
    background-color: var(--pulsecolor-end, var(--color-neutral-40));
  }
}
.loading-pulse-background {
  animation: pulsecolor var(--pulsecolor-duration, 2.5s) ease infinite;
  animation-direction: alternate;
}
.pulse-once {
  animation: pulsecolor var(--pulsecolor-duration, 2s) ease 1;
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.border-black-0 {
  border-color: #000000;
}
.border-transparent {
  border-color: transparent;
}
.border-primary-800 {
  border-color: #4731c4;
}
.border-primary-700 {
  border-color: #5f4ad2;
}
.border-primary-200 {
  border-color: #d6d1f3;
}
.border-primary-300 {
  border-color: #bdb4ee;
}
.border-primary-100 {
  border-color: #eeebfc;
}
.border-secondary-900 {
  border-color: #312753;
}
.border-secondary-800 {
  border-color: #3e3168;
}
.border-tertiary-900 {
  border-color: #662800;
}
.border-tertiary-500 {
  border-color: #ed5d00;
}
.border-tertiary-400 {
  border-color: #ff8130;
}
.border-tertiary-200 {
  border-color: #ffba8e;
}
.border-tertiary-100 {
  border-color: #ffeadc;
}
.border-error-600 {
  border-color: #c04b4b;
}
.border-error-500 {
  border-color: #e85d5d;
}
.border-error-400 {
  border-color: #ee8787;
}
.border-error-100 {
  border-color: #fce9e9;
}
.border-success-500 {
  border-color: #029d81;
}
.border-success-400 {
  border-color: #13b99b;
}
.border-success-100 {
  border-color: #d8f3ee;
}
.border-info-500 {
  border-color: #2a92d3;
}
.border-info-400 {
  border-color: #31acf9;
}
.border-info-100 {
  border-color: #dbf1fe;
}
.border-neutral-800 {
  border-color: #1d1d20;
}
.border-neutral-400 {
  border-color: #6d6b75;
}
.border-neutral-55 {
  border-color: #dfdfe2;
}
.border-neutral-40 {
  border-color: #eaeaec;
}
.border-neutral-25 {
  border-color: #f4f4f5;
}
.border-neutral-15 {
  border-color: #fafafa;
}
.border-neutral-0 {
  border-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .hover-border-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-black-0:hover {
    border-color: #000000;
  }
  .hover-border-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-transparent:hover {
    border-color: transparent;
  }
  .hover-border-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-800:hover {
    border-color: #4731c4;
  }
  .hover-border-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-700:hover {
    border-color: #5f4ad2;
  }
  .hover-border-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-200:hover {
    border-color: #d6d1f3;
  }
  .hover-border-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-300:hover {
    border-color: #bdb4ee;
  }
  .hover-border-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-100:hover {
    border-color: #eeebfc;
  }
  .hover-border-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-secondary-900:hover {
    border-color: #312753;
  }
  .hover-border-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-secondary-800:hover {
    border-color: #3e3168;
  }
  .hover-border-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-900:hover {
    border-color: #662800;
  }
  .hover-border-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-500:hover {
    border-color: #ed5d00;
  }
  .hover-border-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-400:hover {
    border-color: #ff8130;
  }
  .hover-border-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-200:hover {
    border-color: #ffba8e;
  }
  .hover-border-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-100:hover {
    border-color: #ffeadc;
  }
  .hover-border-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-600:hover {
    border-color: #c04b4b;
  }
  .hover-border-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-500:hover {
    border-color: #e85d5d;
  }
  .hover-border-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-400:hover {
    border-color: #ee8787;
  }
  .hover-border-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-100:hover {
    border-color: #fce9e9;
  }
  .hover-border-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-500:hover {
    border-color: #029d81;
  }
  .hover-border-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-400:hover {
    border-color: #13b99b;
  }
  .hover-border-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-100:hover {
    border-color: #d8f3ee;
  }
  .hover-border-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-500:hover {
    border-color: #2a92d3;
  }
  .hover-border-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-400:hover {
    border-color: #31acf9;
  }
  .hover-border-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-100:hover {
    border-color: #dbf1fe;
  }
  .hover-border-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-800:hover {
    border-color: #1d1d20;
  }
  .hover-border-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-400:hover {
    border-color: #6d6b75;
  }
  .hover-border-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-55:hover {
    border-color: #dfdfe2;
  }
  .hover-border-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-40:hover {
    border-color: #eaeaec;
  }
  .hover-border-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-25:hover {
    border-color: #f4f4f5;
  }
  .hover-border-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-15:hover {
    border-color: #fafafa;
  }
  .hover-border-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-0:hover {
    border-color: #ffffff;
  }
}
@media (min-width: 40em) {
  .sm-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .sm-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .sm-border-black-0 {
    border-color: #000000;
  }
  .sm-border-transparent {
    border-color: transparent;
  }
  .sm-border-primary-800 {
    border-color: #4731c4;
  }
  .sm-border-primary-700 {
    border-color: #5f4ad2;
  }
  .sm-border-primary-200 {
    border-color: #d6d1f3;
  }
  .sm-border-primary-300 {
    border-color: #bdb4ee;
  }
  .sm-border-primary-100 {
    border-color: #eeebfc;
  }
  .sm-border-secondary-900 {
    border-color: #312753;
  }
  .sm-border-secondary-800 {
    border-color: #3e3168;
  }
  .sm-border-tertiary-900 {
    border-color: #662800;
  }
  .sm-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .sm-border-tertiary-400 {
    border-color: #ff8130;
  }
  .sm-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .sm-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .sm-border-error-600 {
    border-color: #c04b4b;
  }
  .sm-border-error-500 {
    border-color: #e85d5d;
  }
  .sm-border-error-400 {
    border-color: #ee8787;
  }
  .sm-border-error-100 {
    border-color: #fce9e9;
  }
  .sm-border-success-500 {
    border-color: #029d81;
  }
  .sm-border-success-400 {
    border-color: #13b99b;
  }
  .sm-border-success-100 {
    border-color: #d8f3ee;
  }
  .sm-border-info-500 {
    border-color: #2a92d3;
  }
  .sm-border-info-400 {
    border-color: #31acf9;
  }
  .sm-border-info-100 {
    border-color: #dbf1fe;
  }
  .sm-border-neutral-800 {
    border-color: #1d1d20;
  }
  .sm-border-neutral-400 {
    border-color: #6d6b75;
  }
  .sm-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .sm-border-neutral-40 {
    border-color: #eaeaec;
  }
  .sm-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .sm-border-neutral-15 {
    border-color: #fafafa;
  }
  .sm-border-neutral-0 {
    border-color: #ffffff;
  }
}
@media (min-width: 52em) {
  .md-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .md-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .md-border-black-0 {
    border-color: #000000;
  }
  .md-border-transparent {
    border-color: transparent;
  }
  .md-border-primary-800 {
    border-color: #4731c4;
  }
  .md-border-primary-700 {
    border-color: #5f4ad2;
  }
  .md-border-primary-200 {
    border-color: #d6d1f3;
  }
  .md-border-primary-300 {
    border-color: #bdb4ee;
  }
  .md-border-primary-100 {
    border-color: #eeebfc;
  }
  .md-border-secondary-900 {
    border-color: #312753;
  }
  .md-border-secondary-800 {
    border-color: #3e3168;
  }
  .md-border-tertiary-900 {
    border-color: #662800;
  }
  .md-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .md-border-tertiary-400 {
    border-color: #ff8130;
  }
  .md-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .md-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .md-border-error-600 {
    border-color: #c04b4b;
  }
  .md-border-error-500 {
    border-color: #e85d5d;
  }
  .md-border-error-400 {
    border-color: #ee8787;
  }
  .md-border-error-100 {
    border-color: #fce9e9;
  }
  .md-border-success-500 {
    border-color: #029d81;
  }
  .md-border-success-400 {
    border-color: #13b99b;
  }
  .md-border-success-100 {
    border-color: #d8f3ee;
  }
  .md-border-info-500 {
    border-color: #2a92d3;
  }
  .md-border-info-400 {
    border-color: #31acf9;
  }
  .md-border-info-100 {
    border-color: #dbf1fe;
  }
  .md-border-neutral-800 {
    border-color: #1d1d20;
  }
  .md-border-neutral-400 {
    border-color: #6d6b75;
  }
  .md-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .md-border-neutral-40 {
    border-color: #eaeaec;
  }
  .md-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .md-border-neutral-15 {
    border-color: #fafafa;
  }
  .md-border-neutral-0 {
    border-color: #ffffff;
  }
}
@media (min-width: 64em) {
  .lg-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .lg-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .lg-border-black-0 {
    border-color: #000000;
  }
  .lg-border-transparent {
    border-color: transparent;
  }
  .lg-border-primary-800 {
    border-color: #4731c4;
  }
  .lg-border-primary-700 {
    border-color: #5f4ad2;
  }
  .lg-border-primary-200 {
    border-color: #d6d1f3;
  }
  .lg-border-primary-300 {
    border-color: #bdb4ee;
  }
  .lg-border-primary-100 {
    border-color: #eeebfc;
  }
  .lg-border-secondary-900 {
    border-color: #312753;
  }
  .lg-border-secondary-800 {
    border-color: #3e3168;
  }
  .lg-border-tertiary-900 {
    border-color: #662800;
  }
  .lg-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .lg-border-tertiary-400 {
    border-color: #ff8130;
  }
  .lg-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .lg-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .lg-border-error-600 {
    border-color: #c04b4b;
  }
  .lg-border-error-500 {
    border-color: #e85d5d;
  }
  .lg-border-error-400 {
    border-color: #ee8787;
  }
  .lg-border-error-100 {
    border-color: #fce9e9;
  }
  .lg-border-success-500 {
    border-color: #029d81;
  }
  .lg-border-success-400 {
    border-color: #13b99b;
  }
  .lg-border-success-100 {
    border-color: #d8f3ee;
  }
  .lg-border-info-500 {
    border-color: #2a92d3;
  }
  .lg-border-info-400 {
    border-color: #31acf9;
  }
  .lg-border-info-100 {
    border-color: #dbf1fe;
  }
  .lg-border-neutral-800 {
    border-color: #1d1d20;
  }
  .lg-border-neutral-400 {
    border-color: #6d6b75;
  }
  .lg-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .lg-border-neutral-40 {
    border-color: #eaeaec;
  }
  .lg-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .lg-border-neutral-15 {
    border-color: #fafafa;
  }
  .lg-border-neutral-0 {
    border-color: #ffffff;
  }
}
.selector_btn {
  color: #1d1d20;
}
.selector_btn svg g:not(.lock-fill),
.selector_btn svg path:not(.lock-fill) {
  fill: #1d1d20;
}
.selector_btn:hover {
  background: #eaeaec;
}
.selector_btn.selected {
  color: #3e3168;
  border-color: #3e3168;
  background: #eeebfc;
}
.selector_btn.selected svg g:not(.lock-fill),
.selector_btn.selected svg path:not(.lock-fill) {
  fill: #3e3168;
}
.selector_btn.selected:hover {
  background: #ffffff;
}
.selector_btn.selected:hover .selector-x {
  opacity: 1;
}
.selector_btn .selector-x {
  opacity: 0;
  transition: all ease 0.15s;
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.blur1 {
  filter: blur(1px);
}
.backdrop-blur1 {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.blur1-5 {
  filter: blur(1.5px);
}
.backdrop-blur1-5 {
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}
.blur2 {
  filter: blur(2px);
}
.backdrop-blur2 {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.blur3 {
  filter: blur(3px);
}
.backdrop-blur3 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.blur5 {
  filter: blur(5px);
}
.backdrop-blur5 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.blur10 {
  filter: blur(10px);
}
.backdrop-blur10 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.focus-border-black-0 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-black-0:focus-visible {
  border-color: #000000;
}
.focus-child-border-black-0 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-black-0:has(input:focus-visible) {
  border-color: #000000;
}
.focus-border-transparent {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-transparent:focus-visible {
  border-color: transparent;
}
.focus-child-border-transparent {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-transparent:has(input:focus-visible) {
  border-color: transparent;
}
.focus-border-primary-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-primary-800:focus-visible {
  border-color: #4731c4;
}
.focus-child-border-primary-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-primary-800:has(input:focus-visible) {
  border-color: #4731c4;
}
.focus-border-primary-700 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-primary-700:focus-visible {
  border-color: #5f4ad2;
}
.focus-child-border-primary-700 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-primary-700:has(input:focus-visible) {
  border-color: #5f4ad2;
}
.focus-border-primary-200 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-primary-200:focus-visible {
  border-color: #d6d1f3;
}
.focus-child-border-primary-200 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-primary-200:has(input:focus-visible) {
  border-color: #d6d1f3;
}
.focus-border-primary-300 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-primary-300:focus-visible {
  border-color: #bdb4ee;
}
.focus-child-border-primary-300 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-primary-300:has(input:focus-visible) {
  border-color: #bdb4ee;
}
.focus-border-primary-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-primary-100:focus-visible {
  border-color: #eeebfc;
}
.focus-child-border-primary-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-primary-100:has(input:focus-visible) {
  border-color: #eeebfc;
}
.focus-border-secondary-900 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-secondary-900:focus-visible {
  border-color: #312753;
}
.focus-child-border-secondary-900 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-secondary-900:has(input:focus-visible) {
  border-color: #312753;
}
.focus-border-secondary-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-secondary-800:focus-visible {
  border-color: #3e3168;
}
.focus-child-border-secondary-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-secondary-800:has(input:focus-visible) {
  border-color: #3e3168;
}
.focus-border-tertiary-900 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-tertiary-900:focus-visible {
  border-color: #662800;
}
.focus-child-border-tertiary-900 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-tertiary-900:has(input:focus-visible) {
  border-color: #662800;
}
.focus-border-tertiary-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-tertiary-500:focus-visible {
  border-color: #ed5d00;
}
.focus-child-border-tertiary-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-tertiary-500:has(input:focus-visible) {
  border-color: #ed5d00;
}
.focus-border-tertiary-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-tertiary-400:focus-visible {
  border-color: #ff8130;
}
.focus-child-border-tertiary-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-tertiary-400:has(input:focus-visible) {
  border-color: #ff8130;
}
.focus-border-tertiary-200 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-tertiary-200:focus-visible {
  border-color: #ffba8e;
}
.focus-child-border-tertiary-200 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-tertiary-200:has(input:focus-visible) {
  border-color: #ffba8e;
}
.focus-border-tertiary-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-tertiary-100:focus-visible {
  border-color: #ffeadc;
}
.focus-child-border-tertiary-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-tertiary-100:has(input:focus-visible) {
  border-color: #ffeadc;
}
.focus-border-error-600 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-error-600:focus-visible {
  border-color: #c04b4b;
}
.focus-child-border-error-600 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-error-600:has(input:focus-visible) {
  border-color: #c04b4b;
}
.focus-border-error-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-error-500:focus-visible {
  border-color: #e85d5d;
}
.focus-child-border-error-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-error-500:has(input:focus-visible) {
  border-color: #e85d5d;
}
.focus-border-error-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-error-400:focus-visible {
  border-color: #ee8787;
}
.focus-child-border-error-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-error-400:has(input:focus-visible) {
  border-color: #ee8787;
}
.focus-border-error-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-error-100:focus-visible {
  border-color: #fce9e9;
}
.focus-child-border-error-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-error-100:has(input:focus-visible) {
  border-color: #fce9e9;
}
.focus-border-success-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-success-500:focus-visible {
  border-color: #029d81;
}
.focus-child-border-success-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-success-500:has(input:focus-visible) {
  border-color: #029d81;
}
.focus-border-success-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-success-400:focus-visible {
  border-color: #13b99b;
}
.focus-child-border-success-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-success-400:has(input:focus-visible) {
  border-color: #13b99b;
}
.focus-border-success-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-success-100:focus-visible {
  border-color: #d8f3ee;
}
.focus-child-border-success-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-success-100:has(input:focus-visible) {
  border-color: #d8f3ee;
}
.focus-border-info-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-info-500:focus-visible {
  border-color: #2a92d3;
}
.focus-child-border-info-500 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-info-500:has(input:focus-visible) {
  border-color: #2a92d3;
}
.focus-border-info-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-info-400:focus-visible {
  border-color: #31acf9;
}
.focus-child-border-info-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-info-400:has(input:focus-visible) {
  border-color: #31acf9;
}
.focus-border-info-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-info-100:focus-visible {
  border-color: #dbf1fe;
}
.focus-child-border-info-100 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-info-100:has(input:focus-visible) {
  border-color: #dbf1fe;
}
.focus-border-neutral-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-800:focus-visible {
  border-color: #1d1d20;
}
.focus-child-border-neutral-800 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-800:has(input:focus-visible) {
  border-color: #1d1d20;
}
.focus-border-neutral-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-400:focus-visible {
  border-color: #6d6b75;
}
.focus-child-border-neutral-400 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-400:has(input:focus-visible) {
  border-color: #6d6b75;
}
.focus-border-neutral-55 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-55:focus-visible {
  border-color: #dfdfe2;
}
.focus-child-border-neutral-55 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-55:has(input:focus-visible) {
  border-color: #dfdfe2;
}
.focus-border-neutral-40 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-40:focus-visible {
  border-color: #eaeaec;
}
.focus-child-border-neutral-40 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-40:has(input:focus-visible) {
  border-color: #eaeaec;
}
.focus-border-neutral-25 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-25:focus-visible {
  border-color: #f4f4f5;
}
.focus-child-border-neutral-25 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-25:has(input:focus-visible) {
  border-color: #f4f4f5;
}
.focus-border-neutral-15 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-15:focus-visible {
  border-color: #fafafa;
}
.focus-child-border-neutral-15 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-15:has(input:focus-visible) {
  border-color: #fafafa;
}
.focus-border-neutral-0 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-border-neutral-0:focus-visible {
  border-color: #ffffff;
}
.focus-child-border-neutral-0 {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: ease-out;
  transition-duration: 150ms;
}
.focus-child-border-neutral-0:has(input:focus-visible) {
  border-color: #ffffff;
}
.focus-border-2:focus-visible {
  border-width: 2px;
}
.focus-child-border-2:has(input:focus-visible) {
  border-width: 2px;
}
html div.wrapped_selectors {
  display: flex;
  flex-wrap: wrap;
}
html div.wrapped_selectors input[type="checkbox"] {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html div.wrapped_selectors input[type="checkbox"] + .selector_label {
  border: 2px solid #eaeaec;
  border-radius: 9999px;
  padding: 0.75rem 1rem;
  color: #6d6b75;
}
@media (hover: hover) and (pointer: fine) {
  html div.wrapped_selectors input[type="checkbox"]:hover + .selector_label {
    background: #eaeaec;
  }
}
html div.wrapped_selectors input[type="checkbox"]:checked + .selector_label {
  background: #eeebfc;
  color: #3e3168;
  border: 2px solid #3e3168;
}
html div.text_selector input[type="radio"],
html div.text_selector input[type="checkbox"] {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html div.text_selector input[type="radio"] + div.selector_label,
html div.text_selector input[type="checkbox"] + div.selector_label {
  border: 1px solid transparent;
  background: #eaeaec;
  border-radius: 6px;
  font-weight: 400;
  padding: 8px;
}
@media (hover: hover) and (pointer: fine) {
  html div.text_selector input[type="radio"]:hover + div.selector_label,
  html div.text_selector input[type="checkbox"]:hover + div.selector_label {
    background: #dfdfe2;
    border: 1px solid #dfdfe2;
  }
}
html div.text_selector input[type="radio"]:checked + div.selector_label,
html div.text_selector input[type="checkbox"]:checked + div.selector_label {
  background: #eeebfc;
  color: #3e3168;
  border: 1px solid #3e3168;
  border-radius: 4px;
  font-weight: 500;
}
html
  div.text_selector
  input[type="radio"]:checked
  + div.selector_label
  .svg-container
  svg
  g:not(.lock-fill),
html
  div.text_selector
  input[type="radio"]:checked
  + div.selector_label
  .svg-container
  svg
  path:not(.lock-fill),
html
  div.text_selector
  input[type="checkbox"]:checked
  + div.selector_label
  .svg-container
  svg
  g:not(.lock-fill),
html
  div.text_selector
  input[type="checkbox"]:checked
  + div.selector_label
  .svg-container
  svg
  path:not(.lock-fill) {
  fill: #3e3168;
}
html div.image_selector input[type="radio"],
html div.image_selector input[type="checkbox"] {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html div.image_selector input[type="radio"] + div.selector_label,
html div.image_selector input[type="checkbox"] + div.selector_label {
  border: 2px solid transparent;
}
html div.image_selector input[type="radio"] + div.selector_label.show-border,
html
  div.image_selector
  input[type="checkbox"]
  + div.selector_label.show-border {
  border: 2px solid #dfdfe2;
}
@media (hover: hover) and (pointer: fine) {
  html
    div.image_selector
    input[type="radio"]:hover:not(:checked)
    + div.selector_label,
  html
    div.image_selector
    input[type="checkbox"]:hover:not(:checked)
    + div.selector_label {
    background: #eaeaec;
    border: 2px solid #eaeaec;
    transition: background-color ease-out 150ms;
  }
  html
    div.image_selector
    input[type="radio"]:hover:not(:checked)
    + div.selector_label
    .svg-container,
  html
    div.image_selector
    input[type="checkbox"]:hover:not(:checked)
    + div.selector_label
    .svg-container {
    background: #dfdfe2;
  }
}
html div.image_selector input[type="radio"]:checked + div.selector_label,
html div.image_selector input[type="checkbox"]:checked + div.selector_label {
  background: #eeebfc;
  transition: background-color ease-out 150ms;
  color: #3e3168;
  border: 2px solid #3e3168;
  border-radius: 6px;
}
html
  div.image_selector
  input[type="radio"]:checked
  + div.selector_label
  .svg-container,
html
  div.image_selector
  input[type="checkbox"]:checked
  + div.selector_label
  .svg-container {
  background: #eeebfc;
}
html
  div.image_selector
  input[type="radio"]:checked
  + div.selector_label
  .svg-container
  svg
  g:not(.lock-fill),
html
  div.image_selector
  input[type="radio"]:checked
  + div.selector_label
  .svg-container
  svg
  path:not(.lock-fill),
html
  div.image_selector
  input[type="checkbox"]:checked
  + div.selector_label
  .svg-container
  svg
  g:not(.lock-fill),
html
  div.image_selector
  input[type="checkbox"]:checked
  + div.selector_label
  .svg-container
  svg
  path:not(.lock-fill) {
  fill: #3e3168;
}
.radio_visually_hidden {
  right: 50%;
  top: 50%;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.client_form fieldset {
  border: none;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
}
.client_form fieldset.mnr1 {
  margin-right: -0.5rem;
}
.client_form .input,
.client_form .client_form_input {
  display: flex;
  flex-direction: column;
}
.client_form .input input,
.client_form .client_form_input input {
  width: 100%;
}
.client_form .input.boolean {
  margin-bottom: 1rem;
  flex-direction: row;
}
.client_form .input.boolean input {
  width: fit-content;
}
.client_form .client_form_input_inline {
  display: flex;
  align-items: center;
}
.client_form .client_form_input_inline label {
  font-weight: 700;
  margin-right: 0.5rem;
}
.client_form .client-grid-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: 0 1.5rem;
}
.client_form .client-grid-form-slim {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  grid-gap: 0 0.5rem;
}
.client_form label {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.client_form label.no-margin {
  margin-bottom: 0;
}
.client_form label abbr {
  display: none;
}
.client_form label.disabled {
  color: #dfdfe2;
}
.client_form label.required::after,
.client_form
  label:has(input[type="checkbox"][required]):not(.no-asterisk):after {
  content: "*";
}
.client_form input:not([type="submit"], [type="range"], [type="checkbox"]),
.client_form textarea,
.client_form select,
.client_form .selectize-input {
  font-family: "Mabry Pro", sans-serif;
  color: var(--color-neutral-800);
  font-size: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--color-neutral-40);
  background-color: var(--color-neutral-0);
  -webkit-appearance: none;
  border-radius: 6px;
  padding: 1rem;
  line-height: 140%;
}
.client_form
  input.no_focus:not([type="submit"], [type="range"], [type="checkbox"]):focus,
.client_form textarea.no_focus:focus,
.client_form select.no_focus:focus,
.client_form .selectize-input.no_focus:focus {
  outline: none;
  box-shadow: none;
  border-color: #eaeaec;
}
.client_form
  input.no_focus:not([type="submit"], [type="range"], [type="checkbox"]):hover,
.client_form textarea.no_focus:hover,
.client_form select.no_focus:hover,
.client_form .selectize-input.no_focus:hover {
  box-shadow: none !important;
  border-color: #eaeaec;
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .client_form
    input:not([type="submit"], [type="range"], [type="checkbox"]):hover,
  .client_form textarea:hover,
  .client_form select:hover,
  .client_form .selectize-input:hover {
    box-shadow: inset 0 0 0 1px #3e3168;
  }
}
.client_form
  input[aria-invalid="true"]:not(
    [type="submit"],
    [type="range"],
    [type="checkbox"]
  ),
.client_form textarea[aria-invalid="true"],
.client_form select[aria-invalid="true"],
.client_form .selectize-input[aria-invalid="true"] {
  border: 2px solid #e85d5d;
}
.client_form.custom-input-margin
  input:not([type="submit"], [type="range"], [type="checkbox"]),
.client_form.custom-input-margin textarea,
.client_form.custom-input-margin select,
.client_form.custom-input-margin .selectize-input,
.client_form.custom-input-margin .input.boolean {
  margin-bottom: var(--custom-input-margin, 0px);
}
.client_form select {
  color: var(--color-neutral-55);
}
.client_form select:valid {
  color: var(--color-neutral-800);
}
.client_form input.large:not([type="submit"]):not([type="checkbox"]),
.client_form select.large {
  font-size: 1rem;
  padding: 1rem 1.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .client_form input:hover,
  .client_form select:hover {
    border-color: #dfdfe2;
  }
}
.client_form input:focus,
.client_form select:focus,
.client_form textarea:focus {
  border-color: #3e3168;
}
.client_form input:focus-visible,
.client_form select:focus-visible,
.client_form textarea:focus-visible {
  outline-color: #3e3168;
}
.client_form .selectize-input.focus {
  border-color: #3e3168;
  outline-color: #3e3168;
}
.client_form input + span,
.client_form select + span {
  margin-bottom: 0;
}
.client_form input:not([type="submit"]):not([type="checkbox"]):disabled,
.client_form textarea:disabled,
.client_form select:disabled {
  background-color: var(--color-neutral-40);
  color: var(--color-neutral-55);
}
.client_form input[readonly]:not(.flatpickr-input) {
  background: var(--color-neutral-15);
  border-color: var(--color-neutral-40);
  cursor: not-allowed;
}
.client_form input[readonly]:not(.flatpickr-input):focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-neutral-40);
}
.client_form input[readonly]:not(.flatpickr-input):hover {
  box-shadow: none;
  border-color: var(--color-neutral-40);
}
.client_form .custom-input-error-wrapper {
  border: 2px solid var(--color-error-500);
  background-color: var(--color-error-100);
  padding: var(--spacing-0-5);
  border-radius: 8px;
}
.client_form .field_with_errors input {
  border: 1px solid var(--color-error-500);
  background-color: var(--color-error-100);
  color: var(--color-error-500);
  margin-bottom: var(--spacing-1);
}
.client_form .field_with_errors label {
  color: #e85d5d;
}
.client_form .field_with_errors input:focus {
  background-color: #ffffff;
  color: #3e3168;
}
.client_form .field_with_errors span.error {
  margin-bottom: var(--spacing-2);
}
.client_form .error,
.client_form .hint {
  font-family: "Mabry Pro", sans-serif;
  margin-top: 0.25rem;
  display: block;
  font-size: 0.79rem;
  margin-bottom: 0;
  background: none;
  border-radius: 0;
  text-align: left;
  padding: 0;
}
.client_form .error {
  color: #e85d5d;
}
.client_form .hint {
  color: #1d1d20;
}
.client_form .field_with_hint input {
  margin-bottom: var(--spacing-1);
}
.client_form .field_with_hint span.hint {
  margin-bottom: var(--spacing-2);
}
.client_form select + .error,
.client_form input + .error,
.client_form .field_with_errors + .error,
.client_form .field_with_hint + .error {
  margin-top: -4px;
}
.client_form select + .hint,
.client_form input + .hint,
.client_form .field_with_errors + .hint,
.client_form .field_with_hint + .hint {
  margin-top: -4px;
}
.client_form input:-webkit-autofill,
.client_form input:-webkit-autofill:hover,
.client_form input:-internal-autofill-selected,
.client_form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #ffffff inset;
  -webkit-text-fill-color: #3e3168;
}
.client_form .currency-field input {
  padding-left: 2rem;
}
.client_form .currency-field label {
  position: relative;
}
.client_form .currency-field label::after {
  content: "£";
  line-height: 1;
  bottom: -2.5em;
  left: 1em;
  font-size: 1rem;
  font-family: "Mabry Pro", sans-serif;
  color: #1d1d20;
  position: absolute;
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .client_form .currency-field:hover input:not(.no_focus) {
    box-shadow: inset 0 0 0 1px #3e3168;
  }
}
.client_form .dropdown-field select,
.client_form .input:has(.selectize-input.multi) select,
.client_form .input:has(label ~ select):not(.no-chevron) select {
  padding-right: 1.9rem;
}
.client_form .dropdown-field label,
.client_form .dropdown-field .select-no-label,
.client_form .input:has(.selectize-input.multi) label,
.client_form .input:has(.selectize-input.multi) .select-no-label,
.client_form .input:has(label ~ select):not(.no-chevron) label,
.client_form .input:has(label ~ select):not(.no-chevron) .select-no-label {
  position: relative;
}
.client_form .dropdown-field label::after,
.client_form .dropdown-field .select-no-label::after,
.client_form .input:has(.selectize-input.multi) label::after,
.client_form .input:has(.selectize-input.multi) .select-no-label::after,
.client_form .input:has(label ~ select):not(.no-chevron) label::after,
.client_form
  .input:has(label ~ select):not(.no-chevron)
  .select-no-label::after {
  content: "";
  position: absolute;
  border-left: 2px solid var(--color-neutral-400);
  border-bottom: 2px solid var(--color-neutral-400);
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  right: 1rem;
  z-index: 1;
}
.client_form .dropdown-field label::after,
.client_form .input:has(.selectize-input.multi) label::after,
.client_form .input:has(label ~ select):not(.no-chevron) label::after {
  bottom: -2em;
}
.client_form .dropdown-field .select-no-label::after,
.client_form .input:has(.selectize-input.multi) .select-no-label::after,
.client_form
  .input:has(label ~ select):not(.no-chevron)
  .select-no-label::after {
  bottom: 26px;
  pointer-events: none;
}
.client_form .dropdown-field .select-no-label select,
.client_form .input:has(.selectize-input.multi) .select-no-label select,
.client_form
  .input:has(label ~ select):not(.no-chevron)
  .select-no-label
  select {
  margin-bottom: 0;
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .client_form .dropdown-field:hover label::after,
  .client_form .dropdown-field:hover .select-no-label::after,
  .client_form .input:has(.selectize-input.multi):hover label::after,
  .client_form .input:has(.selectize-input.multi):hover .select-no-label::after,
  .client_form .input:has(label ~ select):not(.no-chevron):hover label::after,
  .client_form
    .input:has(label ~ select):not(.no-chevron):hover
    .select-no-label::after {
    border-color: var(--color-secondary-800);
  }
  .client_form .dropdown-field:hover input,
  .client_form .input:has(.selectize-input.multi):hover input,
  .client_form .input:has(label ~ select):not(.no-chevron):hover input {
    box-shadow: inset 0 0 0 1px var(--color-secondary-800);
  }
}
.selectize-dropdown {
  border: 1px solid var(--color-neutral-40);
}
.selectize-dropdown .create.active {
  color: var(--color-neutral-800);
  padding: var(--spacing-0-5);
}
.selectize-dropdown .optgroup-header {
  font-weight: 700;
  border-bottom: 1px solid var(--color-neutral-400);
  background-color: var(--color-neutral-40);
}
.selectize-control.multi .selectize-input {
  min-height: 42px;
  box-sizing: border-box;
}
.selectize-control.multi .selectize-input > div {
  width: fit-content;
  border-radius: 6px;
  font-weight: 700;
  color: var(--color-neutral-400);
  border: 1px solid var(--color-neutral-400);
  padding: var(--spacing-0-5) var(--spacing-1);
  font-size: var(--typography-xs);
  padding: var(--spacing-0-5) var(--spacing-1);
  background: var(--color-neutral-40);
  margin: 0 var(--spacing-0-5) var(--spacing-0-5) 0;
}
.client_form_inverted label {
  color: #ffffff;
}
.client_form_inverted
  input:not([type="submit"], [type="range"], [type="checkbox"]),
.client_form_inverted textarea,
.client_form_inverted select {
  background-color: #1d1d20;
  border: 1px solid #6d6b75;
  color: #ffffff;
}
@media (min-width: 52em) {
  .client_form_inverted
    input:not([type="submit"], [type="range"], [type="checkbox"]):hover,
  .client_form_inverted textarea:hover,
  .client_form_inverted select:hover {
    box-shadow: unset;
  }
}
.client_form_inverted
  input[aria-invalid="true"]:not(
    [type="submit"],
    [type="range"],
    [type="checkbox"]
  ),
.client_form_inverted textarea[aria-invalid="true"],
.client_form_inverted select[aria-invalid="true"] {
  border: 1px solid #ee8787;
}
@media (hover: hover) and (pointer: fine) {
  .client_form_inverted input:hover,
  .client_form_inverted select:hover {
    border-color: #dfdfe2;
  }
}
.client_form_inverted input:focus,
.client_form_inverted select:focus {
  border-color: #dfdfe2;
}
.client_form_inverted input:focus-visible,
.client_form_inverted select:focus-visible {
  outline-color: transparent;
}
.client_form_inverted .field_with_errors input {
  border: 1px solid #ee8787;
}
.client_form_inverted .field_with_errors label {
  color: #ee8787;
}
.client_form_inverted .field_with_errors input:focus {
  background-color: #1d1d20;
  color: #dfdfe2;
}
.client_form_inverted .error {
  color: #ee8787;
}
.client_form_inverted .hint {
  color: #dfdfe2;
}
.client_form_inverted textarea {
  background-color: inherit;
  outline: none;
}
.client_form_inverted textarea:focus,
.client_form_inverted textarea:focus-visible,
.client_form_inverted textarea:focus-within {
  outline: none;
}
.client_form_inverted textarea.no-border {
  border-color: transparent;
}
.resize-vert {
  resize: vertical;
}
.opacity-0 {
  opacity: 0%;
}
@media (min-width: 52em) {
  .md-opacity-0 {
    opacity: 0%;
  }
}
.opacity-1 {
  opacity: 10%;
}
@media (min-width: 52em) {
  .md-opacity-1 {
    opacity: 10%;
  }
}
.opacity-2 {
  opacity: 20%;
}
@media (min-width: 52em) {
  .md-opacity-2 {
    opacity: 20%;
  }
}
.opacity-3 {
  opacity: 30%;
}
@media (min-width: 52em) {
  .md-opacity-3 {
    opacity: 30%;
  }
}
.opacity-4 {
  opacity: 40%;
}
@media (min-width: 52em) {
  .md-opacity-4 {
    opacity: 40%;
  }
}
.opacity-5 {
  opacity: 50%;
}
@media (min-width: 52em) {
  .md-opacity-5 {
    opacity: 50%;
  }
}
.opacity-6 {
  opacity: 60%;
}
@media (min-width: 52em) {
  .md-opacity-6 {
    opacity: 60%;
  }
}
.opacity-7 {
  opacity: 70%;
}
@media (min-width: 52em) {
  .md-opacity-7 {
    opacity: 70%;
  }
}
.opacity-8 {
  opacity: 80%;
}
@media (min-width: 52em) {
  .md-opacity-8 {
    opacity: 80%;
  }
}
.opacity-9 {
  opacity: 90%;
}
@media (min-width: 52em) {
  .md-opacity-9 {
    opacity: 90%;
  }
}
.opacity-10 {
  opacity: 100%;
}
@media (min-width: 52em) {
  .md-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 40em) {
  .sm-opacity-0 {
    opacity: 0%;
  }
  .sm-opacity-1 {
    opacity: 10%;
  }
  .sm-opacity-2 {
    opacity: 20%;
  }
  .sm-opacity-3 {
    opacity: 30%;
  }
  .sm-opacity-4 {
    opacity: 40%;
  }
  .sm-opacity-5 {
    opacity: 50%;
  }
  .sm-opacity-6 {
    opacity: 60%;
  }
  .sm-opacity-7 {
    opacity: 70%;
  }
  .sm-opacity-8 {
    opacity: 80%;
  }
  .sm-opacity-9 {
    opacity: 90%;
  }
  .sm-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 52em) {
  .md-opacity-0 {
    opacity: 0%;
  }
  .md-opacity-1 {
    opacity: 10%;
  }
  .md-opacity-2 {
    opacity: 20%;
  }
  .md-opacity-3 {
    opacity: 30%;
  }
  .md-opacity-4 {
    opacity: 40%;
  }
  .md-opacity-5 {
    opacity: 50%;
  }
  .md-opacity-6 {
    opacity: 60%;
  }
  .md-opacity-7 {
    opacity: 70%;
  }
  .md-opacity-8 {
    opacity: 80%;
  }
  .md-opacity-9 {
    opacity: 90%;
  }
  .md-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 64em) {
  .lg-opacity-0 {
    opacity: 0%;
  }
  .lg-opacity-1 {
    opacity: 10%;
  }
  .lg-opacity-2 {
    opacity: 20%;
  }
  .lg-opacity-3 {
    opacity: 30%;
  }
  .lg-opacity-4 {
    opacity: 40%;
  }
  .lg-opacity-5 {
    opacity: 50%;
  }
  .lg-opacity-6 {
    opacity: 60%;
  }
  .lg-opacity-7 {
    opacity: 70%;
  }
  .lg-opacity-8 {
    opacity: 80%;
  }
  .lg-opacity-9 {
    opacity: 90%;
  }
  .lg-opacity-10 {
    opacity: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-opacity-0:hover {
    opacity: 0%;
  }
  .hover-opacity-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-1:hover {
    opacity: 10%;
  }
  .hover-opacity-1 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-2:hover {
    opacity: 20%;
  }
  .hover-opacity-2 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-3:hover {
    opacity: 30%;
  }
  .hover-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-4:hover {
    opacity: 40%;
  }
  .hover-opacity-4 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-5:hover {
    opacity: 50%;
  }
  .hover-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-6:hover {
    opacity: 60%;
  }
  .hover-opacity-6 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-7:hover {
    opacity: 70%;
  }
  .hover-opacity-7 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-8:hover {
    opacity: 80%;
  }
  .hover-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-9:hover {
    opacity: 90%;
  }
  .hover-opacity-9 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-10:hover {
    opacity: 100%;
  }
  .hover-opacity-10 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.svg-black-0 svg g:not(.lock-fill),
.svg-black-0 svg path:not(.lock-fill) {
  fill: #000000;
}
.svg-transparent svg g:not(.lock-fill),
.svg-transparent svg path:not(.lock-fill) {
  fill: transparent;
}
.svg-primary-800 svg g:not(.lock-fill),
.svg-primary-800 svg path:not(.lock-fill) {
  fill: #4731c4;
}
.svg-primary-700 svg g:not(.lock-fill),
.svg-primary-700 svg path:not(.lock-fill) {
  fill: #5f4ad2;
}
.svg-primary-200 svg g:not(.lock-fill),
.svg-primary-200 svg path:not(.lock-fill) {
  fill: #d6d1f3;
}
.svg-primary-300 svg g:not(.lock-fill),
.svg-primary-300 svg path:not(.lock-fill) {
  fill: #bdb4ee;
}
.svg-primary-100 svg g:not(.lock-fill),
.svg-primary-100 svg path:not(.lock-fill) {
  fill: #eeebfc;
}
.svg-secondary-900 svg g:not(.lock-fill),
.svg-secondary-900 svg path:not(.lock-fill) {
  fill: #312753;
}
.svg-secondary-800 svg g:not(.lock-fill),
.svg-secondary-800 svg path:not(.lock-fill) {
  fill: #3e3168;
}
.svg-tertiary-900 svg g:not(.lock-fill),
.svg-tertiary-900 svg path:not(.lock-fill) {
  fill: #662800;
}
.svg-tertiary-500 svg g:not(.lock-fill),
.svg-tertiary-500 svg path:not(.lock-fill) {
  fill: #ed5d00;
}
.svg-tertiary-400 svg g:not(.lock-fill),
.svg-tertiary-400 svg path:not(.lock-fill) {
  fill: #ff8130;
}
.svg-tertiary-200 svg g:not(.lock-fill),
.svg-tertiary-200 svg path:not(.lock-fill) {
  fill: #ffba8e;
}
.svg-tertiary-100 svg g:not(.lock-fill),
.svg-tertiary-100 svg path:not(.lock-fill) {
  fill: #ffeadc;
}
.svg-error-600 svg g:not(.lock-fill),
.svg-error-600 svg path:not(.lock-fill) {
  fill: #c04b4b;
}
.svg-error-500 svg g:not(.lock-fill),
.svg-error-500 svg path:not(.lock-fill) {
  fill: #e85d5d;
}
.svg-error-400 svg g:not(.lock-fill),
.svg-error-400 svg path:not(.lock-fill) {
  fill: #ee8787;
}
.svg-error-100 svg g:not(.lock-fill),
.svg-error-100 svg path:not(.lock-fill) {
  fill: #fce9e9;
}
.svg-success-500 svg g:not(.lock-fill),
.svg-success-500 svg path:not(.lock-fill) {
  fill: #029d81;
}
.svg-success-400 svg g:not(.lock-fill),
.svg-success-400 svg path:not(.lock-fill) {
  fill: #13b99b;
}
.svg-success-100 svg g:not(.lock-fill),
.svg-success-100 svg path:not(.lock-fill) {
  fill: #d8f3ee;
}
.svg-info-500 svg g:not(.lock-fill),
.svg-info-500 svg path:not(.lock-fill) {
  fill: #2a92d3;
}
.svg-info-400 svg g:not(.lock-fill),
.svg-info-400 svg path:not(.lock-fill) {
  fill: #31acf9;
}
.svg-info-100 svg g:not(.lock-fill),
.svg-info-100 svg path:not(.lock-fill) {
  fill: #dbf1fe;
}
.svg-neutral-800 svg g:not(.lock-fill),
.svg-neutral-800 svg path:not(.lock-fill) {
  fill: #1d1d20;
}
.svg-neutral-400 svg g:not(.lock-fill),
.svg-neutral-400 svg path:not(.lock-fill) {
  fill: #6d6b75;
}
.svg-neutral-55 svg g:not(.lock-fill),
.svg-neutral-55 svg path:not(.lock-fill) {
  fill: #dfdfe2;
}
.svg-neutral-40 svg g:not(.lock-fill),
.svg-neutral-40 svg path:not(.lock-fill) {
  fill: #eaeaec;
}
.svg-neutral-25 svg g:not(.lock-fill),
.svg-neutral-25 svg path:not(.lock-fill) {
  fill: #f4f4f5;
}
.svg-neutral-15 svg g:not(.lock-fill),
.svg-neutral-15 svg path:not(.lock-fill) {
  fill: #fafafa;
}
.svg-neutral-0 svg g:not(.lock-fill),
.svg-neutral-0 svg path:not(.lock-fill) {
  fill: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .hover-svg-black-0:hover svg g:not(.lock-fill),
  .hover-svg-black-0:hover svg path:not(.lock-fill) {
    fill: #000000;
  }
  .hover-svg-black-0 svg g:not(.lock-fill),
  .hover-svg-black-0 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-transparent:hover svg g:not(.lock-fill),
  .hover-svg-transparent:hover svg path:not(.lock-fill) {
    fill: transparent;
  }
  .hover-svg-transparent svg g:not(.lock-fill),
  .hover-svg-transparent svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-800:hover svg g:not(.lock-fill),
  .hover-svg-primary-800:hover svg path:not(.lock-fill) {
    fill: #4731c4;
  }
  .hover-svg-primary-800 svg g:not(.lock-fill),
  .hover-svg-primary-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-700:hover svg g:not(.lock-fill),
  .hover-svg-primary-700:hover svg path:not(.lock-fill) {
    fill: #5f4ad2;
  }
  .hover-svg-primary-700 svg g:not(.lock-fill),
  .hover-svg-primary-700 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-200:hover svg g:not(.lock-fill),
  .hover-svg-primary-200:hover svg path:not(.lock-fill) {
    fill: #d6d1f3;
  }
  .hover-svg-primary-200 svg g:not(.lock-fill),
  .hover-svg-primary-200 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-300:hover svg g:not(.lock-fill),
  .hover-svg-primary-300:hover svg path:not(.lock-fill) {
    fill: #bdb4ee;
  }
  .hover-svg-primary-300 svg g:not(.lock-fill),
  .hover-svg-primary-300 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-100:hover svg g:not(.lock-fill),
  .hover-svg-primary-100:hover svg path:not(.lock-fill) {
    fill: #eeebfc;
  }
  .hover-svg-primary-100 svg g:not(.lock-fill),
  .hover-svg-primary-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-secondary-900:hover svg g:not(.lock-fill),
  .hover-svg-secondary-900:hover svg path:not(.lock-fill) {
    fill: #312753;
  }
  .hover-svg-secondary-900 svg g:not(.lock-fill),
  .hover-svg-secondary-900 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-secondary-800:hover svg g:not(.lock-fill),
  .hover-svg-secondary-800:hover svg path:not(.lock-fill) {
    fill: #3e3168;
  }
  .hover-svg-secondary-800 svg g:not(.lock-fill),
  .hover-svg-secondary-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-900:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-900:hover svg path:not(.lock-fill) {
    fill: #662800;
  }
  .hover-svg-tertiary-900 svg g:not(.lock-fill),
  .hover-svg-tertiary-900 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-500:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-500:hover svg path:not(.lock-fill) {
    fill: #ed5d00;
  }
  .hover-svg-tertiary-500 svg g:not(.lock-fill),
  .hover-svg-tertiary-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-400:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-400:hover svg path:not(.lock-fill) {
    fill: #ff8130;
  }
  .hover-svg-tertiary-400 svg g:not(.lock-fill),
  .hover-svg-tertiary-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-200:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-200:hover svg path:not(.lock-fill) {
    fill: #ffba8e;
  }
  .hover-svg-tertiary-200 svg g:not(.lock-fill),
  .hover-svg-tertiary-200 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-100:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-100:hover svg path:not(.lock-fill) {
    fill: #ffeadc;
  }
  .hover-svg-tertiary-100 svg g:not(.lock-fill),
  .hover-svg-tertiary-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-600:hover svg g:not(.lock-fill),
  .hover-svg-error-600:hover svg path:not(.lock-fill) {
    fill: #c04b4b;
  }
  .hover-svg-error-600 svg g:not(.lock-fill),
  .hover-svg-error-600 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-500:hover svg g:not(.lock-fill),
  .hover-svg-error-500:hover svg path:not(.lock-fill) {
    fill: #e85d5d;
  }
  .hover-svg-error-500 svg g:not(.lock-fill),
  .hover-svg-error-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-400:hover svg g:not(.lock-fill),
  .hover-svg-error-400:hover svg path:not(.lock-fill) {
    fill: #ee8787;
  }
  .hover-svg-error-400 svg g:not(.lock-fill),
  .hover-svg-error-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-100:hover svg g:not(.lock-fill),
  .hover-svg-error-100:hover svg path:not(.lock-fill) {
    fill: #fce9e9;
  }
  .hover-svg-error-100 svg g:not(.lock-fill),
  .hover-svg-error-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-500:hover svg g:not(.lock-fill),
  .hover-svg-success-500:hover svg path:not(.lock-fill) {
    fill: #029d81;
  }
  .hover-svg-success-500 svg g:not(.lock-fill),
  .hover-svg-success-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-400:hover svg g:not(.lock-fill),
  .hover-svg-success-400:hover svg path:not(.lock-fill) {
    fill: #13b99b;
  }
  .hover-svg-success-400 svg g:not(.lock-fill),
  .hover-svg-success-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-100:hover svg g:not(.lock-fill),
  .hover-svg-success-100:hover svg path:not(.lock-fill) {
    fill: #d8f3ee;
  }
  .hover-svg-success-100 svg g:not(.lock-fill),
  .hover-svg-success-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-500:hover svg g:not(.lock-fill),
  .hover-svg-info-500:hover svg path:not(.lock-fill) {
    fill: #2a92d3;
  }
  .hover-svg-info-500 svg g:not(.lock-fill),
  .hover-svg-info-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-400:hover svg g:not(.lock-fill),
  .hover-svg-info-400:hover svg path:not(.lock-fill) {
    fill: #31acf9;
  }
  .hover-svg-info-400 svg g:not(.lock-fill),
  .hover-svg-info-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-100:hover svg g:not(.lock-fill),
  .hover-svg-info-100:hover svg path:not(.lock-fill) {
    fill: #dbf1fe;
  }
  .hover-svg-info-100 svg g:not(.lock-fill),
  .hover-svg-info-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-800:hover svg g:not(.lock-fill),
  .hover-svg-neutral-800:hover svg path:not(.lock-fill) {
    fill: #1d1d20;
  }
  .hover-svg-neutral-800 svg g:not(.lock-fill),
  .hover-svg-neutral-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-400:hover svg g:not(.lock-fill),
  .hover-svg-neutral-400:hover svg path:not(.lock-fill) {
    fill: #6d6b75;
  }
  .hover-svg-neutral-400 svg g:not(.lock-fill),
  .hover-svg-neutral-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-55:hover svg g:not(.lock-fill),
  .hover-svg-neutral-55:hover svg path:not(.lock-fill) {
    fill: #dfdfe2;
  }
  .hover-svg-neutral-55 svg g:not(.lock-fill),
  .hover-svg-neutral-55 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-40:hover svg g:not(.lock-fill),
  .hover-svg-neutral-40:hover svg path:not(.lock-fill) {
    fill: #eaeaec;
  }
  .hover-svg-neutral-40 svg g:not(.lock-fill),
  .hover-svg-neutral-40 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-25:hover svg g:not(.lock-fill),
  .hover-svg-neutral-25:hover svg path:not(.lock-fill) {
    fill: #f4f4f5;
  }
  .hover-svg-neutral-25 svg g:not(.lock-fill),
  .hover-svg-neutral-25 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-15:hover svg g:not(.lock-fill),
  .hover-svg-neutral-15:hover svg path:not(.lock-fill) {
    fill: #fafafa;
  }
  .hover-svg-neutral-15 svg g:not(.lock-fill),
  .hover-svg-neutral-15 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-0:hover svg g:not(.lock-fill),
  .hover-svg-neutral-0:hover svg path:not(.lock-fill) {
    fill: #ffffff;
  }
  .hover-svg-neutral-0 svg g:not(.lock-fill),
  .hover-svg-neutral-0 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.text-black-0 {
  color: #000000;
}
.text-transparent {
  color: transparent;
}
.text-primary-800 {
  color: #045476;
}
.text-primary-700 {
  color: #045476;
}
.text-primary-200 {
  color: #045476;
}
.text-primary-300 {
  color: #045476;
}
.text-primary-100 {
  color: #045476;
}
.text-secondary-900 {
  color: #045476;
}
.text-secondary-800 {
  color: #045476;
}
.text-tertiary-900 {
  color: #045476;
}
.text-tertiary-500 {
  color: #045476;
}
.text-tertiary-400 {
  color: #045476;
}
.text-tertiary-200 {
  color: #045476;
}
.text-tertiary-100 {
  color: #045476;
}
.text-error-600 {
  color: #c04b4b;
}
.text-error-500 {
  color: #e85d5d;
}
.text-error-400 {
  color: #ee8787;
}
.text-error-100 {
  color: #fce9e9;
}
.text-success-500 {
  color: #029d81;
}
.text-success-400 {
  color: #13b99b;
}
.text-success-100 {
  color: #d8f3ee;
}
.text-info-500 {
  color: #2a92d3;
}
.text-info-400 {
  color: #31acf9;
}
.text-info-100 {
  color: #dbf1fe;
}
.text-neutral-800,
.app_client_layout .accordion_element_title,
.marketing_layout .accordion_element_title,
.app_client_layout .accordion_element_open {
  color: #1d1d20;
}
.text-neutral-400 {
  color: #6d6b75;
}
.text-neutral-55 {
  color: #dfdfe2;
}
.text-neutral-40 {
  color: #eaeaec;
}
.text-neutral-25 {
  color: #f4f4f5;
}
.text-neutral-15 {
  color: #fafafa;
}
.text-neutral-0 {
  color: #ffffff;
}
@media (min-width: 40em) {
  .sm-text-black-0 {
    color: #000000;
  }
}
@media (min-width: 40em) {
  .sm-text-transparent {
    color: transparent;
  }
}
@media (min-width: 40em) {
  .sm-text-primary-800 {
    color: #4731c4;
  }
}
@media (min-width: 40em) {
  .sm-text-primary-700 {
    color: #5f4ad2;
  }
}
@media (min-width: 40em) {
  .sm-text-primary-200 {
    color: #d6d1f3;
  }
}
@media (min-width: 40em) {
  .sm-text-primary-300 {
    color: #bdb4ee;
  }
}
@media (min-width: 40em) {
  .sm-text-primary-100 {
    color: #eeebfc;
  }
}
@media (min-width: 40em) {
  .sm-text-secondary-900 {
    color: #312753;
  }
}
@media (min-width: 40em) {
  .sm-text-secondary-800 {
    color: #045476;
  }
}
@media (min-width: 40em) {
  .sm-text-tertiary-900 {
    color: #662800;
  }
}
@media (min-width: 40em) {
  .sm-text-tertiary-500 {
    color: #ed5d00;
  }
}
@media (min-width: 40em) {
  .sm-text-tertiary-400 {
    color: #ff8130;
  }
}
@media (min-width: 40em) {
  .sm-text-tertiary-200 {
    color: #ffba8e;
  }
}
@media (min-width: 40em) {
  .sm-text-tertiary-100 {
    color: #ffeadc;
  }
}
@media (min-width: 40em) {
  .sm-text-error-600 {
    color: #c04b4b;
  }
}
@media (min-width: 40em) {
  .sm-text-error-500 {
    color: #e85d5d;
  }
}
@media (min-width: 40em) {
  .sm-text-error-400 {
    color: #ee8787;
  }
}
@media (min-width: 40em) {
  .sm-text-error-100 {
    color: #fce9e9;
  }
}
@media (min-width: 40em) {
  .sm-text-success-500 {
    color: #029d81;
  }
}
@media (min-width: 40em) {
  .sm-text-success-400 {
    color: #13b99b;
  }
}
@media (min-width: 40em) {
  .sm-text-success-100 {
    color: #d8f3ee;
  }
}
@media (min-width: 40em) {
  .sm-text-info-500 {
    color: #2a92d3;
  }
}
@media (min-width: 40em) {
  .sm-text-info-400 {
    color: #31acf9;
  }
}
@media (min-width: 40em) {
  .sm-text-info-100 {
    color: #dbf1fe;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-800 {
    color: #1d1d20;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-400 {
    color: #6d6b75;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-55 {
    color: #dfdfe2;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-40 {
    color: #eaeaec;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-25 {
    color: #f4f4f5;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-15 {
    color: #fafafa;
  }
}
@media (min-width: 40em) {
  .sm-text-neutral-0 {
    color: #ffffff;
  }
}
@media (min-width: 52em) {
  .md-text-black-0 {
    color: #000000;
  }
}
@media (min-width: 52em) {
  .md-text-transparent {
    color: transparent;
  }
}
@media (min-width: 52em) {
  .md-text-primary-800 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-primary-700 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-primary-200 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-primary-300 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-primary-100 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-secondary-900 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-secondary-800 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-tertiary-900 {
    color: #045476;
  }
}
@media (min-width: 52em) {
  .md-text-tertiary-500 {
    color: #ed5d00;
  }
}
@media (min-width: 52em) {
  .md-text-tertiary-400 {
    color: #ff8130;
  }
}
@media (min-width: 52em) {
  .md-text-tertiary-200 {
    color: #ffba8e;
  }
}
@media (min-width: 52em) {
  .md-text-tertiary-100 {
    color: #ffeadc;
  }
}
@media (min-width: 52em) {
  .md-text-error-600 {
    color: #c04b4b;
  }
}
@media (min-width: 52em) {
  .md-text-error-500 {
    color: #e85d5d;
  }
}
@media (min-width: 52em) {
  .md-text-error-400 {
    color: #ee8787;
  }
}
@media (min-width: 52em) {
  .md-text-error-100 {
    color: #fce9e9;
  }
}
@media (min-width: 52em) {
  .md-text-success-500 {
    color: #029d81;
  }
}
@media (min-width: 52em) {
  .md-text-success-400 {
    color: #13b99b;
  }
}
@media (min-width: 52em) {
  .md-text-success-100 {
    color: #d8f3ee;
  }
}
@media (min-width: 52em) {
  .md-text-info-500 {
    color: #2a92d3;
  }
}
@media (min-width: 52em) {
  .md-text-info-400 {
    color: #31acf9;
  }
}
@media (min-width: 52em) {
  .md-text-info-100 {
    color: #dbf1fe;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-800 {
    color: #1d1d20;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-400 {
    color: #6d6b75;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-55 {
    color: #dfdfe2;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-40 {
    color: #eaeaec;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-25 {
    color: #f4f4f5;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-15 {
    color: #fafafa;
  }
}
@media (min-width: 52em) {
  .md-text-neutral-0 {
    color: #ffffff;
  }
}
@media (min-width: 64em) {
  .lg-text-black-0 {
    color: #000000;
  }
}
@media (min-width: 64em) {
  .lg-text-transparent {
    color: transparent;
  }
}
@media (min-width: 64em) {
  .lg-text-primary-800 {
    color: #4731c4;
  }
}
@media (min-width: 64em) {
  .lg-text-primary-700 {
    color: #5f4ad2;
  }
}
@media (min-width: 64em) {
  .lg-text-primary-200 {
    color: #d6d1f3;
  }
}
@media (min-width: 64em) {
  .lg-text-primary-300 {
    color: #bdb4ee;
  }
}
@media (min-width: 64em) {
  .lg-text-primary-100 {
    color: #eeebfc;
  }
}
@media (min-width: 64em) {
  .lg-text-secondary-900 {
    color: #312753;
  }
}
@media (min-width: 64em) {
  .lg-text-secondary-800 {
    color: #045476;
  }
}
@media (min-width: 64em) {
  .lg-text-tertiary-900 {
    color: #662800;
  }
}
@media (min-width: 64em) {
  .lg-text-tertiary-500 {
    color: #ed5d00;
  }
}
@media (min-width: 64em) {
  .lg-text-tertiary-400 {
    color: #ff8130;
  }
}
@media (min-width: 64em) {
  .lg-text-tertiary-200 {
    color: #ffba8e;
  }
}
@media (min-width: 64em) {
  .lg-text-tertiary-100 {
    color: #ffeadc;
  }
}
@media (min-width: 64em) {
  .lg-text-error-600 {
    color: #c04b4b;
  }
}
@media (min-width: 64em) {
  .lg-text-error-500 {
    color: #e85d5d;
  }
}
@media (min-width: 64em) {
  .lg-text-error-400 {
    color: #ee8787;
  }
}
@media (min-width: 64em) {
  .lg-text-error-100 {
    color: #fce9e9;
  }
}
@media (min-width: 64em) {
  .lg-text-success-500 {
    color: #029d81;
  }
}
@media (min-width: 64em) {
  .lg-text-success-400 {
    color: #13b99b;
  }
}
@media (min-width: 64em) {
  .lg-text-success-100 {
    color: #d8f3ee;
  }
}
@media (min-width: 64em) {
  .lg-text-info-500 {
    color: #2a92d3;
  }
}
@media (min-width: 64em) {
  .lg-text-info-400 {
    color: #31acf9;
  }
}
@media (min-width: 64em) {
  .lg-text-info-100 {
    color: #dbf1fe;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-800 {
    color: #1d1d20;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-400 {
    color: #6d6b75;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-55 {
    color: #dfdfe2;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-40 {
    color: #eaeaec;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-25 {
    color: #f4f4f5;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-15 {
    color: #fafafa;
  }
}
@media (min-width: 64em) {
  .lg-text-neutral-0 {
    color: #ffffff;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-text-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-black-0:hover {
    color: #000000;
  }
  .hover-text-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-transparent:hover {
    color: transparent;
  }
  .hover-text-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-primary-800:hover {
    color: #4731c4;
  }
  .hover-text-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-primary-700:hover {
    color: #5f4ad2;
  }
  .hover-text-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-primary-200:hover {
    color: #d6d1f3;
  }
  .hover-text-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-primary-300:hover {
    color: #bdb4ee;
  }
  .hover-text-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-primary-100:hover {
    color: #eeebfc;
  }
  .hover-text-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-secondary-900:hover {
    color: #312753;
  }
  .hover-text-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-secondary-800:hover {
    color: #3e3168;
  }
  .hover-text-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-tertiary-900:hover {
    color: #662800;
  }
  .hover-text-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-tertiary-500:hover {
    color: #ed5d00;
  }
  .hover-text-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-tertiary-400:hover {
    color: #ff8130;
  }
  .hover-text-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-tertiary-200:hover {
    color: #ffba8e;
  }
  .hover-text-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-tertiary-100:hover {
    color: #ffeadc;
  }
  .hover-text-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-error-600:hover {
    color: #c04b4b;
  }
  .hover-text-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-error-500:hover {
    color: #e85d5d;
  }
  .hover-text-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-error-400:hover {
    color: #ee8787;
  }
  .hover-text-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-error-100:hover {
    color: #fce9e9;
  }
  .hover-text-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-success-500:hover {
    color: #029d81;
  }
  .hover-text-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-success-400:hover {
    color: #13b99b;
  }
  .hover-text-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-success-100:hover {
    color: #d8f3ee;
  }
  .hover-text-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-info-500:hover {
    color: #2a92d3;
  }
  .hover-text-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-info-400:hover {
    color: #31acf9;
  }
  .hover-text-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-info-100:hover {
    color: #dbf1fe;
  }
  .hover-text-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-800:hover {
    color: #1d1d20;
  }
  .hover-text-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-400:hover {
    color: #6d6b75;
  }
  .hover-text-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-55:hover {
    color: #dfdfe2;
  }
  .hover-text-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-40:hover {
    color: #eaeaec;
  }
  .hover-text-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-25:hover {
    color: #f4f4f5;
  }
  .hover-text-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-15:hover {
    color: #fafafa;
  }
  .hover-text-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-text-neutral-0:hover {
    color: #ffffff;
  }
}
.select-all {
  user-select: all;
}
.select-none {
  user-select: none;
}
.hover-tooltip .tooltip_parent,
.hover-tooltip .tooltip_content {
  visibility: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .hover-tooltip:hover .tooltip_parent,
  .hover-tooltip:hover .tooltip_content {
    visibility: visible;
  }
}
.tooltip_parent {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip_parent:not(.keep-tooltip-hitarea) {
  padding: var(--spacing-1);
  margin: calc(-1 * var(--spacing-1));
}
.tooltip_parent.tooltip_block {
  display: block;
}
.tooltip_parent.tooltip_flex {
  display: flex;
}
.tooltip_parent.tooltip_absolute {
  position: absolute;
}
@media (hover: hover) and (pointer: fine) {
  .tooltip_parent:hover:not(.click_tooltip) .tooltip_content {
    opacity: 1;
    display: block;
  }
}
.tooltip_parent .tooltip_content {
  position: absolute;
  display: none;
  width: 200px;
  line-height: 140%;
  border-radius: 6px;
  z-index: 5;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s, display 0.3s;
  transition-behavior: allow-discrete;
  font-size: 0.889rem;
  color: #eaeaec;
  background-color: #1d1d20;
  font-style: normal;
  padding: 8px;
}
.tooltip_parent .tooltip_content.tooltip_top {
  bottom: 100%;
  top: initial;
}
.tooltip_parent .tooltip_content.tooltip_left {
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  left: auto;
}
.tooltip_parent .tooltip_content.tooltip_right {
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  right: auto;
}
.tooltip_parent .tooltip_content.tooltip_width_auto {
  width: auto;
  white-space: nowrap;
}
.tooltip_parent .tooltip_content.wider {
  width: 310px;
}
.tooltip_parent .tooltip_content::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1d1d20 transparent;
}
.tooltip_parent .tooltip_content.tooltip_left::after {
  bottom: 50%;
  transform: rotate(90deg) translateX(50%);
  right: -10px;
  left: auto;
}
.tooltip_parent .tooltip_content.tooltip_right::after {
  bottom: 50%;
  transform: rotate(-90deg) translateX(-50%);
  left: -5px;
}
.tooltip_parent .tooltip_content.tooltip_top::after {
  bottom: 0%;
  transform: rotate(180deg) translateY(-100%);
  left: 50%;
}
.tooltip_parent .tooltip_fadeout {
  animation-duration: 1s;
  animation-name: tooltip-fadeout-animation;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes tooltip-fadeout-animation {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
html.app_client_layout body {
  font-family: "Mabry Pro", sans-serif;
}
html.marketing_layout body {
  font-family: "Mabry Pro", sans-serif;
}
html.app_client_layout body,
html.marketing_layout body {
  font-feature-settings: "ss02" on;
  font-weight: 400;
  font-size: 1rem;
  color: var(--color-neutral-800);
}
html.app_client_layout body button,
html.marketing_layout body button {
  font-family: inherit;
}
html.app_client_layout body .non-slashed-zero,
html.marketing_layout body .non-slashed-zero {
  font-variant-numeric: lining-nums tabular-nums;
}
html.app_client_layout body .slashed-zero,
html.marketing_layout body .slashed-zero {
  font-variant-numeric: lining-nums tabular-nums slashed-zero;
}
html.app_client_layout body {
  font-variant-numeric: lining-nums tabular-nums slashed-zero;
}
html.marketing_layout body {
  font-variant-numeric: lining-nums tabular-nums;
}
:root {
  --typography-heading-xxxl: 7.594rem;
  --typography-heading-xxl: 5.063rem;
  --typography-heading-xl: 3.375rem;
  --typography-heading-l: 2.027rem;
  --typography-heading-m: 1.802rem;
  --typography-heading-s: 1.424rem;
  --typography-heading-xs: 1.125rem;
  --typography-xl: 1.424rem;
  --typography-l: 1.125rem;
  --typography-m: 1rem;
  --typography-s: 0.889rem;
  --typography-xs: 0.79rem;
  --typography-xxs: 0.65rem;
}
h1:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading {
  line-height: 120%;
}
h1.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xxxl {
  font-size: 7.594rem;
  letter-spacing: -3px;
}
h1.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xxl {
  font-size: 5.063rem;
  letter-spacing: -2px;
}
h1.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xl {
  font-size: 3.375rem;
  letter-spacing: -2px;
}
h1.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-l {
  font-size: 2.027rem;
}
h1.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-m {
  font-size: 1.802rem;
}
h1.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-s {
  font-size: 1.424rem;
}
h1.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xs {
  font-size: 1.125rem;
}
@media (min-width: 40em) {
  h1.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-l {
    font-size: 2.027rem;
  }
  h1.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-m {
    font-size: 1.802rem;
  }
  h1.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-s {
    font-size: 1.424rem;
  }
  h1.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xs {
    font-size: 1.125rem;
  }
}
@media (min-width: 52em) {
  h1.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-l {
    font-size: 2.027rem;
  }
  h1.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-m {
    font-size: 1.802rem;
  }
  h1.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-s {
    font-size: 1.424rem;
  }
  h1.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xs {
    font-size: 1.125rem;
  }
}
@media (min-width: 64em) {
  h1.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-l {
    font-size: 2.027rem;
  }
  h1.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-m {
    font-size: 1.802rem;
  }
  h1.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-s {
    font-size: 1.424rem;
  }
  h1.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xs {
    font-size: 1.125rem;
  }
}
p.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xl,
li.text-xl,
ul.text-xl,
pre.text-xl,
label.text-xl,
tr.text-xl,
td.text-xl,
.text-label.text-xl {
  font-size: 1.424rem;
}
p.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-l,
li.text-l,
ul.text-l,
pre.text-l,
label.text-l,
tr.text-l,
td.text-l,
.text-label.text-l {
  font-size: 1.125rem;
}
p.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-m,
li.text-m,
ul.text-m,
pre.text-m,
label.text-m,
tr.text-m,
td.text-m,
.text-label.text-m {
  font-size: 1rem;
}
p.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-s,
li.text-s,
ul.text-s,
pre.text-s,
label.text-s,
tr.text-s,
td.text-s,
.text-label.text-s {
  font-size: 0.889rem;
}
p.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xs,
li.text-xs,
ul.text-xs,
pre.text-xs,
label.text-xs,
tr.text-xs,
td.text-xs,
.text-label.text-xs {
  font-size: 0.79rem;
}
p.text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xxs,
li.text-xxs,
ul.text-xxs,
pre.text-xxs,
label.text-xxs,
tr.text-xxs,
td.text-xxs,
.text-label.text-xxs {
  font-size: 0.65rem;
}
@media (min-width: 40em) {
  p.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xl,
  li.sm-text-xl,
  ul.sm-text-xl,
  pre.sm-text-xl,
  label.sm-text-xl,
  tr.sm-text-xl,
  td.sm-text-xl,
  .text-label.sm-text-xl {
    font-size: 1.424rem;
  }
  p.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-l,
  li.sm-text-l,
  ul.sm-text-l,
  pre.sm-text-l,
  label.sm-text-l,
  tr.sm-text-l,
  td.sm-text-l,
  .text-label.sm-text-l {
    font-size: 1.125rem;
  }
  p.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-m,
  li.sm-text-m,
  ul.sm-text-m,
  pre.sm-text-m,
  label.sm-text-m,
  tr.sm-text-m,
  td.sm-text-m,
  .text-label.sm-text-m {
    font-size: 1rem;
  }
  p.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-s,
  li.sm-text-s,
  ul.sm-text-s,
  pre.sm-text-s,
  label.sm-text-s,
  tr.sm-text-s,
  td.sm-text-s,
  .text-label.sm-text-s {
    font-size: 0.889rem;
  }
  p.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xs,
  li.sm-text-xs,
  ul.sm-text-xs,
  pre.sm-text-xs,
  label.sm-text-xs,
  tr.sm-text-xs,
  td.sm-text-xs,
  .text-label.sm-text-xs {
    font-size: 0.79rem;
  }
  p.sm-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xxs,
  li.sm-text-xxs,
  ul.sm-text-xxs,
  pre.sm-text-xxs,
  label.sm-text-xxs,
  tr.sm-text-xxs,
  td.sm-text-xxs,
  .text-label.sm-text-xxs {
    font-size: 0.65rem;
  }
}
@media (min-width: 52em) {
  p.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xl,
  li.md-text-xl,
  ul.md-text-xl,
  pre.md-text-xl,
  label.md-text-xl,
  tr.md-text-xl,
  td.md-text-xl,
  .text-label.md-text-xl {
    font-size: 1.424rem;
  }
  p.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-l,
  li.md-text-l,
  ul.md-text-l,
  pre.md-text-l,
  label.md-text-l,
  tr.md-text-l,
  td.md-text-l,
  .text-label.md-text-l {
    font-size: 1.125rem;
  }
  p.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-m,
  li.md-text-m,
  ul.md-text-m,
  pre.md-text-m,
  label.md-text-m,
  tr.md-text-m,
  td.md-text-m,
  .text-label.md-text-m {
    font-size: 1rem;
  }
  p.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-s,
  li.md-text-s,
  ul.md-text-s,
  pre.md-text-s,
  label.md-text-s,
  tr.md-text-s,
  td.md-text-s,
  .text-label.md-text-s {
    font-size: 0.889rem;
  }
  p.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xs,
  li.md-text-xs,
  ul.md-text-xs,
  pre.md-text-xs,
  label.md-text-xs,
  tr.md-text-xs,
  td.md-text-xs,
  .text-label.md-text-xs {
    font-size: 0.79rem;
  }
  p.md-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xxs,
  li.md-text-xxs,
  ul.md-text-xxs,
  pre.md-text-xxs,
  label.md-text-xxs,
  tr.md-text-xxs,
  td.md-text-xxs,
  .text-label.md-text-xxs {
    font-size: 0.65rem;
  }
}
@media (min-width: 64em) {
  p.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xl,
  li.lg-text-xl,
  ul.lg-text-xl,
  pre.lg-text-xl,
  label.lg-text-xl,
  tr.lg-text-xl,
  td.lg-text-xl,
  .text-label.lg-text-xl {
    font-size: 1.424rem;
  }
  p.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-l,
  li.lg-text-l,
  ul.lg-text-l,
  pre.lg-text-l,
  label.lg-text-l,
  tr.lg-text-l,
  td.lg-text-l,
  .text-label.lg-text-l {
    font-size: 1.125rem;
  }
  p.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-m,
  li.lg-text-m,
  ul.lg-text-m,
  pre.lg-text-m,
  label.lg-text-m,
  tr.lg-text-m,
  td.lg-text-m,
  .text-label.lg-text-m {
    font-size: 1rem;
  }
  p.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-s,
  li.lg-text-s,
  ul.lg-text-s,
  pre.lg-text-s,
  label.lg-text-s,
  tr.lg-text-s,
  td.lg-text-s,
  .text-label.lg-text-s {
    font-size: 0.889rem;
  }
  p.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xs,
  li.lg-text-xs,
  ul.lg-text-xs,
  pre.lg-text-xs,
  label.lg-text-xs,
  tr.lg-text-xs,
  td.lg-text-xs,
  .text-label.lg-text-xs {
    font-size: 0.79rem;
  }
  p.lg-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xxs,
  li.lg-text-xxs,
  ul.lg-text-xxs,
  pre.lg-text-xxs,
  label.lg-text-xxs,
  tr.lg-text-xxs,
  td.lg-text-xxs,
  .text-label.lg-text-xxs {
    font-size: 0.65rem;
  }
}
span:not(.h1, .h2, .h3, .h4, .h5, .h6),
li,
label,
.text-label {
  line-height: 120%;
}
p {
  line-height: 140%;
}
p a:not([class]) {
  text-decoration: underline;
  color: #3e3168;
}
html.app_client_layout p:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading) {
  max-width: 65ch;
}
.fw400.fw400.fw400 {
  font-weight: 400;
}
.fw500.fw500.fw500 {
  font-weight: 500;
}
.fw600.fw600.fw600 {
  font-weight: 600;
}
.fw700.fw700.fw700 {
  font-weight: 700;
}
.lh12.lh12.lh12 {
  line-height: 120%;
}
.lh14.lh14.lh14 {
  line-height: 140%;
}
.lh15.lh15.lh15 {
  line-height: 150%;
}
.lh17.lh17.lh17 {
  line-height: 170%;
}
.lh18.lh18.lh18 {
  line-height: 180%;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.connect-service-page .case-study-carousel-headings .swiper-slide-active {
  position: relative;
}
.connect-service-page .case-study-carousel-headings .swiper-slide-active p {
  color: var(--color-secondary-800);
}
.connect-service-page
  .case-study-carousel-headings
  .swiper-slide-active::after {
  content: "";
  background-color: #5f4ad2;
  width: calc(100% - 1rem);
  height: 0.25rem;
  position: absolute;
  left: 0.5rem;
  bottom: 0;
}
.explore-page .explore-hero-image {
  padding-bottom: 100%;
}
.explore-page .explore-hero-image img {
  object-position: bottom;
}
.explore-page .case-study-arrow::after {
  content: "";
  width: 400%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: -150%;
}
.explore-page .case-study-slide-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
}
.explore-page .case-study-slide-grid .case-study-image {
  padding-bottom: 100%;
}
.explore-page .case-study-slide-grid .case-study:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 40em) {
  .explore-page .explore-hero-image {
    padding-bottom: 46.64%;
  }
  .explore-page .case-study-slide-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 1rem;
  }
  .explore-page
    .case-study-slide-grid
    .case-study:first-child
    .case-study-image {
    padding-bottom: 48.725%;
  }
}
@media (min-width: 64em) {
  .explore-page .explore-hero-image {
    padding-bottom: 30%;
  }
  .explore-page .explore-heading {
    margin-top: -4rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
button {
  font-family: inherit;
}
.marketing_form fieldset {
  border: none;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
}
.marketing_form fieldset.mnr1 {
  margin-right: -0.5rem;
}
.marketing_form .radio_visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.marketing_form .input,
.marketing_form .marketing_form_input {
  display: flex;
  flex-direction: column;
}
.marketing_form .input label,
.marketing_form .marketing_form_input label {
  font-weight: 700;
  padding: 0.5rem 0 4px 0.5rem;
}
.marketing_form .input input,
.marketing_form .marketing_form_input input {
  width: 100%;
}
.marketing_form .marketing_form_input_inline {
  display: flex;
  align-items: center;
}
.marketing_form .marketing_form_input_inline label {
  font-weight: 700;
  margin-right: 0.5rem;
}
.marketing_form .marketing-grid-form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-gap: 0 1.5rem;
}
.marketing_form .marketing-grid-form-slim {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  grid-gap: 0 0.5rem;
}
.marketing_form label abbr {
  display: none;
}
.marketing_form input:focus,
.marketing_form select:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-secondary-800);
}
.marketing_form input[type="text"],
.marketing_form input[type="tel"],
.marketing_form input[type="email"],
.marketing_form input[type="url"],
.marketing_form input[type="number"],
.marketing_form input[type="date"],
.marketing_form input[type="password"],
.marketing_form textarea,
.marketing_form select {
  font-family: "Mabry Pro", sans-serif;
  color: var(--color-secondary-800);
  font-size: 100%;
  margin-bottom: 1rem;
  border: 1px solid var(--color-neutral-55);
  line-height: 1;
  background-color: white;
  -webkit-appearance: none;
}
.marketing_form input.no_focus[type="text"]:focus,
.marketing_form input.no_focus[type="tel"]:focus,
.marketing_form input.no_focus[type="email"]:focus,
.marketing_form input.no_focus[type="url"]:focus,
.marketing_form input.no_focus[type="number"]:focus,
.marketing_form input.no_focus[type="date"]:focus,
.marketing_form input.no_focus[type="password"]:focus,
.marketing_form textarea.no_focus:focus,
.marketing_form select.no_focus:focus {
  outline: none;
  box-shadow: none;
}
.marketing_form input.no_focus[type="text"]:hover,
.marketing_form input.no_focus[type="tel"]:hover,
.marketing_form input.no_focus[type="email"]:hover,
.marketing_form input.no_focus[type="url"]:hover,
.marketing_form input.no_focus[type="number"]:hover,
.marketing_form input.no_focus[type="date"]:hover,
.marketing_form input.no_focus[type="password"]:hover,
.marketing_form textarea.no_focus:hover,
.marketing_form select.no_focus:hover {
  box-shadow: none !important;
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .marketing_form input[type="text"]:hover,
  .marketing_form input[type="tel"]:hover,
  .marketing_form input[type="email"]:hover,
  .marketing_form input[type="url"]:hover,
  .marketing_form input[type="number"]:hover,
  .marketing_form input[type="date"]:hover,
  .marketing_form input[type="password"]:hover,
  .marketing_form textarea:hover,
  .marketing_form select:hover {
    box-shadow: inset 0 0 0 1px var(--color-secondary-800);
  }
}
.marketing_form input[type="text"][aria-invalid="true"],
.marketing_form input[type="tel"][aria-invalid="true"],
.marketing_form input[type="email"][aria-invalid="true"],
.marketing_form input[type="url"][aria-invalid="true"],
.marketing_form input[type="number"][aria-invalid="true"],
.marketing_form input[type="date"][aria-invalid="true"],
.marketing_form input[type="password"][aria-invalid="true"],
.marketing_form textarea[aria-invalid="true"],
.marketing_form select[aria-invalid="true"] {
  border: 2px solid #e85b5b;
}
.marketing_form input[type="text"],
.marketing_form input[type="tel"],
.marketing_form input[type="email"],
.marketing_form input[type="url"],
.marketing_form input[type="number"],
.marketing_form input[type="date"],
.marketing_form input[type="password"],
.marketing_form select {
  padding: 0.5rem 1rem 6px;
  border-radius: 30px;
}
.marketing_form select.with-chevron {
  padding-right: 2em;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 1em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.marketing_form textarea {
  padding: 1rem;
  border-radius: 6px;
}
.marketing_form .field_with_errors input {
  border: 2px solid #e85b5b;
}
.marketing_form .error {
  color: #e85b5b;
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700;
  margin-top: 0.25rem;
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  background: none;
  border-radius: 0;
  text-align: left;
  padding: 0;
  margin-left: 0.5rem;
}
.marketing_form input + .error,
.marketing_form .field_with_errors + .error {
  margin-top: -12px;
}
.marketing_form select {
  line-height: 1.2;
}
.marketing_form input:-webkit-autofill,
.marketing_form input:-webkit-autofill:hover,
.marketing_form input:-internal-autofill-selected,
.marketing_form input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #ffffff inset;
  -webkit-text-fill-color: var(--color-secondary-800);
}
.marketing_form .currency-field input {
  padding-left: 2rem;
}
.marketing_form .currency-field label {
  position: relative;
}
.marketing_form .currency-field label::after {
  content: "£";
  line-height: 1;
  bottom: -24px;
  left: 16px;
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700;
  color: #8697a5;
  position: absolute;
}
@media (min-width: 52em) {
  .marketing_form .currency-field:focus-within label::after {
    color: var(--color-neutral-400);
  }
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .marketing_form .currency-field:hover label::after {
    color: var(--color-neutral-400);
  }
  .marketing_form .currency-field:hover input:not(.no_focus) {
    box-shadow: inset 0 0 0 1px var(--color-secondary-800);
  }
}
.marketing_form .dropdown-field label,
.marketing_form .dropdown-field .select-no-label {
  position: relative;
}
.marketing_form .dropdown-field label::after,
.marketing_form .dropdown-field .select-no-label::after {
  content: "";
  position: absolute;
  border-left: 2px solid #8697a5;
  border-bottom: 2px solid #8697a5;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  right: 22px;
  z-index: 1;
}
.marketing_form .dropdown-field label::after {
  bottom: -19px;
}
.marketing_form .dropdown-field .select-no-label::after {
  bottom: 15px;
  pointer-events: none;
}
.marketing_form .dropdown-field .select-no-label select {
  margin-bottom: 0;
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  .marketing_form .dropdown-field:hover label::after,
  .marketing_form .dropdown-field:hover .select-no-label::after {
    border-color: var(--color-secondary-800);
  }
  .marketing_form .dropdown-field:hover input {
    box-shadow: inset 0 0 0 1px var(--color-secondary-800);
  }
}
.happy_home_mailing_list_form input {
  border: 1px solid var(--color-neutral-55);
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
  height: 40px;
  margin-bottom: 0 !important;
  border-radius: 30px !important;
  padding-left: 16px !important;
}
#happy_home_form .happy_home_form_input {
  font-size: 1.15rem;
  font-weight: 400;
  color: var(--color-neutral-400);
  border-radius: 30px !important;
  border: solid 1px var(--color-neutral-55);
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
  padding-left: 20px;
  margin-bottom: 0;
}
#happy_home_form .happy_home_form_input:focus {
  outline: none;
}
.podcast-logo-container {
  max-width: 200px;
}
@media (min-width: 40em) {
  .podcast-logo-container {
    max-width: 300px;
  }
}
.podcast_illustration {
  width: 115px;
}
@media (min-width: 40em) {
  .podcast_illustration {
    width: 150px;
  }
}
@media (min-width: 52em) {
  .podcast_illustration {
    width: 200px;
  }
}
@media (min-width: 64em) {
  .podcast_illustration {
    width: 225px;
  }
}
.podcast-illustrations {
  width: 110%;
  left: -5%;
}
@media (min-width: 40em) {
  .podcast-illustrations {
    width: auto;
    left: auto;
  }
}
.podcast-illustrations-second-row {
  margin-top: 10rem;
}
.podcast-illustrations-offscreen {
  width: 110%;
  left: -5%;
  top: 30%;
}
#marketing-landing-page #homepage-interactive-map,
#marketing-landing-page #homepage-map-image {
  object-fit: cover;
  height: 350px;
}
@media (min-width: 40em) {
  #marketing-landing-page #homepage-interactive-map,
  #marketing-landing-page #homepage-map-image {
    height: 450px;
  }
}
@media (min-width: 52em) {
  #marketing-landing-page #homepage-interactive-map,
  #marketing-landing-page #homepage-map-image {
    height: 575px;
  }
}
#marketing-footer .footer_section_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-right: 1rem;
}
#marketing-footer .footer_section_header {
  font-weight: 600;
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
#marketing-footer .footer_link {
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
@media (hover: hover) and (pointer: fine) {
  #marketing-footer .footer_link:hover {
    color: #eeebfc;
  }
}
html.marketing_layout .marketing_index .harry-section,
html.marketing_layout .marketing_index .sticky-harry,
html.marketing_layout .marketing_index .harry-illustration {
  height: 100vh;
  height: 100svh;
}
html.marketing_layout .marketing_index .harry-section {
  background-image: linear-gradient(
    0deg,
    var(--color-primary-100) 0%,
    #faf6f7 42%,
    #faf6f7 68%,
    var(--color-primary-100) 100%
  );
  height: 100vh;
  height: 100svh;
}
html.marketing_layout .marketing_index .harry-illustration {
  transition: opacity 500ms;
}
html.marketing_layout .marketing_index .harry-content-fade {
  opacity: 0%;
  animation: view-fade-in-out ease-in-out;
  animation-timeline: view();
  animation-range-start: contain;
  animation-range-end: 90%;
}
html.marketing_layout .marketing_index .house-scroll {
  animation-name: house-scroll;
  animation-timing-function: linear;
  animation-timeline: scroll(root);
}
@keyframes house-scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.sessions-input {
  border-radius: 10px;
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-neutral-15);
  font-weight: 600;
  font-size: 1.15rem;
  border: 1px solid var(--color-neutral-55);
}
.sessions-input.sessions-alert {
  border: 2px solid var(--color-error-500);
  color: var(--color-error-500);
}
@media (max-width: 40rem) {
  .sessions-input {
    padding: 12px 1rem;
    font-size: 1rem;
  }
}
#masthead_wrapper .masthead_button_wrapper {
  width: 33.33333%;
}
@media (max-width: 350px) {
  #masthead_wrapper .masthead_button_wrapper {
    width: 100%;
    margin-bottom: 0.25rem;
  }
}
#masthead_wrapper .masthead_button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem 0.5rem 0.75rem 0.5rem;
  border-radius: 8px;
}
#masthead_wrapper .masthead_button p {
  margin: 0.5rem 0 0 0;
}
@media (max-width: 350px) {
  #masthead_wrapper .masthead_button {
    flex-direction: row;
    padding: 0.75rem 1.5rem;
  }
  #masthead_wrapper .masthead_button p {
    text-align: left;
    margin: 0 0 0 1rem;
    font-size: 0.9rem;
  }
}
.local_authority_finder_masthead {
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center center;
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/_app_marketing/illustration/local_authority_header-6fe3b7de5893f2d2a9aacabf3900458b0ec3380057ad41e0c9ab9ef6808c7400.svg);
}
#marketing-navbar .navbar-hover-link-element {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 4px;
}
#marketing-navbar .navbar-hover-link-element svg {
  flex: none;
  margin-right: 8px;
  line-height: 0;
}
#marketing-navbar .navbar-hover-link-element p {
  font-size: var(--typography-s);
  margin: 0 32px 0 0;
  flex: 1 1 auto;
  color: inherit;
}
#marketing-navbar .navbar-hover-link-element i {
  font-size: var(--typography-xs);
  margin-right: 2px;
  line-height: 0;
  transition: 0.1s;
}
@media (min-width: 52em) {
  #marketing-navbar .navbar-hover-link-element:hover {
    background-color: var(--color-neutral-55);
    border-color: var(--color-neutral-55);
  }
  #marketing-navbar .navbar-hover-link-element:hover i {
    margin-right: 0;
    padding-left: 2px;
  }
}
@keyframes grow-horizontally {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
#navbar-reading-progress {
  position: absolute;
  width: 100%;
  height: 5px;
  z-index: 9999;
  left: 0;
  bottom: 0;
}
#navbar-reading-progress-fill {
  height: 5px;
  transform: scaleX(0);
  background-color: var(--fill-color, var(--color-primary-700));
  transform-origin: 0 50%;
  animation: grow-horizontally auto linear;
  animation-timeline: scroll();
}
.border-image-blue {
  border-left: 8px solid;
  border-image: linear-gradient(to bottom, #0099f8, rgba(0, 0, 0, 0)) 1 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media,
  _:future,
  .border-safari-blue {
    border-left: 8px solid #0099f8;
    border-image: none;
  }
}
.project-matcher-desktop .main-content {
  display: flex;
  height: calc(100vh - var(--navbar-height));
}
.project-matcher-desktop .filter-bar {
  padding-top: 24px;
  position: sticky;
  background: #ffffff;
  top: 0;
}
.project-matcher-desktop .project-list {
  flex: 0 0 60%;
  overflow-y: auto;
  padding-bottom: 40px;
}
.project-matcher-desktop .project-item {
  cursor: pointer;
}
.project-matcher-desktop .project-item img {
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: cover;
}
.project-matcher-desktop .map {
  flex: 1;
  position: relative;
  background-color: #eee;
  height: 100%;
}
.project-matcher-desktop #map {
  width: 100%;
  height: 100%;
  background-color: lightgray;
}
.project-matcher-mobile .top-section {
  position: fixed;
  top: var(--navbar-height);
  width: 100vw;
  overflow: hidden;
}
.project-matcher-mobile .filter-bar {
  padding: 8px 16px;
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  width: 100vw;
  z-index: 2;
  background: #fafafa;
}
.project-matcher-mobile .filter-bar input,
.project-matcher-mobile .filter-bar select,
.project-matcher-mobile .filter-bar .selectize-input {
  margin-bottom: 0;
  height: 50px;
  font-size: 16px;
}
.project-matcher-mobile .filter-bar::-webkit-scrollbar {
  display: none;
}
.project-matcher-mobile #map {
  width: 100%;
  height: 80vh;
  background-color: lightgray;
}
.project-matcher-mobile .project-item img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.project-matcher-mobile .grid-outer-wrapper {
  flex-flow: column nowrap;
  background: transparent;
  max-width: none;
  width: 100%;
  height: auto;
  position: relative;
  pointer-events: none;
}
.project-matcher-mobile .grid-inner-wrapper {
  margin-top: calc(80vh - 100px);
}
.project-matcher-mobile #property-grid {
  border-radius: 16px;
  padding: 24px;
  min-height: calc(100vh - 84px);
  box-shadow: 1px -6px 5px 0 rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  overflow-y: scroll;
}
.project-matcher-mobile #property-grid .draggable-thumb {
  width: 80px;
  height: 0.25rem;
  border-radius: 0.125rem;
}
.resi_guide_article p.resi_guide_paragraph {
  width: 100%;
  font-size: 1rem;
  margin: 1rem 0 0 0;
}
.resi_guide_article p.resi_guide_paragraph.mt1 {
  margin-top: 0.5rem;
}
.resi_guide_article p.resi_guide_paragraph.pb1 {
  padding-bottom: 0.5rem;
}
.resi_guide_article p.resi_guide_paragraph_header {
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 1rem;
  margin: 0.5rem 0;
}
.resi_guide_article p.resi_guide_paragraph_header_accent {
  font-weight: 600;
  width: 100%;
  color: var(--color-tertiary-500);
  margin-bottom: 0.5rem;
}
.resi_guide_article p.resi_guide_pull_quote {
  font-size: 1.5rem;
  font-weight: 700;
}
.resi_guide_article table,
.resi_guide_article th,
.resi_guide_article td {
  border: 1px solid var(--color-secondary-800) !important;
}
.resi_guide_article table {
  border-collapse: collapse;
}
.resi_guide_article table td {
  padding: 15px;
  text-align: left;
}
.resi_guide_article table th {
  padding: 8px 15px;
  text-align: left;
}
.resi_guide_article #resi_guide_header_banner {
  height: 400px;
}
.resi_guide_article #resi_guide_header_banner img {
  object-fit: cover;
  height: 400px;
}
.resi_guide_article .blog-social-icons .at-share-btn-elements {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.resi_guide_article .resi_guide_navigation_option:hover {
  background-color: var(--color-primary-100);
}
.page_header_stripe {
  height: 50%;
  width: 28%;
  display: block;
  position: absolute;
}
.page_header_stripe_tl1 {
  transform: rotate(-42deg);
  top: 39%;
  left: -15%;
}
.page_header_stripe_tl2 {
  transform: rotate(-38deg);
  bottom: -62%;
  left: -10%;
}
.page_header_stripe_br1 {
  transform: rotate(25deg);
  bottom: -24%;
  right: -12%;
}
.page_header_stripe_br2 {
  transform: rotate(30deg);
  bottom: 47%;
  right: -15%;
}
.toc {
  left: 3em;
  top: 5em;
  padding: 0em 1em;
  width: 14em;
  line-height: 2;
  color: #3e3168;
}
.toc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.toc ul ul {
  padding-left: 2em;
}
.toc li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.toc li.visible > a {
  font-weight: 700;
  transform: translate(5px);
}
.toc-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.toc-marker path {
  transition: all 0.3s ease;
}
.tool_router_strip_widget .tool_router_card {
  padding: 1rem 0.5rem 0.75rem;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.tool_router_strip_widget .tool_router_card.selected_tool_router_card {
  background-color: #02b494;
  color: var(--color-neutral-0);
  border: 1px solid #02b494;
}
.tool_router_strip_widget
  .tool_router_card.selected_tool_router_card
  svg
  g:not(.lock-fill),
.tool_router_strip_widget
  .tool_router_card.selected_tool_router_card
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.tool_router_strip_widget .tool_router_card .tool_router_card_text {
  font-size: var(--typography-xs);
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0.5rem;
  line-height: 1.2;
  text-align: center;
}
.tool_router_strip_widget .routing_option,
.tool_router_landing_page .routing_option {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tool_router_strip_widget .routing_option.hidden,
.tool_router_landing_page .routing_option.hidden {
  display: none;
}
.tool_router_strip_widget .inactive_tool_router_card {
  background-color: var(--color-primary-700);
  opacity: 0.6;
  color: #cad1d9;
  border: 1px solid var(--color-primary-700);
}
.tool_router_strip_widget .unselected_tool_router_card,
.tool_router_strip_widget .tool_router_link {
  background-color: var(--color-primary-700);
  color: var(--color-neutral-0);
  border: 1px solid var(--color-primary-700);
}
.tool_router_strip_widget .unselected_tool_router_card svg g:not(.lock-fill),
.tool_router_strip_widget .unselected_tool_router_card svg path:not(.lock-fill),
.tool_router_strip_widget .tool_router_link svg g:not(.lock-fill),
.tool_router_strip_widget .tool_router_link svg path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.tool_router_strip_widget .tool_router_notice {
  background-color: var(--color-primary-700);
  color: var(--color-neutral-0);
  margin-bottom: 0;
}
.tool_router_strip_widget .tool_router_notice p {
  font-size: var(--typography-s);
}
.tool_router_strip_widget .routing_projects_container,
.tool_router_strip_widget .routing_options_container {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
.tool_router_strip_widget .routing_options_cta {
  font-weight: 600;
  color: var(--color-neutral-0);
}
.tool_router_landing_page {
  min-height: calc(100vh - 70px);
}
.tool_router_landing_page .tool_router_card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-neutral-55);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.tool_router_landing_page .tool_router_card img {
  height: 130px;
  width: 100%;
  object-fit: cover;
  flex: none;
}
.tool_router_landing_page .tool_router_card .tool_router_card_footer {
  flex-grow: 1;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tool_router_landing_page
  .tool_router_card
  .tool_router_card_footer
  .tool_router_card_title {
  font-size: var(--typography-s);
  font-weight: 600;
  text-align: center;
  margin: 0;
  line-height: 1.2;
}
.tool_router_landing_page .tool_router_card.inactive_tool_router_card {
  opacity: 0.5;
}
.tool_router_landing_page
  .tool_router_card.inactive_tool_router_card
  .tool_router_card_footer,
.tool_router_landing_page
  .tool_router_card.unselected_tool_router_card
  .tool_router_card_footer {
  background-color: var(--color-neutral-0);
  border-top: 1px solid var(--color-neutral-55);
  color: var(--color-secondary-800);
}
.tool_router_landing_page
  .tool_router_card.selected_tool_router_card
  .tool_router_card_footer {
  background-color: #02b494;
  border-top: 1px solid #02b494;
  color: var(--color-neutral-0);
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.opacity-0 {
  opacity: 0%;
}
@media (min-width: 52em) {
  .md-opacity-0 {
    opacity: 0%;
  }
}
.opacity-1 {
  opacity: 10%;
}
@media (min-width: 52em) {
  .md-opacity-1 {
    opacity: 10%;
  }
}
.opacity-2 {
  opacity: 20%;
}
@media (min-width: 52em) {
  .md-opacity-2 {
    opacity: 20%;
  }
}
.opacity-3 {
  opacity: 30%;
}
@media (min-width: 52em) {
  .md-opacity-3 {
    opacity: 30%;
  }
}
.opacity-4 {
  opacity: 40%;
}
@media (min-width: 52em) {
  .md-opacity-4 {
    opacity: 40%;
  }
}
.opacity-5 {
  opacity: 50%;
}
@media (min-width: 52em) {
  .md-opacity-5 {
    opacity: 50%;
  }
}
.opacity-6 {
  opacity: 60%;
}
@media (min-width: 52em) {
  .md-opacity-6 {
    opacity: 60%;
  }
}
.opacity-7 {
  opacity: 70%;
}
@media (min-width: 52em) {
  .md-opacity-7 {
    opacity: 70%;
  }
}
.opacity-8 {
  opacity: 80%;
}
@media (min-width: 52em) {
  .md-opacity-8 {
    opacity: 80%;
  }
}
.opacity-9 {
  opacity: 90%;
}
@media (min-width: 52em) {
  .md-opacity-9 {
    opacity: 90%;
  }
}
.opacity-10 {
  opacity: 100%;
}
@media (min-width: 52em) {
  .md-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 40em) {
  .sm-opacity-0 {
    opacity: 0%;
  }
  .sm-opacity-1 {
    opacity: 10%;
  }
  .sm-opacity-2 {
    opacity: 20%;
  }
  .sm-opacity-3 {
    opacity: 30%;
  }
  .sm-opacity-4 {
    opacity: 40%;
  }
  .sm-opacity-5 {
    opacity: 50%;
  }
  .sm-opacity-6 {
    opacity: 60%;
  }
  .sm-opacity-7 {
    opacity: 70%;
  }
  .sm-opacity-8 {
    opacity: 80%;
  }
  .sm-opacity-9 {
    opacity: 90%;
  }
  .sm-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 52em) {
  .md-opacity-0 {
    opacity: 0%;
  }
  .md-opacity-1 {
    opacity: 10%;
  }
  .md-opacity-2 {
    opacity: 20%;
  }
  .md-opacity-3 {
    opacity: 30%;
  }
  .md-opacity-4 {
    opacity: 40%;
  }
  .md-opacity-5 {
    opacity: 50%;
  }
  .md-opacity-6 {
    opacity: 60%;
  }
  .md-opacity-7 {
    opacity: 70%;
  }
  .md-opacity-8 {
    opacity: 80%;
  }
  .md-opacity-9 {
    opacity: 90%;
  }
  .md-opacity-10 {
    opacity: 100%;
  }
}
@media (min-width: 64em) {
  .lg-opacity-0 {
    opacity: 0%;
  }
  .lg-opacity-1 {
    opacity: 10%;
  }
  .lg-opacity-2 {
    opacity: 20%;
  }
  .lg-opacity-3 {
    opacity: 30%;
  }
  .lg-opacity-4 {
    opacity: 40%;
  }
  .lg-opacity-5 {
    opacity: 50%;
  }
  .lg-opacity-6 {
    opacity: 60%;
  }
  .lg-opacity-7 {
    opacity: 70%;
  }
  .lg-opacity-8 {
    opacity: 80%;
  }
  .lg-opacity-9 {
    opacity: 90%;
  }
  .lg-opacity-10 {
    opacity: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-opacity-0:hover {
    opacity: 0%;
  }
  .hover-opacity-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-1:hover {
    opacity: 10%;
  }
  .hover-opacity-1 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-2:hover {
    opacity: 20%;
  }
  .hover-opacity-2 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-3:hover {
    opacity: 30%;
  }
  .hover-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-4:hover {
    opacity: 40%;
  }
  .hover-opacity-4 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-5:hover {
    opacity: 50%;
  }
  .hover-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-6:hover {
    opacity: 60%;
  }
  .hover-opacity-6 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-7:hover {
    opacity: 70%;
  }
  .hover-opacity-7 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-8:hover {
    opacity: 80%;
  }
  .hover-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-9:hover {
    opacity: 90%;
  }
  .hover-opacity-9 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-opacity-10:hover {
    opacity: 100%;
  }
  .hover-opacity-10 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.bg-gradient-cloudy-top {
  background: linear-gradient(
    0deg,
    var(--color-primary-100) 30%,
    var(--color-primary-300) 100%
  );
}
.bg-gradient-cloudy-bottom {
  background: linear-gradient(
    180deg,
    var(--color-primary-100) 60%,
    var(--color-primary-300) 100%
  );
}
.bg-gradient-primary {
  background: linear-gradient(90deg, var(--color-primary-100), #fcf1eb);
}
.bg-gradient-green {
  background: linear-gradient(
    290.9deg,
    var(--color-success-500) 14.41%,
    var(--color-success-400) 60.83%
  );
}
.bg-gradient-blue {
  background: linear-gradient(
    286.39deg,
    #2278ae 49.02%,
    var(--color-info-500) 98.93%
  );
}
.bg-inherit {
  background: inherit;
}
.bg-black-0 {
  background: #000000;
}
.bg-black-0-opacity-8 {
  background: rgba(0, 0, 0, 0.8);
}
.bg-black-0-opacity-5 {
  background: rgba(0, 0, 0, 0.5);
}
.bg-black-0-opacity-3 {
  background: rgba(0, 0, 0, 0.3);
}
.bg-transparent {
  background: transparent;
}
.bg-transparent-opacity-8 {
  background: rgba(0, 0, 0, 0.8);
}
.bg-transparent-opacity-5 {
  background: rgba(0, 0, 0, 0.5);
}
.bg-transparent-opacity-3 {
  background: rgba(0, 0, 0, 0.3);
}
.bg-primary-800 {
  background: #4731c4;
}
.bg-primary-800-opacity-8 {
  background: rgba(71, 49, 196, 0.8);
}
.bg-primary-800-opacity-5 {
  background: rgba(71, 49, 196, 0.5);
}
.bg-primary-800-opacity-3 {
  background: rgba(71, 49, 196, 0.3);
}
.bg-primary-700 {
  background: #5f4ad2;
}
.bg-primary-700-opacity-8 {
  background: rgba(95, 74, 210, 0.8);
}
.bg-primary-700-opacity-5 {
  background: rgba(95, 74, 210, 0.5);
}
.bg-primary-700-opacity-3 {
  background: rgba(95, 74, 210, 0.3);
}
.bg-primary-200 {
  background: #d6d1f3;
}
.bg-primary-200-opacity-8 {
  background: rgba(214, 209, 243, 0.8);
}
.bg-primary-200-opacity-5 {
  background: rgba(214, 209, 243, 0.5);
}
.bg-primary-200-opacity-3 {
  background: rgba(214, 209, 243, 0.3);
}
.bg-primary-300 {
  background: #bdb4ee;
}
.bg-primary-300-opacity-8 {
  background: rgba(189, 180, 238, 0.8);
}
.bg-primary-300-opacity-5 {
  background: rgba(189, 180, 238, 0.5);
}
.bg-primary-300-opacity-3 {
  background: rgba(189, 180, 238, 0.3);
}
.bg-primary-100 {
  background: #eeebfc;
}
.bg-primary-100-opacity-8 {
  background: rgba(238, 235, 252, 0.8);
}
.bg-primary-100-opacity-5 {
  background: rgba(238, 235, 252, 0.5);
}
.bg-primary-100-opacity-3 {
  background: rgba(238, 235, 252, 0.3);
}
.bg-secondary-900 {
  background: #312753;
}
.bg-secondary-900-opacity-8 {
  background: rgba(49, 39, 83, 0.8);
}
.bg-secondary-900-opacity-5 {
  background: rgba(49, 39, 83, 0.5);
}
.bg-secondary-900-opacity-3 {
  background: rgba(49, 39, 83, 0.3);
}
.bg-secondary-800 {
  background: #3e3168;
}
.bg-secondary-800-opacity-8 {
  background: rgba(62, 49, 104, 0.8);
}
.bg-secondary-800-opacity-5 {
  background: rgba(62, 49, 104, 0.5);
}
.bg-secondary-800-opacity-3 {
  background: rgba(62, 49, 104, 0.3);
}
.bg-tertiary-900 {
  background: #662800;
}
.bg-tertiary-900-opacity-8 {
  background: rgba(102, 40, 0, 0.8);
}
.bg-tertiary-900-opacity-5 {
  background: rgba(102, 40, 0, 0.5);
}
.bg-tertiary-900-opacity-3 {
  background: rgba(102, 40, 0, 0.3);
}
.bg-tertiary-500 {
  background: #ed5d00;
}
.bg-tertiary-500-opacity-8 {
  background: rgba(237, 93, 0, 0.8);
}
.bg-tertiary-500-opacity-5 {
  background: rgba(237, 93, 0, 0.5);
}
.bg-tertiary-500-opacity-3 {
  background: rgba(237, 93, 0, 0.3);
}
.bg-tertiary-400 {
  background: #ff8130;
}
.bg-tertiary-400-opacity-8 {
  background: rgba(255, 129, 48, 0.8);
}
.bg-tertiary-400-opacity-5 {
  background: rgba(255, 129, 48, 0.5);
}
.bg-tertiary-400-opacity-3 {
  background: rgba(255, 129, 48, 0.3);
}
.bg-tertiary-200 {
  background: #ffba8e;
}
.bg-tertiary-200-opacity-8 {
  background: rgba(255, 186, 142, 0.8);
}
.bg-tertiary-200-opacity-5 {
  background: rgba(255, 186, 142, 0.5);
}
.bg-tertiary-200-opacity-3 {
  background: rgba(255, 186, 142, 0.3);
}
.bg-tertiary-100 {
  background: #ffeadc;
}
.bg-tertiary-100-opacity-8 {
  background: rgba(255, 234, 220, 0.8);
}
.bg-tertiary-100-opacity-5 {
  background: rgba(255, 234, 220, 0.5);
}
.bg-tertiary-100-opacity-3 {
  background: rgba(255, 234, 220, 0.3);
}
.bg-error-600 {
  background: #c04b4b;
}
.bg-error-600-opacity-8 {
  background: rgba(192, 75, 75, 0.8);
}
.bg-error-600-opacity-5 {
  background: rgba(192, 75, 75, 0.5);
}
.bg-error-600-opacity-3 {
  background: rgba(192, 75, 75, 0.3);
}
.bg-error-500 {
  background: #e85d5d;
}
.bg-error-500-opacity-8 {
  background: rgba(232, 93, 93, 0.8);
}
.bg-error-500-opacity-5 {
  background: rgba(232, 93, 93, 0.5);
}
.bg-error-500-opacity-3 {
  background: rgba(232, 93, 93, 0.3);
}
.bg-error-400 {
  background: #ee8787;
}
.bg-error-400-opacity-8 {
  background: rgba(238, 135, 135, 0.8);
}
.bg-error-400-opacity-5 {
  background: rgba(238, 135, 135, 0.5);
}
.bg-error-400-opacity-3 {
  background: rgba(238, 135, 135, 0.3);
}
.bg-error-100 {
  background: #fce9e9;
}
.bg-error-100-opacity-8 {
  background: rgba(252, 233, 233, 0.8);
}
.bg-error-100-opacity-5 {
  background: rgba(252, 233, 233, 0.5);
}
.bg-error-100-opacity-3 {
  background: rgba(252, 233, 233, 0.3);
}
.bg-success-500 {
  background: #029d81;
}
.bg-success-500-opacity-8 {
  background: rgba(2, 157, 129, 0.8);
}
.bg-success-500-opacity-5 {
  background: rgba(2, 157, 129, 0.5);
}
.bg-success-500-opacity-3 {
  background: rgba(2, 157, 129, 0.3);
}
.bg-success-400 {
  background: #13b99b;
}
.bg-success-400-opacity-8 {
  background: rgba(19, 185, 155, 0.8);
}
.bg-success-400-opacity-5 {
  background: rgba(19, 185, 155, 0.5);
}
.bg-success-400-opacity-3 {
  background: rgba(19, 185, 155, 0.3);
}
.bg-success-100 {
  background: #d8f3ee;
}
.bg-success-100-opacity-8 {
  background: rgba(216, 243, 238, 0.8);
}
.bg-success-100-opacity-5 {
  background: rgba(216, 243, 238, 0.5);
}
.bg-success-100-opacity-3 {
  background: rgba(216, 243, 238, 0.3);
}
.bg-info-500 {
  background: #2a92d3;
}
.bg-info-500-opacity-8 {
  background: rgba(42, 146, 211, 0.8);
}
.bg-info-500-opacity-5 {
  background: rgba(42, 146, 211, 0.5);
}
.bg-info-500-opacity-3 {
  background: rgba(42, 146, 211, 0.3);
}
.bg-info-400 {
  background: #31acf9;
}
.bg-info-400-opacity-8 {
  background: rgba(49, 172, 249, 0.8);
}
.bg-info-400-opacity-5 {
  background: rgba(49, 172, 249, 0.5);
}
.bg-info-400-opacity-3 {
  background: rgba(49, 172, 249, 0.3);
}
.bg-info-100 {
  background: #dbf1fe;
}
.bg-info-100-opacity-8 {
  background: rgba(219, 241, 254, 0.8);
}
.bg-info-100-opacity-5 {
  background: rgba(219, 241, 254, 0.5);
}
.bg-info-100-opacity-3 {
  background: rgba(219, 241, 254, 0.3);
}
.bg-neutral-800 {
  background: #1d1d20;
}
.bg-neutral-800-opacity-8 {
  background: rgba(29, 29, 32, 0.8);
}
.bg-neutral-800-opacity-5 {
  background: rgba(29, 29, 32, 0.5);
}
.bg-neutral-800-opacity-3 {
  background: rgba(29, 29, 32, 0.3);
}
.bg-neutral-400 {
  background: #6d6b75;
}
.bg-neutral-400-opacity-8 {
  background: rgba(109, 107, 117, 0.8);
}
.bg-neutral-400-opacity-5 {
  background: rgba(109, 107, 117, 0.5);
}
.bg-neutral-400-opacity-3 {
  background: rgba(109, 107, 117, 0.3);
}
.bg-neutral-55 {
  background: #dfdfe2;
}
.bg-neutral-55-opacity-8 {
  background: rgba(223, 223, 226, 0.8);
}
.bg-neutral-55-opacity-5 {
  background: rgba(223, 223, 226, 0.5);
}
.bg-neutral-55-opacity-3 {
  background: rgba(223, 223, 226, 0.3);
}
.bg-neutral-40 {
  background: #eaeaec;
}
.bg-neutral-40-opacity-8 {
  background: rgba(234, 234, 236, 0.8);
}
.bg-neutral-40-opacity-5 {
  background: rgba(234, 234, 236, 0.5);
}
.bg-neutral-40-opacity-3 {
  background: rgba(234, 234, 236, 0.3);
}
.bg-neutral-25 {
  background: #f4f4f5;
}
.bg-neutral-25-opacity-8 {
  background: rgba(244, 244, 245, 0.8);
}
.bg-neutral-25-opacity-5 {
  background: rgba(244, 244, 245, 0.5);
}
.bg-neutral-25-opacity-3 {
  background: rgba(244, 244, 245, 0.3);
}
.bg-neutral-15 {
  background: #fafafa;
}
.bg-neutral-15-opacity-8 {
  background: rgba(250, 250, 250, 0.8);
}
.bg-neutral-15-opacity-5 {
  background: rgba(250, 250, 250, 0.5);
}
.bg-neutral-15-opacity-3 {
  background: rgba(250, 250, 250, 0.3);
}
.bg-neutral-0 {
  background: #ffffff;
}
.bg-neutral-0-opacity-8 {
  background: rgba(255, 255, 255, 0.8);
}
.bg-neutral-0-opacity-5 {
  background: rgba(255, 255, 255, 0.5);
}
.bg-neutral-0-opacity-3 {
  background: rgba(255, 255, 255, 0.3);
}
@media (min-width: 40em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .sm-bg-black-0 {
    background: #000000;
  }
  .sm-bg-transparent {
    background: transparent;
  }
  .sm-bg-primary-800 {
    background: #4731c4;
  }
  .sm-bg-primary-700 {
    background: #5f4ad2;
  }
  .sm-bg-primary-200 {
    background: #d6d1f3;
  }
  .sm-bg-primary-300 {
    background: #bdb4ee;
  }
  .sm-bg-primary-100 {
    background: #eeebfc;
  }
  .sm-bg-secondary-900 {
    background: #312753;
  }
  .sm-bg-secondary-800 {
    background: #3e3168;
  }
  .sm-bg-tertiary-900 {
    background: #662800;
  }
  .sm-bg-tertiary-500 {
    background: #ed5d00;
  }
  .sm-bg-tertiary-400 {
    background: #ff8130;
  }
  .sm-bg-tertiary-200 {
    background: #ffba8e;
  }
  .sm-bg-tertiary-100 {
    background: #ffeadc;
  }
  .sm-bg-error-600 {
    background: #c04b4b;
  }
  .sm-bg-error-500 {
    background: #e85d5d;
  }
  .sm-bg-error-400 {
    background: #ee8787;
  }
  .sm-bg-error-100 {
    background: #fce9e9;
  }
  .sm-bg-success-500 {
    background: #029d81;
  }
  .sm-bg-success-400 {
    background: #13b99b;
  }
  .sm-bg-success-100 {
    background: #d8f3ee;
  }
  .sm-bg-info-500 {
    background: #2a92d3;
  }
  .sm-bg-info-400 {
    background: #31acf9;
  }
  .sm-bg-info-100 {
    background: #dbf1fe;
  }
  .sm-bg-neutral-800 {
    background: #1d1d20;
  }
  .sm-bg-neutral-400 {
    background: #6d6b75;
  }
  .sm-bg-neutral-55 {
    background: #dfdfe2;
  }
  .sm-bg-neutral-40 {
    background: #eaeaec;
  }
  .sm-bg-neutral-25 {
    background: #f4f4f5;
  }
  .sm-bg-neutral-15 {
    background: #fafafa;
  }
  .sm-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (min-width: 52em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .md-bg-black-0 {
    background: #000000;
  }
  .md-bg-transparent {
    background: transparent;
  }
  .md-bg-primary-800 {
    background: #4731c4;
  }
  .md-bg-primary-700 {
    background: #5f4ad2;
  }
  .md-bg-primary-200 {
    background: #d6d1f3;
  }
  .md-bg-primary-300 {
    background: #bdb4ee;
  }
  .md-bg-primary-100 {
    background: #eeebfc;
  }
  .md-bg-secondary-900 {
    background: #312753;
  }
  .md-bg-secondary-800 {
    background: #3e3168;
  }
  .md-bg-tertiary-900 {
    background: #662800;
  }
  .md-bg-tertiary-500 {
    background: #ed5d00;
  }
  .md-bg-tertiary-400 {
    background: #ff8130;
  }
  .md-bg-tertiary-200 {
    background: #ffba8e;
  }
  .md-bg-tertiary-100 {
    background: #ffeadc;
  }
  .md-bg-error-600 {
    background: #c04b4b;
  }
  .md-bg-error-500 {
    background: #e85d5d;
  }
  .md-bg-error-400 {
    background: #ee8787;
  }
  .md-bg-error-100 {
    background: #fce9e9;
  }
  .md-bg-success-500 {
    background: #029d81;
  }
  .md-bg-success-400 {
    background: #13b99b;
  }
  .md-bg-success-100 {
    background: #d8f3ee;
  }
  .md-bg-info-500 {
    background: #2a92d3;
  }
  .md-bg-info-400 {
    background: #31acf9;
  }
  .md-bg-info-100 {
    background: #dbf1fe;
  }
  .md-bg-neutral-800 {
    background: #1d1d20;
  }
  .md-bg-neutral-400 {
    background: #6d6b75;
  }
  .md-bg-neutral-55 {
    background: #dfdfe2;
  }
  .md-bg-neutral-40 {
    background: #eaeaec;
  }
  .md-bg-neutral-25 {
    background: #f4f4f5;
  }
  .md-bg-neutral-15 {
    background: #fafafa;
  }
  .md-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (min-width: 64em) {
  .media_name-bg-inherit {
    background: inherit;
  }
  .lg-bg-black-0 {
    background: #000000;
  }
  .lg-bg-transparent {
    background: transparent;
  }
  .lg-bg-primary-800 {
    background: #4731c4;
  }
  .lg-bg-primary-700 {
    background: #5f4ad2;
  }
  .lg-bg-primary-200 {
    background: #d6d1f3;
  }
  .lg-bg-primary-300 {
    background: #bdb4ee;
  }
  .lg-bg-primary-100 {
    background: #eeebfc;
  }
  .lg-bg-secondary-900 {
    background: #312753;
  }
  .lg-bg-secondary-800 {
    background: #3e3168;
  }
  .lg-bg-tertiary-900 {
    background: #662800;
  }
  .lg-bg-tertiary-500 {
    background: #ed5d00;
  }
  .lg-bg-tertiary-400 {
    background: #ff8130;
  }
  .lg-bg-tertiary-200 {
    background: #ffba8e;
  }
  .lg-bg-tertiary-100 {
    background: #ffeadc;
  }
  .lg-bg-error-600 {
    background: #c04b4b;
  }
  .lg-bg-error-500 {
    background: #e85d5d;
  }
  .lg-bg-error-400 {
    background: #ee8787;
  }
  .lg-bg-error-100 {
    background: #fce9e9;
  }
  .lg-bg-success-500 {
    background: #029d81;
  }
  .lg-bg-success-400 {
    background: #13b99b;
  }
  .lg-bg-success-100 {
    background: #d8f3ee;
  }
  .lg-bg-info-500 {
    background: #2a92d3;
  }
  .lg-bg-info-400 {
    background: #31acf9;
  }
  .lg-bg-info-100 {
    background: #dbf1fe;
  }
  .lg-bg-neutral-800 {
    background: #1d1d20;
  }
  .lg-bg-neutral-400 {
    background: #6d6b75;
  }
  .lg-bg-neutral-55 {
    background: #dfdfe2;
  }
  .lg-bg-neutral-40 {
    background: #eaeaec;
  }
  .lg-bg-neutral-25 {
    background: #f4f4f5;
  }
  .lg-bg-neutral-15 {
    background: #fafafa;
  }
  .lg-bg-neutral-0 {
    background: #ffffff;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-bg-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0:hover {
    background: #000000;
  }
  .parent-hover .parent-hover-bg-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-black-0 {
    background-color: #000000;
  }
  .hover-bg-black-0-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-8:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .hover-bg-black-0-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-5:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .hover-bg-black-0-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-black-0-opacity-3:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .hover-bg-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent:hover {
    background: transparent;
  }
  .parent-hover .parent-hover-bg-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-transparent {
    background-color: transparent;
  }
  .hover-bg-transparent-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-8:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .hover-bg-transparent-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-5:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .hover-bg-transparent-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-transparent-opacity-3:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .hover-bg-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800:hover {
    background: #4731c4;
  }
  .parent-hover .parent-hover-bg-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-800 {
    background-color: #4731c4;
  }
  .hover-bg-primary-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-8:hover {
    background: rgba(71, 49, 196, 0.8);
  }
  .hover-bg-primary-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-5:hover {
    background: rgba(71, 49, 196, 0.5);
  }
  .hover-bg-primary-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-800-opacity-3:hover {
    background: rgba(71, 49, 196, 0.3);
  }
  .hover-bg-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700:hover {
    background: #5f4ad2;
  }
  .parent-hover .parent-hover-bg-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-700 {
    background-color: #5f4ad2;
  }
  .hover-bg-primary-700-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-8:hover {
    background: rgba(95, 74, 210, 0.8);
  }
  .hover-bg-primary-700-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-5:hover {
    background: rgba(95, 74, 210, 0.5);
  }
  .hover-bg-primary-700-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-700-opacity-3:hover {
    background: rgba(95, 74, 210, 0.3);
  }
  .hover-bg-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200:hover {
    background: #d6d1f3;
  }
  .parent-hover .parent-hover-bg-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-200 {
    background-color: #d6d1f3;
  }
  .hover-bg-primary-200-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-8:hover {
    background: rgba(214, 209, 243, 0.8);
  }
  .hover-bg-primary-200-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-5:hover {
    background: rgba(214, 209, 243, 0.5);
  }
  .hover-bg-primary-200-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-200-opacity-3:hover {
    background: rgba(214, 209, 243, 0.3);
  }
  .hover-bg-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300:hover {
    background: #bdb4ee;
  }
  .parent-hover .parent-hover-bg-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-300 {
    background-color: #bdb4ee;
  }
  .hover-bg-primary-300-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-8:hover {
    background: rgba(189, 180, 238, 0.8);
  }
  .hover-bg-primary-300-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-5:hover {
    background: rgba(189, 180, 238, 0.5);
  }
  .hover-bg-primary-300-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-300-opacity-3:hover {
    background: rgba(189, 180, 238, 0.3);
  }
  .hover-bg-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100:hover {
    background: #eeebfc;
  }
  .parent-hover .parent-hover-bg-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-primary-100 {
    background-color: #eeebfc;
  }
  .hover-bg-primary-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-8:hover {
    background: rgba(238, 235, 252, 0.8);
  }
  .hover-bg-primary-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-5:hover {
    background: rgba(238, 235, 252, 0.5);
  }
  .hover-bg-primary-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-primary-100-opacity-3:hover {
    background: rgba(238, 235, 252, 0.3);
  }
  .hover-bg-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900:hover {
    background: #312753;
  }
  .parent-hover .parent-hover-bg-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-secondary-900 {
    background-color: #312753;
  }
  .hover-bg-secondary-900-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-8:hover {
    background: rgba(49, 39, 83, 0.8);
  }
  .hover-bg-secondary-900-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-5:hover {
    background: rgba(49, 39, 83, 0.5);
  }
  .hover-bg-secondary-900-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-900-opacity-3:hover {
    background: rgba(49, 39, 83, 0.3);
  }
  .hover-bg-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800:hover {
    background: #3e3168;
  }
  .parent-hover .parent-hover-bg-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-secondary-800 {
    background-color: #3e3168;
  }
  .hover-bg-secondary-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-8:hover {
    background: rgba(62, 49, 104, 0.8);
  }
  .hover-bg-secondary-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-5:hover {
    background: rgba(62, 49, 104, 0.5);
  }
  .hover-bg-secondary-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-secondary-800-opacity-3:hover {
    background: rgba(62, 49, 104, 0.3);
  }
  .hover-bg-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900:hover {
    background: #662800;
  }
  .parent-hover .parent-hover-bg-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-900 {
    background-color: #662800;
  }
  .hover-bg-tertiary-900-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-8:hover {
    background: rgba(102, 40, 0, 0.8);
  }
  .hover-bg-tertiary-900-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-5:hover {
    background: rgba(102, 40, 0, 0.5);
  }
  .hover-bg-tertiary-900-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-900-opacity-3:hover {
    background: rgba(102, 40, 0, 0.3);
  }
  .hover-bg-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500:hover {
    background: #ed5d00;
  }
  .parent-hover .parent-hover-bg-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-500 {
    background-color: #ed5d00;
  }
  .hover-bg-tertiary-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-8:hover {
    background: rgba(237, 93, 0, 0.8);
  }
  .hover-bg-tertiary-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-5:hover {
    background: rgba(237, 93, 0, 0.5);
  }
  .hover-bg-tertiary-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-500-opacity-3:hover {
    background: rgba(237, 93, 0, 0.3);
  }
  .hover-bg-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400:hover {
    background: #ff8130;
  }
  .parent-hover .parent-hover-bg-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-400 {
    background-color: #ff8130;
  }
  .hover-bg-tertiary-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-8:hover {
    background: rgba(255, 129, 48, 0.8);
  }
  .hover-bg-tertiary-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-5:hover {
    background: rgba(255, 129, 48, 0.5);
  }
  .hover-bg-tertiary-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-400-opacity-3:hover {
    background: rgba(255, 129, 48, 0.3);
  }
  .hover-bg-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200:hover {
    background: #ffba8e;
  }
  .parent-hover .parent-hover-bg-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-200 {
    background-color: #ffba8e;
  }
  .hover-bg-tertiary-200-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-8:hover {
    background: rgba(255, 186, 142, 0.8);
  }
  .hover-bg-tertiary-200-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-5:hover {
    background: rgba(255, 186, 142, 0.5);
  }
  .hover-bg-tertiary-200-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-200-opacity-3:hover {
    background: rgba(255, 186, 142, 0.3);
  }
  .hover-bg-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100:hover {
    background: #ffeadc;
  }
  .parent-hover .parent-hover-bg-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-tertiary-100 {
    background-color: #ffeadc;
  }
  .hover-bg-tertiary-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-8:hover {
    background: rgba(255, 234, 220, 0.8);
  }
  .hover-bg-tertiary-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-5:hover {
    background: rgba(255, 234, 220, 0.5);
  }
  .hover-bg-tertiary-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-tertiary-100-opacity-3:hover {
    background: rgba(255, 234, 220, 0.3);
  }
  .hover-bg-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600:hover {
    background: #c04b4b;
  }
  .parent-hover .parent-hover-bg-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-600 {
    background-color: #c04b4b;
  }
  .hover-bg-error-600-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-8:hover {
    background: rgba(192, 75, 75, 0.8);
  }
  .hover-bg-error-600-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-5:hover {
    background: rgba(192, 75, 75, 0.5);
  }
  .hover-bg-error-600-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-600-opacity-3:hover {
    background: rgba(192, 75, 75, 0.3);
  }
  .hover-bg-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500:hover {
    background: #e85d5d;
  }
  .parent-hover .parent-hover-bg-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-500 {
    background-color: #e85d5d;
  }
  .hover-bg-error-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-8:hover {
    background: rgba(232, 93, 93, 0.8);
  }
  .hover-bg-error-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-5:hover {
    background: rgba(232, 93, 93, 0.5);
  }
  .hover-bg-error-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-500-opacity-3:hover {
    background: rgba(232, 93, 93, 0.3);
  }
  .hover-bg-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400:hover {
    background: #ee8787;
  }
  .parent-hover .parent-hover-bg-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-400 {
    background-color: #ee8787;
  }
  .hover-bg-error-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-8:hover {
    background: rgba(238, 135, 135, 0.8);
  }
  .hover-bg-error-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-5:hover {
    background: rgba(238, 135, 135, 0.5);
  }
  .hover-bg-error-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-400-opacity-3:hover {
    background: rgba(238, 135, 135, 0.3);
  }
  .hover-bg-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100:hover {
    background: #fce9e9;
  }
  .parent-hover .parent-hover-bg-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-error-100 {
    background-color: #fce9e9;
  }
  .hover-bg-error-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-8:hover {
    background: rgba(252, 233, 233, 0.8);
  }
  .hover-bg-error-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-5:hover {
    background: rgba(252, 233, 233, 0.5);
  }
  .hover-bg-error-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-error-100-opacity-3:hover {
    background: rgba(252, 233, 233, 0.3);
  }
  .hover-bg-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500:hover {
    background: #029d81;
  }
  .parent-hover .parent-hover-bg-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-500 {
    background-color: #029d81;
  }
  .hover-bg-success-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-8:hover {
    background: rgba(2, 157, 129, 0.8);
  }
  .hover-bg-success-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-5:hover {
    background: rgba(2, 157, 129, 0.5);
  }
  .hover-bg-success-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-500-opacity-3:hover {
    background: rgba(2, 157, 129, 0.3);
  }
  .hover-bg-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400:hover {
    background: #13b99b;
  }
  .parent-hover .parent-hover-bg-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-400 {
    background-color: #13b99b;
  }
  .hover-bg-success-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-8:hover {
    background: rgba(19, 185, 155, 0.8);
  }
  .hover-bg-success-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-5:hover {
    background: rgba(19, 185, 155, 0.5);
  }
  .hover-bg-success-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-400-opacity-3:hover {
    background: rgba(19, 185, 155, 0.3);
  }
  .hover-bg-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100:hover {
    background: #d8f3ee;
  }
  .parent-hover .parent-hover-bg-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-success-100 {
    background-color: #d8f3ee;
  }
  .hover-bg-success-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-8:hover {
    background: rgba(216, 243, 238, 0.8);
  }
  .hover-bg-success-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-5:hover {
    background: rgba(216, 243, 238, 0.5);
  }
  .hover-bg-success-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-success-100-opacity-3:hover {
    background: rgba(216, 243, 238, 0.3);
  }
  .hover-bg-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500:hover {
    background: #2a92d3;
  }
  .parent-hover .parent-hover-bg-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-500 {
    background-color: #2a92d3;
  }
  .hover-bg-info-500-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-8:hover {
    background: rgba(42, 146, 211, 0.8);
  }
  .hover-bg-info-500-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-5:hover {
    background: rgba(42, 146, 211, 0.5);
  }
  .hover-bg-info-500-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-500-opacity-3:hover {
    background: rgba(42, 146, 211, 0.3);
  }
  .hover-bg-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400:hover {
    background: #31acf9;
  }
  .parent-hover .parent-hover-bg-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-400 {
    background-color: #31acf9;
  }
  .hover-bg-info-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-8:hover {
    background: rgba(49, 172, 249, 0.8);
  }
  .hover-bg-info-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-5:hover {
    background: rgba(49, 172, 249, 0.5);
  }
  .hover-bg-info-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-400-opacity-3:hover {
    background: rgba(49, 172, 249, 0.3);
  }
  .hover-bg-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100:hover {
    background: #dbf1fe;
  }
  .parent-hover .parent-hover-bg-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-info-100 {
    background-color: #dbf1fe;
  }
  .hover-bg-info-100-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-8:hover {
    background: rgba(219, 241, 254, 0.8);
  }
  .hover-bg-info-100-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-5:hover {
    background: rgba(219, 241, 254, 0.5);
  }
  .hover-bg-info-100-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-info-100-opacity-3:hover {
    background: rgba(219, 241, 254, 0.3);
  }
  .hover-bg-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800:hover {
    background: #1d1d20;
  }
  .parent-hover .parent-hover-bg-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-800 {
    background-color: #1d1d20;
  }
  .hover-bg-neutral-800-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-8:hover {
    background: rgba(29, 29, 32, 0.8);
  }
  .hover-bg-neutral-800-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-5:hover {
    background: rgba(29, 29, 32, 0.5);
  }
  .hover-bg-neutral-800-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-800-opacity-3:hover {
    background: rgba(29, 29, 32, 0.3);
  }
  .hover-bg-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400:hover {
    background: #6d6b75;
  }
  .parent-hover .parent-hover-bg-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-400 {
    background-color: #6d6b75;
  }
  .hover-bg-neutral-400-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-8:hover {
    background: rgba(109, 107, 117, 0.8);
  }
  .hover-bg-neutral-400-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-5:hover {
    background: rgba(109, 107, 117, 0.5);
  }
  .hover-bg-neutral-400-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-400-opacity-3:hover {
    background: rgba(109, 107, 117, 0.3);
  }
  .hover-bg-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55:hover {
    background: #dfdfe2;
  }
  .parent-hover .parent-hover-bg-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-55 {
    background-color: #dfdfe2;
  }
  .hover-bg-neutral-55-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-8:hover {
    background: rgba(223, 223, 226, 0.8);
  }
  .hover-bg-neutral-55-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-5:hover {
    background: rgba(223, 223, 226, 0.5);
  }
  .hover-bg-neutral-55-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-55-opacity-3:hover {
    background: rgba(223, 223, 226, 0.3);
  }
  .hover-bg-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40:hover {
    background: #eaeaec;
  }
  .parent-hover .parent-hover-bg-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-40 {
    background-color: #eaeaec;
  }
  .hover-bg-neutral-40-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-8:hover {
    background: rgba(234, 234, 236, 0.8);
  }
  .hover-bg-neutral-40-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-5:hover {
    background: rgba(234, 234, 236, 0.5);
  }
  .hover-bg-neutral-40-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-40-opacity-3:hover {
    background: rgba(234, 234, 236, 0.3);
  }
  .hover-bg-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25:hover {
    background: #f4f4f5;
  }
  .parent-hover .parent-hover-bg-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-25 {
    background-color: #f4f4f5;
  }
  .hover-bg-neutral-25-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-8:hover {
    background: rgba(244, 244, 245, 0.8);
  }
  .hover-bg-neutral-25-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-5:hover {
    background: rgba(244, 244, 245, 0.5);
  }
  .hover-bg-neutral-25-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-25-opacity-3:hover {
    background: rgba(244, 244, 245, 0.3);
  }
  .hover-bg-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15:hover {
    background: #fafafa;
  }
  .parent-hover .parent-hover-bg-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-15 {
    background-color: #fafafa;
  }
  .hover-bg-neutral-15-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-8:hover {
    background: rgba(250, 250, 250, 0.8);
  }
  .hover-bg-neutral-15-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-5:hover {
    background: rgba(250, 250, 250, 0.5);
  }
  .hover-bg-neutral-15-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-15-opacity-3:hover {
    background: rgba(250, 250, 250, 0.3);
  }
  .hover-bg-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0:hover {
    background: #ffffff;
  }
  .parent-hover .parent-hover-bg-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .parent-hover:hover .parent-hover-bg-neutral-0 {
    background-color: #ffffff;
  }
  .hover-bg-neutral-0-opacity-8 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-8:hover {
    background: rgba(255, 255, 255, 0.8);
  }
  .hover-bg-neutral-0-opacity-5 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-5:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .hover-bg-neutral-0-opacity-3 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-bg-neutral-0-opacity-3:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}
@keyframes pulsecolor {
  0% {
    background-color: var(--pulsecolor-start, var(--color-neutral-55));
  }
  100% {
    background-color: var(--pulsecolor-end, var(--color-neutral-40));
  }
}
.loading-pulse-background {
  animation: pulsecolor var(--pulsecolor-duration, 2.5s) ease infinite;
  animation-direction: alternate;
}
.pulse-once {
  animation: pulsecolor var(--pulsecolor-duration, 2s) ease 1;
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
html.app_client_layout body {
  font-family: "Mabry Pro", sans-serif;
}
html.marketing_layout body {
  font-family: "Mabry Pro", sans-serif;
}
html.app_client_layout body,
html.marketing_layout body {
  font-feature-settings: "ss02" on;
  font-weight: 400;
  font-size: 1rem;
  color: var(--color-neutral-800);
}
html.app_client_layout body button,
html.marketing_layout body button {
  font-family: inherit;
}
html.app_client_layout body .non-slashed-zero,
html.marketing_layout body .non-slashed-zero {
  font-variant-numeric: lining-nums tabular-nums;
}
html.app_client_layout body .slashed-zero,
html.marketing_layout body .slashed-zero {
  font-variant-numeric: lining-nums tabular-nums slashed-zero;
}
html.app_client_layout body {
  font-variant-numeric: lining-nums tabular-nums slashed-zero;
}
html.marketing_layout body {
  font-variant-numeric: lining-nums tabular-nums;
}
:root {
  --typography-heading-xxxl: 7.594rem;
  --typography-heading-xxl: 5.063rem;
  --typography-heading-xl: 3.375rem;
  --typography-heading-l: 2.027rem;
  --typography-heading-m: 1.802rem;
  --typography-heading-s: 1.424rem;
  --typography-heading-xs: 1.125rem;
  --typography-xl: 1.424rem;
  --typography-l: 1.125rem;
  --typography-m: 1rem;
  --typography-s: 0.889rem;
  --typography-xs: 0.79rem;
  --typography-xxs: 0.65rem;
}
h1:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading {
  line-height: 120%;
}
h1.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xxxl {
  font-size: 7.594rem;
  letter-spacing: -3px;
}
h1.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xxl {
  font-size: 5.063rem;
  letter-spacing: -2px;
}
h1.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xl {
  font-size: 3.375rem;
  letter-spacing: -2px;
}
h1.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-l {
  font-size: 2.027rem;
}
h1.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-m {
  font-size: 1.802rem;
}
h1.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-s {
  font-size: 1.424rem;
}
h1.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h2.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h3.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h4.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h5.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
h6.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
.text-heading.text-xs {
  font-size: 1.125rem;
}
@media (min-width: 40em) {
  h1.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-l {
    font-size: 2.027rem;
  }
  h1.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-m {
    font-size: 1.802rem;
  }
  h1.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-s {
    font-size: 1.424rem;
  }
  h1.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.sm-text-xs {
    font-size: 1.125rem;
  }
}
@media (min-width: 52em) {
  h1.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-l {
    font-size: 2.027rem;
  }
  h1.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-m {
    font-size: 1.802rem;
  }
  h1.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-s {
    font-size: 1.424rem;
  }
  h1.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.md-text-xs {
    font-size: 1.125rem;
  }
}
@media (min-width: 64em) {
  h1.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xxxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xxxl {
    font-size: 7.594rem;
    letter-spacing: -3px;
  }
  h1.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xxl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xxl {
    font-size: 5.063rem;
    letter-spacing: -2px;
  }
  h1.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xl {
    font-size: 3.375rem;
    letter-spacing: -2px;
  }
  h1.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-l {
    font-size: 2.027rem;
  }
  h1.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-m {
    font-size: 1.802rem;
  }
  h1.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-s {
    font-size: 1.424rem;
  }
  h1.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h2.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h3.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h4.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h5.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  h6.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6),
  .text-heading.lg-text-xs {
    font-size: 1.125rem;
  }
}
p.text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xl,
li.text-xl,
ul.text-xl,
pre.text-xl,
label.text-xl,
tr.text-xl,
td.text-xl,
.text-label.text-xl {
  font-size: 1.424rem;
}
p.text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-l,
li.text-l,
ul.text-l,
pre.text-l,
label.text-l,
tr.text-l,
td.text-l,
.text-label.text-l {
  font-size: 1.125rem;
}
p.text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-m,
li.text-m,
ul.text-m,
pre.text-m,
label.text-m,
tr.text-m,
td.text-m,
.text-label.text-m {
  font-size: 1rem;
}
p.text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-s,
li.text-s,
ul.text-s,
pre.text-s,
label.text-s,
tr.text-s,
td.text-s,
.text-label.text-s {
  font-size: 0.889rem;
}
p.text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xs,
li.text-xs,
ul.text-xs,
pre.text-xs,
label.text-xs,
tr.text-xs,
td.text-xs,
.text-label.text-xs {
  font-size: 0.79rem;
}
p.text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
span.text-xxs,
li.text-xxs,
ul.text-xxs,
pre.text-xxs,
label.text-xxs,
tr.text-xxs,
td.text-xxs,
.text-label.text-xxs {
  font-size: 0.65rem;
}
@media (min-width: 40em) {
  p.sm-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xl,
  li.sm-text-xl,
  ul.sm-text-xl,
  pre.sm-text-xl,
  label.sm-text-xl,
  tr.sm-text-xl,
  td.sm-text-xl,
  .text-label.sm-text-xl {
    font-size: 1.424rem;
  }
  p.sm-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-l,
  li.sm-text-l,
  ul.sm-text-l,
  pre.sm-text-l,
  label.sm-text-l,
  tr.sm-text-l,
  td.sm-text-l,
  .text-label.sm-text-l {
    font-size: 1.125rem;
  }
  p.sm-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-m,
  li.sm-text-m,
  ul.sm-text-m,
  pre.sm-text-m,
  label.sm-text-m,
  tr.sm-text-m,
  td.sm-text-m,
  .text-label.sm-text-m {
    font-size: 1rem;
  }
  p.sm-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-s,
  li.sm-text-s,
  ul.sm-text-s,
  pre.sm-text-s,
  label.sm-text-s,
  tr.sm-text-s,
  td.sm-text-s,
  .text-label.sm-text-s {
    font-size: 0.889rem;
  }
  p.sm-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xs,
  li.sm-text-xs,
  ul.sm-text-xs,
  pre.sm-text-xs,
  label.sm-text-xs,
  tr.sm-text-xs,
  td.sm-text-xs,
  .text-label.sm-text-xs {
    font-size: 0.79rem;
  }
  p.sm-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.sm-text-xxs,
  li.sm-text-xxs,
  ul.sm-text-xxs,
  pre.sm-text-xxs,
  label.sm-text-xxs,
  tr.sm-text-xxs,
  td.sm-text-xxs,
  .text-label.sm-text-xxs {
    font-size: 0.65rem;
  }
}
@media (min-width: 52em) {
  p.md-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xl,
  li.md-text-xl,
  ul.md-text-xl,
  pre.md-text-xl,
  label.md-text-xl,
  tr.md-text-xl,
  td.md-text-xl,
  .text-label.md-text-xl {
    font-size: 1.424rem;
  }
  p.md-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-l,
  li.md-text-l,
  ul.md-text-l,
  pre.md-text-l,
  label.md-text-l,
  tr.md-text-l,
  td.md-text-l,
  .text-label.md-text-l {
    font-size: 1.125rem;
  }
  p.md-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-m,
  li.md-text-m,
  ul.md-text-m,
  pre.md-text-m,
  label.md-text-m,
  tr.md-text-m,
  td.md-text-m,
  .text-label.md-text-m {
    font-size: 1rem;
  }
  p.md-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-s,
  li.md-text-s,
  ul.md-text-s,
  pre.md-text-s,
  label.md-text-s,
  tr.md-text-s,
  td.md-text-s,
  .text-label.md-text-s {
    font-size: 0.889rem;
  }
  p.md-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xs,
  li.md-text-xs,
  ul.md-text-xs,
  pre.md-text-xs,
  label.md-text-xs,
  tr.md-text-xs,
  td.md-text-xs,
  .text-label.md-text-xs {
    font-size: 0.79rem;
  }
  p.md-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.md-text-xxs,
  li.md-text-xxs,
  ul.md-text-xxs,
  pre.md-text-xxs,
  label.md-text-xxs,
  tr.md-text-xxs,
  td.md-text-xxs,
  .text-label.md-text-xxs {
    font-size: 0.65rem;
  }
}
@media (min-width: 64em) {
  p.lg-text-xl:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xl,
  li.lg-text-xl,
  ul.lg-text-xl,
  pre.lg-text-xl,
  label.lg-text-xl,
  tr.lg-text-xl,
  td.lg-text-xl,
  .text-label.lg-text-xl {
    font-size: 1.424rem;
  }
  p.lg-text-l:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-l,
  li.lg-text-l,
  ul.lg-text-l,
  pre.lg-text-l,
  label.lg-text-l,
  tr.lg-text-l,
  td.lg-text-l,
  .text-label.lg-text-l {
    font-size: 1.125rem;
  }
  p.lg-text-m:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-m,
  li.lg-text-m,
  ul.lg-text-m,
  pre.lg-text-m,
  label.lg-text-m,
  tr.lg-text-m,
  td.lg-text-m,
  .text-label.lg-text-m {
    font-size: 1rem;
  }
  p.lg-text-s:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-s,
  li.lg-text-s,
  ul.lg-text-s,
  pre.lg-text-s,
  label.lg-text-s,
  tr.lg-text-s,
  td.lg-text-s,
  .text-label.lg-text-s {
    font-size: 0.889rem;
  }
  p.lg-text-xs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xs,
  li.lg-text-xs,
  ul.lg-text-xs,
  pre.lg-text-xs,
  label.lg-text-xs,
  tr.lg-text-xs,
  td.lg-text-xs,
  .text-label.lg-text-xs {
    font-size: 0.79rem;
  }
  p.lg-text-xxs:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading),
  span.lg-text-xxs,
  li.lg-text-xxs,
  ul.lg-text-xxs,
  pre.lg-text-xxs,
  label.lg-text-xxs,
  tr.lg-text-xxs,
  td.lg-text-xxs,
  .text-label.lg-text-xxs {
    font-size: 0.65rem;
  }
}
span:not(.h1, .h2, .h3, .h4, .h5, .h6),
li,
label,
.text-label {
  line-height: 120%;
}
p {
  line-height: 140%;
}
p a:not([class]) {
  text-decoration: underline;
  color: #3e3168;
}
html.app_client_layout p:not(.h1, .h2, .h3, .h4, .h5, .h6, .text-heading) {
  max-width: 65ch;
}
.fw400.fw400.fw400 {
  font-weight: 400;
}
.fw500.fw500.fw500 {
  font-weight: 500;
}
.fw600.fw600.fw600 {
  font-weight: 600;
}
.fw700.fw700.fw700 {
  font-weight: 700;
}
.lh12.lh12.lh12 {
  line-height: 120%;
}
.lh14.lh14.lh14 {
  line-height: 140%;
}
.lh15.lh15.lh15 {
  line-height: 150%;
}
.lh17.lh17.lh17 {
  line-height: 170%;
}
.lh18.lh18.lh18 {
  line-height: 180%;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.border-black-0 {
  border-color: #000000;
}
.border-transparent {
  border-color: transparent;
}
.border-primary-800 {
  border-color: #4731c4;
}
.border-primary-700 {
  border-color: #5f4ad2;
}
.border-primary-200 {
  border-color: #d6d1f3;
}
.border-primary-300 {
  border-color: #bdb4ee;
}
.border-primary-100 {
  border-color: #eeebfc;
}
.border-secondary-900 {
  border-color: #312753;
}
.border-secondary-800 {
  border-color: #3e3168;
}
.border-tertiary-900 {
  border-color: #662800;
}
.border-tertiary-500 {
  border-color: #ed5d00;
}
.border-tertiary-400 {
  border-color: #ff8130;
}
.border-tertiary-200 {
  border-color: #ffba8e;
}
.border-tertiary-100 {
  border-color: #ffeadc;
}
.border-error-600 {
  border-color: #c04b4b;
}
.border-error-500 {
  border-color: #e85d5d;
}
.border-error-400 {
  border-color: #ee8787;
}
.border-error-100 {
  border-color: #fce9e9;
}
.border-success-500 {
  border-color: #029d81;
}
.border-success-400 {
  border-color: #13b99b;
}
.border-success-100 {
  border-color: #d8f3ee;
}
.border-info-500 {
  border-color: #2a92d3;
}
.border-info-400 {
  border-color: #31acf9;
}
.border-info-100 {
  border-color: #dbf1fe;
}
.border-neutral-800 {
  border-color: #1d1d20;
}
.border-neutral-400 {
  border-color: #6d6b75;
}
.border-neutral-55 {
  border-color: #dfdfe2;
}
.border-neutral-40 {
  border-color: #eaeaec;
}
.border-neutral-25 {
  border-color: #f4f4f5;
}
.border-neutral-15 {
  border-color: #fafafa;
}
.border-neutral-0 {
  border-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .hover-border-black-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-black-0:hover {
    border-color: #000000;
  }
  .hover-border-transparent {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-transparent:hover {
    border-color: transparent;
  }
  .hover-border-primary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-800:hover {
    border-color: #4731c4;
  }
  .hover-border-primary-700 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-700:hover {
    border-color: #5f4ad2;
  }
  .hover-border-primary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-200:hover {
    border-color: #d6d1f3;
  }
  .hover-border-primary-300 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-300:hover {
    border-color: #bdb4ee;
  }
  .hover-border-primary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-primary-100:hover {
    border-color: #eeebfc;
  }
  .hover-border-secondary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-secondary-900:hover {
    border-color: #312753;
  }
  .hover-border-secondary-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-secondary-800:hover {
    border-color: #3e3168;
  }
  .hover-border-tertiary-900 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-900:hover {
    border-color: #662800;
  }
  .hover-border-tertiary-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-500:hover {
    border-color: #ed5d00;
  }
  .hover-border-tertiary-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-400:hover {
    border-color: #ff8130;
  }
  .hover-border-tertiary-200 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-200:hover {
    border-color: #ffba8e;
  }
  .hover-border-tertiary-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-tertiary-100:hover {
    border-color: #ffeadc;
  }
  .hover-border-error-600 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-600:hover {
    border-color: #c04b4b;
  }
  .hover-border-error-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-500:hover {
    border-color: #e85d5d;
  }
  .hover-border-error-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-400:hover {
    border-color: #ee8787;
  }
  .hover-border-error-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-error-100:hover {
    border-color: #fce9e9;
  }
  .hover-border-success-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-500:hover {
    border-color: #029d81;
  }
  .hover-border-success-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-400:hover {
    border-color: #13b99b;
  }
  .hover-border-success-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-success-100:hover {
    border-color: #d8f3ee;
  }
  .hover-border-info-500 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-500:hover {
    border-color: #2a92d3;
  }
  .hover-border-info-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-400:hover {
    border-color: #31acf9;
  }
  .hover-border-info-100 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-info-100:hover {
    border-color: #dbf1fe;
  }
  .hover-border-neutral-800 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-800:hover {
    border-color: #1d1d20;
  }
  .hover-border-neutral-400 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-400:hover {
    border-color: #6d6b75;
  }
  .hover-border-neutral-55 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-55:hover {
    border-color: #dfdfe2;
  }
  .hover-border-neutral-40 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-40:hover {
    border-color: #eaeaec;
  }
  .hover-border-neutral-25 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-25:hover {
    border-color: #f4f4f5;
  }
  .hover-border-neutral-15 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-15:hover {
    border-color: #fafafa;
  }
  .hover-border-neutral-0 {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-border-neutral-0:hover {
    border-color: #ffffff;
  }
}
@media (min-width: 40em) {
  .sm-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .sm-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .sm-border-black-0 {
    border-color: #000000;
  }
  .sm-border-transparent {
    border-color: transparent;
  }
  .sm-border-primary-800 {
    border-color: #4731c4;
  }
  .sm-border-primary-700 {
    border-color: #5f4ad2;
  }
  .sm-border-primary-200 {
    border-color: #d6d1f3;
  }
  .sm-border-primary-300 {
    border-color: #bdb4ee;
  }
  .sm-border-primary-100 {
    border-color: #eeebfc;
  }
  .sm-border-secondary-900 {
    border-color: #312753;
  }
  .sm-border-secondary-800 {
    border-color: #3e3168;
  }
  .sm-border-tertiary-900 {
    border-color: #662800;
  }
  .sm-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .sm-border-tertiary-400 {
    border-color: #ff8130;
  }
  .sm-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .sm-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .sm-border-error-600 {
    border-color: #c04b4b;
  }
  .sm-border-error-500 {
    border-color: #e85d5d;
  }
  .sm-border-error-400 {
    border-color: #ee8787;
  }
  .sm-border-error-100 {
    border-color: #fce9e9;
  }
  .sm-border-success-500 {
    border-color: #029d81;
  }
  .sm-border-success-400 {
    border-color: #13b99b;
  }
  .sm-border-success-100 {
    border-color: #d8f3ee;
  }
  .sm-border-info-500 {
    border-color: #2a92d3;
  }
  .sm-border-info-400 {
    border-color: #31acf9;
  }
  .sm-border-info-100 {
    border-color: #dbf1fe;
  }
  .sm-border-neutral-800 {
    border-color: #1d1d20;
  }
  .sm-border-neutral-400 {
    border-color: #6d6b75;
  }
  .sm-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .sm-border-neutral-40 {
    border-color: #eaeaec;
  }
  .sm-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .sm-border-neutral-15 {
    border-color: #fafafa;
  }
  .sm-border-neutral-0 {
    border-color: #ffffff;
  }
}
@media (min-width: 52em) {
  .md-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .md-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .md-border-black-0 {
    border-color: #000000;
  }
  .md-border-transparent {
    border-color: transparent;
  }
  .md-border-primary-800 {
    border-color: #4731c4;
  }
  .md-border-primary-700 {
    border-color: #5f4ad2;
  }
  .md-border-primary-200 {
    border-color: #d6d1f3;
  }
  .md-border-primary-300 {
    border-color: #bdb4ee;
  }
  .md-border-primary-100 {
    border-color: #eeebfc;
  }
  .md-border-secondary-900 {
    border-color: #312753;
  }
  .md-border-secondary-800 {
    border-color: #3e3168;
  }
  .md-border-tertiary-900 {
    border-color: #662800;
  }
  .md-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .md-border-tertiary-400 {
    border-color: #ff8130;
  }
  .md-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .md-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .md-border-error-600 {
    border-color: #c04b4b;
  }
  .md-border-error-500 {
    border-color: #e85d5d;
  }
  .md-border-error-400 {
    border-color: #ee8787;
  }
  .md-border-error-100 {
    border-color: #fce9e9;
  }
  .md-border-success-500 {
    border-color: #029d81;
  }
  .md-border-success-400 {
    border-color: #13b99b;
  }
  .md-border-success-100 {
    border-color: #d8f3ee;
  }
  .md-border-info-500 {
    border-color: #2a92d3;
  }
  .md-border-info-400 {
    border-color: #31acf9;
  }
  .md-border-info-100 {
    border-color: #dbf1fe;
  }
  .md-border-neutral-800 {
    border-color: #1d1d20;
  }
  .md-border-neutral-400 {
    border-color: #6d6b75;
  }
  .md-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .md-border-neutral-40 {
    border-color: #eaeaec;
  }
  .md-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .md-border-neutral-15 {
    border-color: #fafafa;
  }
  .md-border-neutral-0 {
    border-color: #ffffff;
  }
}
@media (min-width: 64em) {
  .lg-border-left {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .lg-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .lg-border-black-0 {
    border-color: #000000;
  }
  .lg-border-transparent {
    border-color: transparent;
  }
  .lg-border-primary-800 {
    border-color: #4731c4;
  }
  .lg-border-primary-700 {
    border-color: #5f4ad2;
  }
  .lg-border-primary-200 {
    border-color: #d6d1f3;
  }
  .lg-border-primary-300 {
    border-color: #bdb4ee;
  }
  .lg-border-primary-100 {
    border-color: #eeebfc;
  }
  .lg-border-secondary-900 {
    border-color: #312753;
  }
  .lg-border-secondary-800 {
    border-color: #3e3168;
  }
  .lg-border-tertiary-900 {
    border-color: #662800;
  }
  .lg-border-tertiary-500 {
    border-color: #ed5d00;
  }
  .lg-border-tertiary-400 {
    border-color: #ff8130;
  }
  .lg-border-tertiary-200 {
    border-color: #ffba8e;
  }
  .lg-border-tertiary-100 {
    border-color: #ffeadc;
  }
  .lg-border-error-600 {
    border-color: #c04b4b;
  }
  .lg-border-error-500 {
    border-color: #e85d5d;
  }
  .lg-border-error-400 {
    border-color: #ee8787;
  }
  .lg-border-error-100 {
    border-color: #fce9e9;
  }
  .lg-border-success-500 {
    border-color: #029d81;
  }
  .lg-border-success-400 {
    border-color: #13b99b;
  }
  .lg-border-success-100 {
    border-color: #d8f3ee;
  }
  .lg-border-info-500 {
    border-color: #2a92d3;
  }
  .lg-border-info-400 {
    border-color: #31acf9;
  }
  .lg-border-info-100 {
    border-color: #dbf1fe;
  }
  .lg-border-neutral-800 {
    border-color: #1d1d20;
  }
  .lg-border-neutral-400 {
    border-color: #6d6b75;
  }
  .lg-border-neutral-55 {
    border-color: #dfdfe2;
  }
  .lg-border-neutral-40 {
    border-color: #eaeaec;
  }
  .lg-border-neutral-25 {
    border-color: #f4f4f5;
  }
  .lg-border-neutral-15 {
    border-color: #fafafa;
  }
  .lg-border-neutral-0 {
    border-color: #ffffff;
  }
}
@use "sass:map";
@use "sass:color";
:root {
  --color-black-0: #000000;
  --color-black-0-opacity-8: color-mix(in srgb, #000000 80%, transparent);
  --color-transparent: transparent;
  --color-transparent-opacity-8: color-mix(
    in srgb,
    transparent 80%,
    transparent
  );
  --color-primary-800: #4731c4;
  --color-primary-800-opacity-8: color-mix(in srgb, #4731c4 80%, transparent);
  --color-primary-700: #5f4ad2;
  --color-primary-700-opacity-8: color-mix(in srgb, #5f4ad2 80%, transparent);
  --color-primary-200: #d6d1f3;
  --color-primary-200-opacity-8: color-mix(in srgb, #d6d1f3 80%, transparent);
  --color-primary-300: #bdb4ee;
  --color-primary-300-opacity-8: color-mix(in srgb, #bdb4ee 80%, transparent);
  --color-primary-100: #eeebfc;
  --color-primary-100-opacity-8: color-mix(in srgb, #eeebfc 80%, transparent);
  --color-secondary-900: #312753;
  --color-secondary-900-opacity-8: color-mix(in srgb, #312753 80%, transparent);
  --color-secondary-800: #3e3168;
  --color-secondary-800-opacity-8: color-mix(in srgb, #3e3168 80%, transparent);
  --color-tertiary-900: #662800;
  --color-tertiary-900-opacity-8: color-mix(in srgb, #662800 80%, transparent);
  --color-tertiary-500: #ed5d00;
  --color-tertiary-500-opacity-8: color-mix(in srgb, #ed5d00 80%, transparent);
  --color-tertiary-400: #ff8130;
  --color-tertiary-400-opacity-8: color-mix(in srgb, #ff8130 80%, transparent);
  --color-tertiary-200: #ffba8e;
  --color-tertiary-200-opacity-8: color-mix(in srgb, #ffba8e 80%, transparent);
  --color-tertiary-100: #ffeadc;
  --color-tertiary-100-opacity-8: color-mix(in srgb, #ffeadc 80%, transparent);
  --color-error-600: #c04b4b;
  --color-error-600-opacity-8: color-mix(in srgb, #c04b4b 80%, transparent);
  --color-error-500: #e85d5d;
  --color-error-500-opacity-8: color-mix(in srgb, #e85d5d 80%, transparent);
  --color-error-400: #ee8787;
  --color-error-400-opacity-8: color-mix(in srgb, #ee8787 80%, transparent);
  --color-error-100: #fce9e9;
  --color-error-100-opacity-8: color-mix(in srgb, #fce9e9 80%, transparent);
  --color-success-500: #029d81;
  --color-success-500-opacity-8: color-mix(in srgb, #029d81 80%, transparent);
  --color-success-400: #13b99b;
  --color-success-400-opacity-8: color-mix(in srgb, #13b99b 80%, transparent);
  --color-success-100: #d8f3ee;
  --color-success-100-opacity-8: color-mix(in srgb, #d8f3ee 80%, transparent);
  --color-info-500: #2a92d3;
  --color-info-500-opacity-8: color-mix(in srgb, #2a92d3 80%, transparent);
  --color-info-400: #31acf9;
  --color-info-400-opacity-8: color-mix(in srgb, #31acf9 80%, transparent);
  --color-info-100: #dbf1fe;
  --color-info-100-opacity-8: color-mix(in srgb, #dbf1fe 80%, transparent);
  --color-neutral-800: #1d1d20;
  --color-neutral-800-opacity-8: color-mix(in srgb, #1d1d20 80%, transparent);
  --color-neutral-400: #6d6b75;
  --color-neutral-400-opacity-8: color-mix(in srgb, #6d6b75 80%, transparent);
  --color-neutral-55: #dfdfe2;
  --color-neutral-55-opacity-8: color-mix(in srgb, #dfdfe2 80%, transparent);
  --color-neutral-40: #eaeaec;
  --color-neutral-40-opacity-8: color-mix(in srgb, #eaeaec 80%, transparent);
  --color-neutral-25: #f4f4f5;
  --color-neutral-25-opacity-8: color-mix(in srgb, #f4f4f5 80%, transparent);
  --color-neutral-15: #fafafa;
  --color-neutral-15-opacity-8: color-mix(in srgb, #fafafa 80%, transparent);
  --color-neutral-0: #ffffff;
  --color-neutral-0-opacity-8: color-mix(in srgb, #ffffff 80%, transparent);
}
.svg-black-0 svg g:not(.lock-fill),
.svg-black-0 svg path:not(.lock-fill) {
  fill: #000000;
}
.svg-transparent svg g:not(.lock-fill),
.svg-transparent svg path:not(.lock-fill) {
  fill: transparent;
}
.svg-primary-800 svg g:not(.lock-fill),
.svg-primary-800 svg path:not(.lock-fill) {
  fill: #4731c4;
}
.svg-primary-700 svg g:not(.lock-fill),
.svg-primary-700 svg path:not(.lock-fill) {
  fill: #5f4ad2;
}
.svg-primary-200 svg g:not(.lock-fill),
.svg-primary-200 svg path:not(.lock-fill) {
  fill: #d6d1f3;
}
.svg-primary-300 svg g:not(.lock-fill),
.svg-primary-300 svg path:not(.lock-fill) {
  fill: #bdb4ee;
}
.svg-primary-100 svg g:not(.lock-fill),
.svg-primary-100 svg path:not(.lock-fill) {
  fill: #eeebfc;
}
.svg-secondary-900 svg g:not(.lock-fill),
.svg-secondary-900 svg path:not(.lock-fill) {
  fill: #312753;
}
.svg-secondary-800 svg g:not(.lock-fill),
.svg-secondary-800 svg path:not(.lock-fill) {
  fill: #3e3168;
}
.svg-tertiary-900 svg g:not(.lock-fill),
.svg-tertiary-900 svg path:not(.lock-fill) {
  fill: #662800;
}
.svg-tertiary-500 svg g:not(.lock-fill),
.svg-tertiary-500 svg path:not(.lock-fill) {
  fill: #ed5d00;
}
.svg-tertiary-400 svg g:not(.lock-fill),
.svg-tertiary-400 svg path:not(.lock-fill) {
  fill: #ff8130;
}
.svg-tertiary-200 svg g:not(.lock-fill),
.svg-tertiary-200 svg path:not(.lock-fill) {
  fill: #ffba8e;
}
.svg-tertiary-100 svg g:not(.lock-fill),
.svg-tertiary-100 svg path:not(.lock-fill) {
  fill: #ffeadc;
}
.svg-error-600 svg g:not(.lock-fill),
.svg-error-600 svg path:not(.lock-fill) {
  fill: #c04b4b;
}
.svg-error-500 svg g:not(.lock-fill),
.svg-error-500 svg path:not(.lock-fill) {
  fill: #e85d5d;
}
.svg-error-400 svg g:not(.lock-fill),
.svg-error-400 svg path:not(.lock-fill) {
  fill: #ee8787;
}
.svg-error-100 svg g:not(.lock-fill),
.svg-error-100 svg path:not(.lock-fill) {
  fill: #fce9e9;
}
.svg-success-500 svg g:not(.lock-fill),
.svg-success-500 svg path:not(.lock-fill) {
  fill: #029d81;
}
.svg-success-400 svg g:not(.lock-fill),
.svg-success-400 svg path:not(.lock-fill) {
  fill: #13b99b;
}
.svg-success-100 svg g:not(.lock-fill),
.svg-success-100 svg path:not(.lock-fill) {
  fill: #d8f3ee;
}
.svg-info-500 svg g:not(.lock-fill),
.svg-info-500 svg path:not(.lock-fill) {
  fill: #2a92d3;
}
.svg-info-400 svg g:not(.lock-fill),
.svg-info-400 svg path:not(.lock-fill) {
  fill: #31acf9;
}
.svg-info-100 svg g:not(.lock-fill),
.svg-info-100 svg path:not(.lock-fill) {
  fill: #dbf1fe;
}
.svg-neutral-800 svg g:not(.lock-fill),
.svg-neutral-800 svg path:not(.lock-fill) {
  fill: #1d1d20;
}
.svg-neutral-400 svg g:not(.lock-fill),
.svg-neutral-400 svg path:not(.lock-fill) {
  fill: #6d6b75;
}
.svg-neutral-55 svg g:not(.lock-fill),
.svg-neutral-55 svg path:not(.lock-fill) {
  fill: #dfdfe2;
}
.svg-neutral-40 svg g:not(.lock-fill),
.svg-neutral-40 svg path:not(.lock-fill) {
  fill: #eaeaec;
}
.svg-neutral-25 svg g:not(.lock-fill),
.svg-neutral-25 svg path:not(.lock-fill) {
  fill: #f4f4f5;
}
.svg-neutral-15 svg g:not(.lock-fill),
.svg-neutral-15 svg path:not(.lock-fill) {
  fill: #fafafa;
}
.svg-neutral-0 svg g:not(.lock-fill),
.svg-neutral-0 svg path:not(.lock-fill) {
  fill: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .hover-svg-black-0:hover svg g:not(.lock-fill),
  .hover-svg-black-0:hover svg path:not(.lock-fill) {
    fill: #000000;
  }
  .hover-svg-black-0 svg g:not(.lock-fill),
  .hover-svg-black-0 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-transparent:hover svg g:not(.lock-fill),
  .hover-svg-transparent:hover svg path:not(.lock-fill) {
    fill: transparent;
  }
  .hover-svg-transparent svg g:not(.lock-fill),
  .hover-svg-transparent svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-800:hover svg g:not(.lock-fill),
  .hover-svg-primary-800:hover svg path:not(.lock-fill) {
    fill: #4731c4;
  }
  .hover-svg-primary-800 svg g:not(.lock-fill),
  .hover-svg-primary-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-700:hover svg g:not(.lock-fill),
  .hover-svg-primary-700:hover svg path:not(.lock-fill) {
    fill: #5f4ad2;
  }
  .hover-svg-primary-700 svg g:not(.lock-fill),
  .hover-svg-primary-700 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-200:hover svg g:not(.lock-fill),
  .hover-svg-primary-200:hover svg path:not(.lock-fill) {
    fill: #d6d1f3;
  }
  .hover-svg-primary-200 svg g:not(.lock-fill),
  .hover-svg-primary-200 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-300:hover svg g:not(.lock-fill),
  .hover-svg-primary-300:hover svg path:not(.lock-fill) {
    fill: #bdb4ee;
  }
  .hover-svg-primary-300 svg g:not(.lock-fill),
  .hover-svg-primary-300 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-primary-100:hover svg g:not(.lock-fill),
  .hover-svg-primary-100:hover svg path:not(.lock-fill) {
    fill: #eeebfc;
  }
  .hover-svg-primary-100 svg g:not(.lock-fill),
  .hover-svg-primary-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-secondary-900:hover svg g:not(.lock-fill),
  .hover-svg-secondary-900:hover svg path:not(.lock-fill) {
    fill: #312753;
  }
  .hover-svg-secondary-900 svg g:not(.lock-fill),
  .hover-svg-secondary-900 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-secondary-800:hover svg g:not(.lock-fill),
  .hover-svg-secondary-800:hover svg path:not(.lock-fill) {
    fill: #3e3168;
  }
  .hover-svg-secondary-800 svg g:not(.lock-fill),
  .hover-svg-secondary-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-900:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-900:hover svg path:not(.lock-fill) {
    fill: #662800;
  }
  .hover-svg-tertiary-900 svg g:not(.lock-fill),
  .hover-svg-tertiary-900 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-500:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-500:hover svg path:not(.lock-fill) {
    fill: #ed5d00;
  }
  .hover-svg-tertiary-500 svg g:not(.lock-fill),
  .hover-svg-tertiary-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-400:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-400:hover svg path:not(.lock-fill) {
    fill: #ff8130;
  }
  .hover-svg-tertiary-400 svg g:not(.lock-fill),
  .hover-svg-tertiary-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-200:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-200:hover svg path:not(.lock-fill) {
    fill: #ffba8e;
  }
  .hover-svg-tertiary-200 svg g:not(.lock-fill),
  .hover-svg-tertiary-200 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-tertiary-100:hover svg g:not(.lock-fill),
  .hover-svg-tertiary-100:hover svg path:not(.lock-fill) {
    fill: #ffeadc;
  }
  .hover-svg-tertiary-100 svg g:not(.lock-fill),
  .hover-svg-tertiary-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-600:hover svg g:not(.lock-fill),
  .hover-svg-error-600:hover svg path:not(.lock-fill) {
    fill: #c04b4b;
  }
  .hover-svg-error-600 svg g:not(.lock-fill),
  .hover-svg-error-600 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-500:hover svg g:not(.lock-fill),
  .hover-svg-error-500:hover svg path:not(.lock-fill) {
    fill: #e85d5d;
  }
  .hover-svg-error-500 svg g:not(.lock-fill),
  .hover-svg-error-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-400:hover svg g:not(.lock-fill),
  .hover-svg-error-400:hover svg path:not(.lock-fill) {
    fill: #ee8787;
  }
  .hover-svg-error-400 svg g:not(.lock-fill),
  .hover-svg-error-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-error-100:hover svg g:not(.lock-fill),
  .hover-svg-error-100:hover svg path:not(.lock-fill) {
    fill: #fce9e9;
  }
  .hover-svg-error-100 svg g:not(.lock-fill),
  .hover-svg-error-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-500:hover svg g:not(.lock-fill),
  .hover-svg-success-500:hover svg path:not(.lock-fill) {
    fill: #029d81;
  }
  .hover-svg-success-500 svg g:not(.lock-fill),
  .hover-svg-success-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-400:hover svg g:not(.lock-fill),
  .hover-svg-success-400:hover svg path:not(.lock-fill) {
    fill: #13b99b;
  }
  .hover-svg-success-400 svg g:not(.lock-fill),
  .hover-svg-success-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-success-100:hover svg g:not(.lock-fill),
  .hover-svg-success-100:hover svg path:not(.lock-fill) {
    fill: #d8f3ee;
  }
  .hover-svg-success-100 svg g:not(.lock-fill),
  .hover-svg-success-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-500:hover svg g:not(.lock-fill),
  .hover-svg-info-500:hover svg path:not(.lock-fill) {
    fill: #2a92d3;
  }
  .hover-svg-info-500 svg g:not(.lock-fill),
  .hover-svg-info-500 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-400:hover svg g:not(.lock-fill),
  .hover-svg-info-400:hover svg path:not(.lock-fill) {
    fill: #31acf9;
  }
  .hover-svg-info-400 svg g:not(.lock-fill),
  .hover-svg-info-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-info-100:hover svg g:not(.lock-fill),
  .hover-svg-info-100:hover svg path:not(.lock-fill) {
    fill: #dbf1fe;
  }
  .hover-svg-info-100 svg g:not(.lock-fill),
  .hover-svg-info-100 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-800:hover svg g:not(.lock-fill),
  .hover-svg-neutral-800:hover svg path:not(.lock-fill) {
    fill: #1d1d20;
  }
  .hover-svg-neutral-800 svg g:not(.lock-fill),
  .hover-svg-neutral-800 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-400:hover svg g:not(.lock-fill),
  .hover-svg-neutral-400:hover svg path:not(.lock-fill) {
    fill: #6d6b75;
  }
  .hover-svg-neutral-400 svg g:not(.lock-fill),
  .hover-svg-neutral-400 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-55:hover svg g:not(.lock-fill),
  .hover-svg-neutral-55:hover svg path:not(.lock-fill) {
    fill: #dfdfe2;
  }
  .hover-svg-neutral-55 svg g:not(.lock-fill),
  .hover-svg-neutral-55 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-40:hover svg g:not(.lock-fill),
  .hover-svg-neutral-40:hover svg path:not(.lock-fill) {
    fill: #eaeaec;
  }
  .hover-svg-neutral-40 svg g:not(.lock-fill),
  .hover-svg-neutral-40 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-25:hover svg g:not(.lock-fill),
  .hover-svg-neutral-25:hover svg path:not(.lock-fill) {
    fill: #f4f4f5;
  }
  .hover-svg-neutral-25 svg g:not(.lock-fill),
  .hover-svg-neutral-25 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-15:hover svg g:not(.lock-fill),
  .hover-svg-neutral-15:hover svg path:not(.lock-fill) {
    fill: #fafafa;
  }
  .hover-svg-neutral-15 svg g:not(.lock-fill),
  .hover-svg-neutral-15 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .hover-svg-neutral-0:hover svg g:not(.lock-fill),
  .hover-svg-neutral-0:hover svg path:not(.lock-fill) {
    fill: #ffffff;
  }
  .hover-svg-neutral-0 svg g:not(.lock-fill),
  .hover-svg-neutral-0 svg path:not(.lock-fill) {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
}
.accordion_component_wrapper .accordion_element:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-55);
}
.accordion_component_wrapper
  .accordion_element_seo_wrapper:not(:last-child)
  .accordion_element {
  border-bottom: 1px solid var(--color-neutral-55);
}
.app_client_layout .accordion_element .accordion_element_title,
.marketing_layout .accordion_element .accordion_element_title {
  margin-top: 3px;
}
.accordion_element_open {
  color: var(--color-neutral-800);
}
.actions-dropdown {
  position: relative;
}
.actions-dropdown-btn {
  padding: 8px 30px 8px 20px;
  border: 1px solid #cad1d9;
  border-radius: 25px;
  background: white;
  margin: 0.5rem 0;
  position: relative;
  color: #9da5ad;
  font-size: 12px;
}
.actions-dropdown-btn-mini {
  padding: 5px 30px 5px 20px;
}
.actions-dropdown-btn-select {
  padding: 5px 30px 5px 12px;
  border-radius: 6px;
  width: 80px;
}
.actions-dropdown-btn:after {
  border-top: 6px solid #8697a5;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 50%;
  content: "";
  position: absolute;
  right: 10px;
  margin-top: -3px;
  width: 0;
  height: 0;
}
.actions-dropdown-content,
.actions-dropdown-content-left {
  position: absolute;
  color: var(--color-neutral-400);
  background: white;
  padding: 8px 0;
  border: 1px solid var(--color-neutral-55);
  border-radius: 4px;
  display: none;
  z-index: 99;
  width: 200px;
  box-shadow: 5px 5px 20px 0px #c7c7c7;
}
.actions-dropdown-content ul,
.actions-dropdown-content-left ul {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
}
.actions-dropdown-content li,
.actions-dropdown-content-left li {
  padding: 0px;
  margin: 0;
  list-style: none;
}
.actions-dropdown-content li a:hover,
.actions-dropdown-content li:hover,
.actions-dropdown-content-left li a:hover,
.actions-dropdown-content-left li:hover {
  background: var(--color-neutral-15);
  font-weight: 600;
}
.actions-dropdown-content li a,
.actions-dropdown-content li p,
.actions-dropdown-content-left li a,
.actions-dropdown-content-left li p {
  display: block;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.actions-dropdown-content {
  right: 0;
  margin-top: -8px;
}
.actions-dropdown-content-left {
  bottom: -30px;
  right: 22px;
}
.actions-dropdown {
  cursor: pointer;
}
.actions-dropdown:hover .actions-dropdown-btn {
  border-color: var(--color-secondary-800);
  color: var(--color-secondary-800);
}
.actions-dropdown:hover .actions-dropdown-content,
.actions-dropdown:hover .actions-dropdown-content-left {
  display: block;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .transition {
    transition-property: color, background-color, border-color,
      text-decoration-color, fill, opacity, box-shadow, transform, filter,
      backdrop-filter;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: ease-out;
    transition-duration: 150ms;
  }
  .transition-100 {
    transition-duration: 100ms;
  }
  .transition-150 {
    transition-duration: 150ms;
  }
  .transition-200 {
    transition-duration: 200ms;
  }
  .transition-250 {
    transition-duration: 250ms;
  }
  .transition-300 {
    transition-duration: 300ms;
  }
  .transition-500 {
    transition-duration: 500ms;
  }
  .transition-900 {
    transition-duration: 900ms;
  }
  .anim-strength2 {
    --anim-strength: 2;
  }
  .anim-strength4 {
    --anim-strength: 4;
  }
  .anim-strength6 {
    --anim-strength: 6;
  }
  .anim-strength8 {
    --anim-strength: 8;
  }
  .anim-delay100 {
    --anim-delay: 100ms;
  }
  .anim-duration100 {
    --anim-duration: 100ms;
  }
  .anim-delay200 {
    --anim-delay: 200ms;
  }
  .anim-duration200 {
    --anim-duration: 200ms;
  }
  .anim-delay300 {
    --anim-delay: 300ms;
  }
  .anim-duration300 {
    --anim-duration: 300ms;
  }
  .anim-delay400 {
    --anim-delay: 400ms;
  }
  .anim-duration400 {
    --anim-duration: 400ms;
  }
  .anim-delay500 {
    --anim-delay: 500ms;
  }
  .anim-duration500 {
    --anim-duration: 500ms;
  }
  .anim-delay600 {
    --anim-delay: 600ms;
  }
  .anim-duration600 {
    --anim-duration: 600ms;
  }
  .anim-delay700 {
    --anim-delay: 700ms;
  }
  .anim-duration700 {
    --anim-duration: 700ms;
  }
  .anim-delay750 {
    --anim-delay: 750ms;
  }
  .anim-duration750 {
    --anim-duration: 750ms;
  }
  .anim-delay800 {
    --anim-delay: 800ms;
  }
  .anim-duration800 {
    --anim-duration: 800ms;
  }
  .anim-delay900 {
    --anim-delay: 900ms;
  }
  .anim-duration900 {
    --anim-duration: 900ms;
  }
  .anim-delay1000 {
    --anim-delay: 1000ms;
  }
  .anim-duration1000 {
    --anim-duration: 1000ms;
  }
  .anim-delay1100 {
    --anim-delay: 1100ms;
  }
  .anim-duration1100 {
    --anim-duration: 1100ms;
  }
  .anim-delay1200 {
    --anim-delay: 1200ms;
  }
  .anim-duration1200 {
    --anim-duration: 1200ms;
  }
  .anim-delay1300 {
    --anim-delay: 1300ms;
  }
  .anim-duration1300 {
    --anim-duration: 1300ms;
  }
  .anim-delay1400 {
    --anim-delay: 1400ms;
  }
  .anim-duration1400 {
    --anim-duration: 1400ms;
  }
  .anim-delay1500 {
    --anim-delay: 1500ms;
  }
  .anim-duration1500 {
    --anim-duration: 1500ms;
  }
  .anim-delay1600 {
    --anim-delay: 1600ms;
  }
  .anim-duration1600 {
    --anim-duration: 1600ms;
  }
  .anim-delay2000 {
    --anim-delay: 2000ms;
  }
  .anim-duration2000 {
    --anim-duration: 2000ms;
  }
  .anim-delay2500 {
    --anim-delay: 2500ms;
  }
  .anim-duration2500 {
    --anim-duration: 2500ms;
  }
  .anim {
    animation-delay: var(--anim-delay, 0ms);
    animation-timing-function: ease-in-out;
    animation-duration: var(--anim-duration, 1000ms);
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-play-state: running;
  }
  .anim-loop {
    animation-iteration-count: infinite;
  }
  .anim-hover {
    animation-play-state: paused;
  }
  .anim-hover:hover {
    animation-play-state: running;
  }
  .anim-rise-fade-in {
    animation-duration: var(--anim-duration, 1000ms);
    transform: translatey(24px);
    animation-timing-function: ease-out;
    opacity: 0%;
    animation-name: rise-fade-in;
  }
  @keyframes rise-fade-in {
    from {
      transform: translatey(calc(24px * var(--anim-strength, 1)));
      opacity: 0%;
    }
    to {
      transform: translatey(0);
      opacity: 100%;
    }
  }
  .anim-fade-in {
    opacity: 0%;
    animation-name: fade-in;
  }
  @keyframes fade-in {
    0% {
      opacity: 0%;
    }
    100% {
      opacity: 100%;
    }
  }
  .anim-grow {
    animation-name: grow;
  }
  @keyframes grow {
    0% {
      transform: scale(0%);
    }
    100% {
      transform: scale(100%);
    }
  }
  .anim-shake {
    animation-name: shake;
    animation-duration: var(--anim-duration, 200ms);
  }
  @keyframes shake {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(calc(5deg * var(--anim-strength, 1)));
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(calc(-5deg * var(--anim-strength, 1)));
    }
    100% {
      transform: rotate(0deg);
    }
  }
  .anim-intermittent-shake {
    animation-name: intermittent-shake;
  }
  @keyframes intermittent-shake {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(14deg);
    }
    20% {
      transform: rotate(-12deg);
    }
    30% {
      transform: rotate(10deg);
    }
    40% {
      transform: rotate(-8deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  .anim-spin {
    animation-duration: var(--anim-duration, 1000ms);
    animation-timing-function: linear;
    animation-name: spin;
  }
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .anim-mexican-fade span {
    display: inline-block;
    transform: translatey(50px);
    opacity: 0%;
  }
  .anim-mexican-fade span:nth-child(1) {
    animation-delay: calc(150ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(2) {
    animation-delay: calc(300ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(3) {
    animation-delay: calc(450ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(4) {
    animation-delay: calc(600ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(5) {
    animation-delay: calc(750ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(6) {
    animation-delay: calc(900ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(7) {
    animation-delay: calc(1050ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-mexican-fade span:nth-child(8) {
    animation-delay: calc(1200ms + var(--anim-delay, 0ms));
    animation-timing-function: ease-out;
    animation-name: rise-fade-in;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-play-state: inherit;
  }
  .anim-pulse {
    animation-duration: var(--anim-duration, 1500ms);
    animation-iteration-count: infinite;
    animation-name: pulse;
  }
  @keyframes pulse {
    0% {
      opacity: 100%;
    }
    50% {
      opacity: 50%;
    }
    100% {
      opacity: 100%;
    }
  }
  @keyframes view-fade-in-out {
    0% {
      opacity: 0%;
      transform: translate(0px, 30%);
    }
    30% {
      opacity: 100%;
      transform: translate(0px, 0px);
    }
    50% {
      opacity: 100%;
    }
    100% {
      opacity: 0%;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
.app_drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.app_drawer-header {
  flex: 0 0 auto;
}
.app_drawer-content {
  flex: 1 1 auto;
  position: relative;
  overflow-y: auto;
}
.app_drawer-footer {
  flex: 0 0 auto;
}
.admin_layout *:not(.scroll-visible)::-webkit-scrollbar {
  display: none;
}
.cc-window.cc-banner.cc-bottom {
  z-index: 99999999;
}
#cc_dialog {
  position: fixed;
  left: 0;
  bottom: 0;
}
.busy_time_red {
  background-color: #e85b5b;
  border-color: #e85b5b;
}
.busy_time_blue {
  background-color: var(--color-info-400);
  border-color: var(--color-info-400);
  cursor: pointer;
}
.fc {
  --fc-button-bg-color: var(--color-neutral-40);
  --fc-button-text-color: var(--color-neutral-800);
  --fc-button-hover-bg-color: var(--color-neutral-55);
  --fc-button-hover-border-color: var(--color-neutral-400);
  --fc-button-active-bg-color: var(--color-neutral-55);
  --fc-button-active-border-color: var(--color-success-400);
}
.fc .fc-toolbar-chunk {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
}
.fc .fc-toolbar-chunk .fc-toolbar-title {
  width: 100%;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0px;
}
.fc .fc-toolbar-title {
  font-size: var(--typography-m);
  font-weight: 700;
}
.fc .fc-full-opacity {
  opacity: 100%;
}
.fc .fc-event {
  border-radius: var(--spacing-0-5);
  border-width: 1px;
  border-style: solid;
}
#case_study_assets_container .case_study_asset_card {
  line-height: 0;
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-radius: 6px;
  border: 1px solid var(--color-neutral-55);
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
#case_study_assets_container
  .case_study_asset_card
  .case_study_asset_card_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
#case_study_assets_container
  .case_study_asset_card:not(.selected_asset)
  .case_study_asset_card_overlay {
  background-color: rgba(243, 248, 255, 0.7);
}
.circle156 {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  line-height: 156px;
  font-size: 25px;
  text-align: center;
}
.circle100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  line-height: 100px;
  font-size: 25px;
  text-align: center;
}
.circle80 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  font-size: 25px;
  text-align: center;
}
.circle70 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 70px;
  font-size: 25px;
  text-align: center;
}
.circle60 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  font-size: 25px;
  text-align: center;
}
.circle56 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  line-height: 56px;
  font-size: 28px;
  text-align: center;
}
.circle50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  font-size: 25px;
  text-align: center;
}
.circle48 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  font-size: 24px;
  text-align: center;
}
.circle40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
}
.circle35 {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
}
.circle32 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: 32px;
}
.circle30 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  font-size: 15px;
  text-align: center;
}
.circle26 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 26px;
  font-size: 13px;
  text-align: center;
}
.circle24 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
}
.circle20 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  font-size: 10px;
  text-align: center;
}
.circle18 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  line-height: 18px;
  font-size: 8px;
  text-align: center;
}
.circle14 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
}
.circle15 {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  line-height: 15px;
  font-size: 5px;
  text-align: center;
}
.circle12 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.circle10 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.circle8 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.circle6 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.progress-circle {
  display: flex;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(
    var(--color-primary-700) var(--progress),
    var(--color-neutral-55) 0deg
  );
  font-size: 0;
}
.progress-circle::after {
  content: attr(data-progress) "%";
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 12px;
  border-radius: 50%;
  background: white;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-secondary-800);
  text-align: center;
}
.alert-circle {
  position: relative;
  line-height: 0;
}
.alert-circle::after {
  content: "";
  background-color: #e85b5b;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 14px;
  border: 1px solid white;
  border-radius: 8px;
}
[data-parallax-rate] {
  display: block;
  pointer-events: none !important;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  --translateY: 0px;
  transform: translateY(var(--translateY, 0px));
}
.variable-transform {
  --tx: 0;
  --ty: 0;
  --tz: 0;
  --ts: 1;
  --tr: 0deg;
  transform: translate3D(var(--tx, 0), var(--ty, 0), var(--tz, 0))
    scale(var(--ts, 1)) rotate(var(--tr, 0deg));
}
.cloud {
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.cloud-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/cloud-1-2379e72b011fb1d6f63f04536643515e4201197db078aeee738d87fc19f86786.png);
}
.cloud-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/cloud-2-e8380e0cffa81bc9a4d6fc2086ac5f9ad6884deda8b6b9a6104dd09029273e18.png);
}
.cloud-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/cloud-3-ee6e83349a0837625bd04a8773130c9db98557cea215315e3526b477a0bbf29f.png);
}
.cloud-1-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-1-1-e8499c26034e4b6990dd747a787bc506aee60d15ebf542f13138e37122cba2ac.png);
}
.cloud-1-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-1-2-d9aa302b8b362c0b55aad3eeba3f5ddfb645f12bd7fc84e1be35edf05eb99219.png);
}
.cloud-1-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-1-3-e559bced77f077ee8c6da37fb44d3e8b6efac07ee02f8c2f325e468f8712c25c.png);
}
.cloud-1-4 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-1-4-9e82d45df8db8f5e2aded0ee1f201d1dcaef2a46a7ef201c73cf1f652235e2f0.png);
}
.cloud-2-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-2-1-57c54bf4bc390c7d8c537e826f16415f8f0b2e0420ac214a647eb92b727c1baa.png);
}
.cloud-2-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-2-2-cb2cabca2b7efd0b7c37e708a15d8cf6e6b2c4b52e5cecca30046c6f0d0826d3.png);
}
.cloud-2-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-2-3-bc949b4162a33451d458d1c0c93efcc5621d012c7a2d605080445a89a86d7a41.png);
}
.cloud-2-4 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-2-4-b2de46ac5d655d53a32604e48f6ec4c778ddb66b485c58bb871b53e1d96867c3.png);
}
.cloud-3-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-3-1-148dbbb87604f1a409f82ff62400fdf04162292be148e8158f68f39228f30810.png);
}
.cloud-3-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-3-2-426f194705ed4f3abb0344538c0a124f7becbbbb0b4cd089b78670b52176e925.png);
}
.cloud-3-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-3-3-83f8ff04fc8874471c33ab00c9dc42bab2ce144b1353cb254299d07a88f01d78.png);
}
.cloud-3-4 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-3-4-5f0574a8b1e27713196dcf3a8c7e474dbeca51479d701881ec571afbc6edcb17.png);
}
.cloud-4-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-4-1-62c422b2689dbc283e0b4eb111020772d15535302bd1ef984b0f0e80479898bd.png);
}
.cloud-4-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-4-2-85657d2c25c1481d10502a175c8b4f533f732beba78d5f5f17479152ead22827.png);
}
.cloud-4-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-4-3-11241bd6cd4562cbc419f5478dc5ea1024f8b211d600e6b51111e58d4a96e312.png);
}
.cloud-4-4 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-4-4-94badac80cae7100de234ea0618e272adeb59aded1364be836a2bb7a2591b090.png);
}
.cloud-5-1 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-5-1-68925f8b88e087a621b2063dd4be4da889a4610c6f7eb418d66ad55efe76e864.png);
}
.cloud-5-2 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-5-2-70d520ab40104e8e12752901c2272094066c37d00dc71bc77ff95001cecac465.png);
}
.cloud-5-3 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-5-3-7f01ed4c8c34d21461afeb7d2dd0a96b0b67935ae325a6165ee66fd26efc4001.png);
}
.cloud-5-4 {
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/illustrations/clouds/cloud-5-4-43b79a5d46fc908539838c083402252ce16cabd77c0a808990c7b0bf819e7116.png);
}
.content-box {
  box-sizing: border-box;
  display: block;
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-55);
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.content-box.mb0 {
  margin-bottom: 0;
}
.content-box.mb2 {
  margin-bottom: 1rem;
}
@media (min-width: 52em) {
  .content-box.md-p2-5 {
    padding: 1.5rem;
  }
}
.content-box:after {
  clear: both;
  content: "";
  display: table;
}
.app_client_layout .content-box {
  border-color: var(--color-neutral-55);
}
.advice-article-table-of-contents a,
.advice-article-body a {
  color: var(--color-secondary-800);
  text-decoration: underline;
}
.advice-article-table-of-contents li,
.advice-article-body li {
  font-size: 1.125rem;
  line-height: 180%;
}
.advice-article-table-of-contents p,
.advice-article-body p {
  line-height: 180%;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.advice-article-table-of-contents > p:first-child,
.advice-article-body > p:first-child {
  margin-top: 0;
}
@media (min-width: 64em) {
  .advice-article-table-of-contents p,
  .advice-article-body p {
    font-size: 1.125rem;
  }
}
.advice-article-table-of-contents [id],
.advice-article-table-of-contents a[name],
.advice-article-body [id],
.advice-article-body a[name] {
  scroll-margin-top: calc(var(--navbar-height, 0) + 16px);
}
.advice-article-table-of-contents p a[name]:first-child,
.advice-article-body p a[name]:first-child {
  scroll-margin-top: calc(var(--navbar-height, 0) + 3rem);
}
.advice-article-table-of-contents h2,
.advice-article-table-of-contents h3,
.advice-article-body h2,
.advice-article-body h3 {
  margin: 0;
  font-weight: 700;
}
.advice-article-table-of-contents h2,
.advice-article-body h2 {
  margin-top: 2.5rem;
  font-size: 1.424rem;
}
.advice-article-table-of-contents h3,
.advice-article-body h3 {
  margin-top: 2rem;
  font-size: 1.125rem;
}
@media (min-width: 64em) {
  .advice-article-table-of-contents h2,
  .advice-article-body h2 {
    font-size: 1.802rem;
  }
  .advice-article-table-of-contents h3,
  .advice-article-body h3 {
    font-size: 1.424rem;
  }
}
.advice-article-table-of-contents li,
.advice-article-body li {
  font-size: 1.125rem;
}
.advice-article-table-of-contents hr,
.advice-article-body hr {
  border: none;
  border-top: 1px solid var(--color-neutral-40);
  margin: 3rem 0;
}
.advice-article-table-of-contents img,
.advice-article-body img {
  display: block;
  object-fit: cover;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 2.5rem;
  border-radius: 6px;
}
.advice-article-table-of-contents.fullwidth-images img,
.advice-article-body.fullwidth-images img {
  width: 100%;
}
.advice-article-table-of-contents iframe,
.advice-article-body iframe {
  width: 100%;
  margin: 3.25rem 0;
}
.advice-article-table-of-contents lite-youtube iframe,
.advice-article-body lite-youtube iframe {
  margin: 0;
}
.advice-article-table-of-contents blockquote,
.advice-article-body blockquote {
  margin: 2.5rem 0;
}
@media (min-width: 64em) {
  .advice-article-table-of-contents blockquote,
  .advice-article-body blockquote {
    margin: 4.5rem 0;
  }
}
.advice-article-table-of-contents blockquote p,
.advice-article-body blockquote p {
  font-size: 1.5rem;
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  border-left: 7px solid var(--color-primary-700);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
@media (min-width: 64em) {
  .advice-article-table-of-contents blockquote p,
  .advice-article-body blockquote p {
    font-size: 2rem;
    padding: 1.5rem 0 1.5rem 2.5rem;
  }
}
.advice-article-table-of-contents figcaption,
.advice-article-body figcaption {
  line-height: 1.4;
  font-style: italic;
  margin-bottom: 2.5rem;
}
@media (min-width: 64em) {
  .advice-article-table-of-contents figcaption,
  .advice-article-body figcaption {
    margin-bottom: 4rem;
  }
}
.advice-article-table-of-contents ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: none;
}
.advice-article-table-of-contents li {
  margin: 0.5rem 0;
}
.advice-article-table-of-contents li a {
  display: flex;
  align-items: center;
}
.advice-article-table-of-contents li a:before {
  content: "";
  display: block;
  flex: none;
  height: 20px;
  width: 20px;
  background-image: url(//dwpbnzvyubj62.cloudfront.net/assets/_app_marketing/icons/article-contents-link-4ddc9cbd96d64bca4f04b799ed48bbdf2257e4b8939a47c07f1dfaa4d5da5d79.svg);
  background-repeat: no-repeat;
  margin-right: 1rem;
}
.marketing_layout .advice-article-table-of-contents {
  background-color: var(--color-neutral-15);
}
.app_client_layout .advice-article-table-of-contents {
  background-color: var(--color-neutral-0);
}
#brief-case-study p {
  line-height: 1.8;
  margin-top: 1em;
  margin-bottom: 1em;
}
#brief-case-study h1,
#brief-case-study h2,
#brief-case-study h3 {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
#brief-case-study p.markdown-line-break + h1,
#brief-case-study p.markdown-line-break + h2,
#brief-case-study p.markdown-line-break + h3,
#brief-case-study p.markdown-line-break + h4,
#brief-case-study p.markdown-line-break + h5,
#brief-case-study p.markdown-line-break + h6 {
  margin-top: 1.75rem;
}
.counter-reset {
  counter-reset: counter;
}
.counter-increment {
  counter-increment: counter;
}
.counter-display-numeric:before {
  content: counter(counter, numeric);
}
.counter-display-upper-alpha:before {
  content: counter(counter, upper-alpha);
}
div.experience_grey svg g path.experience_mouth,
div.experience_colour_hover:not(:hover) svg g path.experience_mouth {
  fill: #b4b4b4;
  stroke: #b4b4b4;
}
div.experience_grey svg g path.experience_face,
div.experience_colour_hover:not(:hover) svg g path.experience_face {
  fill: #cad1d9;
}
#third_party_dashboard_layout {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 52em) {
  #third_party_dashboard_layout {
    padding-left: 2rem;
    padding-right: 4rem;
  }
}
@media (min-width: 64em) {
  #third_party_dashboard_layout {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 72em) {
  #third_party_dashboard_layout {
    padding-left: 2rem;
    padding-right: 4rem;
  }
}
@media (min-width: 96em) {
  #third_party_dashboard_layout {
    padding-right: 10rem;
  }
}
.app_client_layout #sidebar_modal,
.app_third_party_layout #sidebar_modal {
  width: 500px;
  flex: 0 0 auto;
  position: fixed;
  right: -500px;
  bottom: 0;
  top: 0;
}
@media (max-width: 52em) {
  .app_client_layout #sidebar_modal,
  .app_third_party_layout #sidebar_modal {
    width: 100%;
  }
}
.app_client_layout #third_party_navbar,
.app_client_layout #third_party_topbar,
.app_third_party_layout #third_party_navbar,
.app_third_party_layout #third_party_topbar {
  padding: 0 1rem;
  box-sizing: border-box;
}
.app_client_layout #third_party_navbar .navbar_svg_wrapper,
.app_client_layout #third_party_topbar .navbar_svg_wrapper,
.app_third_party_layout #third_party_navbar .navbar_svg_wrapper,
.app_third_party_layout #third_party_topbar .navbar_svg_wrapper {
  width: 32px;
}
.app_client_layout #third_party_navbar .navbar_link,
.app_client_layout #third_party_navbar .navbar_sublink,
.app_client_layout #third_party_topbar .navbar_link,
.app_client_layout #third_party_topbar .navbar_sublink,
.app_third_party_layout #third_party_navbar .navbar_link,
.app_third_party_layout #third_party_navbar .navbar_sublink,
.app_third_party_layout #third_party_topbar .navbar_link,
.app_third_party_layout #third_party_topbar .navbar_sublink {
  padding: 0.5rem;
}
.app_client_layout #third_party_navbar .navbar_link_label,
.app_client_layout #third_party_topbar .navbar_link_label,
.app_third_party_layout #third_party_navbar .navbar_link_label,
.app_third_party_layout #third_party_topbar .navbar_link_label {
  font-size: var(--typography-s);
  font-weight: 700;
  line-height: 1.2;
}
.app_client_layout #third_party_navbar .navbar_link_label_sm,
.app_client_layout #third_party_topbar .navbar_link_label_sm,
.app_third_party_layout #third_party_navbar .navbar_link_label_sm,
.app_third_party_layout #third_party_topbar .navbar_link_label_sm {
  font-size: var(--typography-xs);
  margin: 0 0 0 0.5rem;
  flex-grow: 1;
}
.app_client_layout #third_party_navbar .navbar_link_count,
.app_third_party_layout #third_party_navbar .navbar_link_count {
  font-size: var(--typography-s);
  font-weight: 700;
  line-height: 1.2;
  flex: none;
  margin: 0 0.5rem 0 1rem;
}
.app_client_layout #third_party_navbar .navbar_link_label,
.app_client_layout #third_party_topbar .navbar_link_label,
.app_third_party_layout #third_party_navbar .navbar_link_label,
.app_third_party_layout #third_party_topbar .navbar_link_label {
  margin: 0;
  flex-grow: 1;
}
.app_client_layout #third_party_navbar .active .navbar_link_label,
.app_client_layout #third_party_navbar .active .navbar_link_count,
.app_client_layout #third_party_navbar .active .navbar_link_label_sm,
.app_client_layout #third_party_topbar .active .navbar_link_label,
.app_client_layout #third_party_topbar .active .navbar_link_count,
.app_client_layout #third_party_topbar .active .navbar_link_label_sm,
.app_third_party_layout #third_party_navbar .active .navbar_link_label,
.app_third_party_layout #third_party_navbar .active .navbar_link_count,
.app_third_party_layout #third_party_navbar .active .navbar_link_label_sm,
.app_third_party_layout #third_party_topbar .active .navbar_link_label,
.app_third_party_layout #third_party_topbar .active .navbar_link_count,
.app_third_party_layout #third_party_topbar .active .navbar_link_label_sm {
  font-weight: 600;
}
.app_client_layout #third_party_topbar .navbar_svg_wrapper,
.app_client_layout #third_party_navbar .navbar_svg_wrapper,
.app_third_party_layout #third_party_topbar .navbar_svg_wrapper,
.app_third_party_layout #third_party_navbar .navbar_svg_wrapper {
  flex: none;
  line-height: 0;
}
.app_client_layout #third_party_topbar .navbar_link,
.app_client_layout #third_party_topbar .navbar_sublink,
.app_client_layout #third_party_navbar .navbar_link,
.app_client_layout #third_party_navbar .navbar_sublink,
.app_third_party_layout #third_party_topbar .navbar_link,
.app_third_party_layout #third_party_topbar .navbar_sublink,
.app_third_party_layout #third_party_navbar .navbar_link,
.app_third_party_layout #third_party_navbar .navbar_sublink {
  cursor: pointer;
  color: #8697a5;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.app_client_layout #third_party_topbar .navbar_link:hover,
.app_client_layout #third_party_topbar .navbar_sublink:hover,
.app_client_layout #third_party_navbar .navbar_link:hover,
.app_client_layout #third_party_navbar .navbar_sublink:hover,
.app_third_party_layout #third_party_topbar .navbar_link:hover,
.app_third_party_layout #third_party_topbar .navbar_sublink:hover,
.app_third_party_layout #third_party_navbar .navbar_link:hover,
.app_third_party_layout #third_party_navbar .navbar_sublink:hover {
  background-color: var(--color-neutral-55);
}
.app_client_layout #third_party_topbar .navbar_link.active,
.app_client_layout #third_party_topbar .active.navbar_sublink,
.app_client_layout #third_party_navbar .navbar_link.active,
.app_client_layout #third_party_navbar .active.navbar_sublink,
.app_third_party_layout #third_party_topbar .navbar_link.active,
.app_third_party_layout #third_party_topbar .active.navbar_sublink,
.app_third_party_layout #third_party_navbar .navbar_link.active,
.app_third_party_layout #third_party_navbar .active.navbar_sublink {
  background-color: var(--color-primary-700);
  color: var(--color-neutral-0);
}
.app_client_layout
  #third_party_topbar
  .navbar_link.active
  svg
  g:not(.lock-fill),
.app_client_layout
  #third_party_topbar
  .active.navbar_sublink
  svg
  g:not(.lock-fill),
.app_client_layout
  #third_party_topbar
  .navbar_link.active
  svg
  path:not(.lock-fill),
.app_client_layout
  #third_party_topbar
  .active.navbar_sublink
  svg
  path:not(.lock-fill),
.app_client_layout
  #third_party_navbar
  .navbar_link.active
  svg
  g:not(.lock-fill),
.app_client_layout
  #third_party_navbar
  .active.navbar_sublink
  svg
  g:not(.lock-fill),
.app_client_layout
  #third_party_navbar
  .navbar_link.active
  svg
  path:not(.lock-fill),
.app_client_layout
  #third_party_navbar
  .active.navbar_sublink
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_link.active
  svg
  g:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .active.navbar_sublink
  svg
  g:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_link.active
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .active.navbar_sublink
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_link.active
  svg
  g:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .active.navbar_sublink
  svg
  g:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_link.active
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .active.navbar_sublink
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.app_client_layout #third_party_topbar .navbar_sublink.active,
.app_client_layout #third_party_navbar .navbar_sublink.active,
.app_third_party_layout #third_party_topbar .navbar_sublink.active,
.app_third_party_layout #third_party_navbar .navbar_sublink.active {
  margin-top: 1px;
}
.app_client_layout #third_party_topbar .navigation_alert_icon,
.app_client_layout #third_party_navbar .navigation_alert_icon,
.app_third_party_layout #third_party_topbar .navigation_alert_icon,
.app_third_party_layout #third_party_navbar .navigation_alert_icon {
  position: relative;
  line-height: 0;
}
.app_client_layout #third_party_topbar .navigation_alert_icon::after,
.app_client_layout #third_party_navbar .navigation_alert_icon::after,
.app_third_party_layout #third_party_topbar .navigation_alert_icon::after,
.app_third_party_layout #third_party_navbar .navigation_alert_icon::after {
  content: "";
  background-color: #e85b5b;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 14px;
  border: 1px solid white;
  border-radius: 8px;
}
#internal_nav_container {
  z-index: 10;
  top: 45px;
}
#internal_nav_container #internal_nav_menu:not(.box-shadow-bottom) {
  box-shadow: rgba(88, 88, 88, 0.61) 2px 2px 4px;
}
#internal_nav_container #internal_nav_menu.box-shadow-bottom {
  box-shadow: 0px 6px 4px -2px rgba(0, 0, 0, 0.25);
}
.inline-alert-indicator::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #e85b5b;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 6px;
}
.design-configurator-placeholder-image {
  background-color: rgba(238, 235, 252, 0.9);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: multiply;
  height: 565px;
  border: 2px dashed #3e3168;
  border-radius: 8px;
  position: relative;
}
.design-configurator-placeholder-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-menu-icon {
  width: 32px;
  height: 32px;
}
.vertical-menu-icon-selected,
.vertical-menu-icon:hover {
  color: var(--color-info-500) !important;
  background-color: var(--color-neutral-55);
  border-radius: 99px;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f7f9fb;
  color: var(--color-neutral-400);
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown-content a:hover {
  background: var(--color-info-400);
  color: var(--color-neutral-0);
}
.dropdown-content a {
  color: var(--color-neutral-400);
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dd-button {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 8px 30px 8px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
}
.dd-button:after {
  content: "";
  position: absolute;
  top: 53%;
  right: 12px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.dd-button:hover {
  background-color: #eeeeee;
}
.dd-menu {
  position: absolute;
  top: 130%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.5rem 0;
  margin: -10px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  list-style-type: none;
  z-index: 999999;
}
.dd-menu .dd-menu-item {
  padding: 6px 0 6px 1rem;
  color: #8697a5;
  text-align: left;
  cursor: pointer;
}
.dd-menu .dd-menu-item:hover,
.dd-menu .dd-menu-item.dd-menu-item-selected {
  background-color: #f6f6f6;
  font-weight: 600;
}
.dropzone.dropzone.dropzone:not([data-component="file-upload-dropzone"]) {
  border: none;
  background-image: repeating-linear-gradient(
      0deg,
      #e1dddd,
      #e1dddd 15px,
      transparent 15px,
      transparent 30px
    ),
    repeating-linear-gradient(
      90deg,
      #e1dddd,
      #e1dddd 15px,
      transparent 15px,
      transparent 30px
    ),
    repeating-linear-gradient(
      180deg,
      #e1dddd,
      #e1dddd 15px,
      transparent 15px,
      transparent 30px
    ),
    repeating-linear-gradient(
      270deg,
      #e1dddd,
      #e1dddd 15px,
      transparent 15px,
      transparent 30px
    );
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.dropzone.dropzone.dropzone:not([data-component="file-upload-dropzone"])
  .dz-preview.dz-image-preview {
  background: transparent;
}
.dropzone.dashboard_upload_dropzone {
  position: relative;
  min-height: 200px;
  background: none;
  padding: 20px 20px;
}
.dropzone.dashboard_upload_dropzone .dz-preview .dz-image {
  border-radius: 8px;
}
.dropzone.dashboard_upload_dropzone .dz-default.dz-message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropzone.dashboard_upload_dropzone .dz-default.dz-message span {
  color: #6d6b75;
}
.dropzone.dashboard_upload_dropzone.fw400 .dz-default.dz-message span {
  font-weight: 400;
}
.dropzone.dashboard_upload_dropzone.dz-started .dz-message {
  display: none !important;
}
.dropzone.dashboard_upload_dropzone .dz-preview.dz-image-preview {
  background: none;
}
.dropzone.dashboard_upload_dropzone.respect-js-image-preview-size
  .dz-preview
  .dz-image {
  width: 100%;
  height: auto;
}
.dropzone .dz-preview {
  margin: 8px;
}
.dropzone .dz-preview .dz-image {
  border-radius: 8px;
}
.flash.notice {
  background: #e85b5b;
}
.flash.success {
  background: #02b494;
}
.flatpickr-calendar.open {
  z-index: 999999999;
}
.flatpickr-wrapper {
  width: 100%;
}
.form_translucify {
  opacity: 0.6;
}
input.placeholder-bluey-grey::placeholder,
select.placeholder-bluey-grey::placeholder,
textarea.placeholder-bluey-grey::placeholder {
  color: #8697a5;
}
.spa-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(33% - 1rem), 1fr));
  grid-gap: 0.5rem;
  justify-items: stretch;
}
@media (min-width: 52em) {
  .spa-grid {
    grid-template-columns: repeat(auto-fill, minmax(5ch, 1fr));
  }
}
input {
  box-sizing: border-box;
}
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
}
input.no_focus:focus {
  outline: none;
  box-shadow: none;
}
textarea {
  box-sizing: border-box;
  padding: 15px;
}
span.error {
  color: #f7f9fb;
  margin-top: 5px;
  display: block;
  font-size: 14px;
  margin-bottom: 20px;
  background: #e85b5b;
  border-radius: 15px;
  text-align: center;
  padding: 3px 10px;
}
input.underlined,
textarea.underlined {
  padding: 5px 0;
  border: none;
  border-bottom: solid 2px var(--color-neutral-55);
  transition: border 0.3s;
  color: var(--color-neutral-400);
}
input.underlined:focus,
input.underlined.focus {
  border-bottom: solid 2px var(--color-secondary-800);
  outline: none;
}
textarea.double-height {
  height: 125px;
}
select.dark,
input.dark,
textarea.dark {
  background: var(--color-primary-700);
  border: none;
  color: var(--color-secondary-800);
  -webkit-appearance: none;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hidden_radio {
  margin: 0;
  padding: 0;
  display: none;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hidden_ac_radio_label:hover > div {
  background: var(--color-primary-700);
  color: var(--color-neutral-0);
}
.hidden_ac_radio_label > input:checked + div,
.hidden_ac_radio_label > input:focus + div {
  background: #eeebfc;
  box-shadow: inset 0px 0px 0px 4px #5f4ad2;
  color: #3e3168;
}
.hidden_ac_radio_label > input:checked + div p,
.hidden_ac_radio_label > input:focus + div p {
  font-weight: 600 !important;
}
textarea {
  resize: none;
}
::placeholder {
  color: var(--color-neutral-55);
}
::-webkit-input-placeholder {
  color: var(--color-neutral-55);
}
span.currencyinput {
  display: inline-block;
  background: var(--color-neutral-15);
  padding: 0 10px;
  line-height: 35px;
  height: 35px;
  box-sizing: border-box;
  margin-right: -4px;
  border-radius: 4px 0 0 4px;
}
input.currencyinput {
  width: 70px;
  height: 35px;
  padding: 0px 5px;
  border: 1px solid var(--color-neutral-55);
}
.grid-form {
  display: grid;
  grid-gap: 1rem 1rem;
  grid-auto-rows: 1fr;
}
@media (max-width: 40em) {
  .grid-form {
    grid-gap: 0.5rem 0.5rem;
  }
}
.grid-gap0 {
  grid-gap: 0rem;
}
.grid-gap1 {
  grid-gap: 0.5rem;
}
.grid-gap2 {
  grid-gap: 1rem;
}
.grid-gap3 {
  grid-gap: 2rem;
}
.grid-gap4 {
  grid-gap: 4rem;
}
.grid-gap5 {
  grid-gap: 8rem;
}
.grid-gap0-5 {
  grid-gap: 0.25rem;
}
.grid-gap1-5 {
  grid-gap: 0.75rem;
}
.grid-gap2-25 {
  grid-gap: 1.25rem;
}
.grid-gap2-5 {
  grid-gap: 1.5rem;
}
.grid-gap2-75 {
  grid-gap: 1.75rem;
}
.grid-gap3-25 {
  grid-gap: 2.5rem;
}
.grid-gap3-5 {
  grid-gap: 3rem;
}
.grid-gap3-75 {
  grid-gap: 3.5rem;
}
.grid-gap4-5 {
  grid-gap: 5rem;
}
.grid-gap4-75 {
  grid-gap: 6.25rem;
}
.grid-gap5-5 {
  grid-gap: 10rem;
}
.grid-gap5-75 {
  grid-gap: 12.5rem;
}
.grid-gap6 {
  grid-gap: 15rem;
}
@media (min-width: 40em) {
  .sm-grid-gap0 {
    grid-gap: 0rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap1 {
    grid-gap: 0.5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap2 {
    grid-gap: 1rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap3 {
    grid-gap: 2rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap4 {
    grid-gap: 4rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap5 {
    grid-gap: 8rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap0-5 {
    grid-gap: 0.25rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap1-5 {
    grid-gap: 0.75rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap2-25 {
    grid-gap: 1.25rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap2-5 {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap2-75 {
    grid-gap: 1.75rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap3-25 {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap3-5 {
    grid-gap: 3rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap3-75 {
    grid-gap: 3.5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap4-5 {
    grid-gap: 5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap4-75 {
    grid-gap: 6.25rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap5-5 {
    grid-gap: 10rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap5-75 {
    grid-gap: 12.5rem;
  }
}
@media (min-width: 40em) {
  .sm-grid-gap6 {
    grid-gap: 15rem;
  }
}
.grid-form-1 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-form-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-form-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-form-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-form-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-form-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 40em) {
  .sm-grid-form-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 52em) {
  .md-grid-form-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 64em) {
  .lg-grid-form-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 100em) {
  .xl-grid-form-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-form-eq-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 40em) {
  .sm-grid-form-eq-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 52em) {
  .md-grid-form-eq-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .lg-grid-form-eq-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (min-width: 100em) {
  .xl-grid-form-eq-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.grid-form-eq-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 40em) {
  .sm-grid-form-eq-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 52em) {
  .md-grid-form-eq-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .lg-grid-form-eq-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 100em) {
  .xl-grid-form-eq-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.grid-form-eq-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 40em) {
  .sm-grid-form-eq-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 52em) {
  .md-grid-form-eq-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .lg-grid-form-eq-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 100em) {
  .xl-grid-form-eq-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.grid-form-eq-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 40em) {
  .sm-grid-form-eq-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 52em) {
  .md-grid-form-eq-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .lg-grid-form-eq-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 100em) {
  .xl-grid-form-eq-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.grid-form-left-align-2 {
  grid-template-columns: repeat(1, auto) 1fr;
}
@media (min-width: 40em) {
  .sm-grid-form-left-align-2 {
    grid-template-columns: repeat(1, auto) 1fr;
  }
}
@media (min-width: 52em) {
  .md-grid-form-left-align-2 {
    grid-template-columns: repeat(1, auto) 1fr;
  }
}
@media (min-width: 64em) {
  .lg-grid-form-left-align-2 {
    grid-template-columns: repeat(1, auto) 1fr;
  }
}
.grid-form-left-align-3 {
  grid-template-columns: repeat(2, auto) 1fr;
}
@media (min-width: 40em) {
  .sm-grid-form-left-align-3 {
    grid-template-columns: repeat(2, auto) 1fr;
  }
}
@media (min-width: 52em) {
  .md-grid-form-left-align-3 {
    grid-template-columns: repeat(2, auto) 1fr;
  }
}
@media (min-width: 64em) {
  .lg-grid-form-left-align-3 {
    grid-template-columns: repeat(2, auto) 1fr;
  }
}
.grid-form-left-align-4 {
  grid-template-columns: repeat(3, auto) 1fr;
}
@media (min-width: 40em) {
  .sm-grid-form-left-align-4 {
    grid-template-columns: repeat(3, auto) 1fr;
  }
}
@media (min-width: 52em) {
  .md-grid-form-left-align-4 {
    grid-template-columns: repeat(3, auto) 1fr;
  }
}
@media (min-width: 64em) {
  .lg-grid-form-left-align-4 {
    grid-template-columns: repeat(3, auto) 1fr;
  }
}
.grid-form-left-align-5 {
  grid-template-columns: repeat(4, auto) 1fr;
}
@media (min-width: 40em) {
  .sm-grid-form-left-align-5 {
    grid-template-columns: repeat(4, auto) 1fr;
  }
}
@media (min-width: 52em) {
  .md-grid-form-left-align-5 {
    grid-template-columns: repeat(4, auto) 1fr;
  }
}
@media (min-width: 64em) {
  .lg-grid-form-left-align-5 {
    grid-template-columns: repeat(4, auto) 1fr;
  }
}
#toggle_navigation_menu {
  width: 16px;
  height: 16px;
  margin: 0px 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#toggle_navigation_menu.mobile {
  width: 20px;
  height: 20px;
}
#toggle_navigation_menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--color-secondary-800);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#toggle_navigation_menu span.bg-secondary-800 {
  background: #3e3168;
}
#toggle_navigation_menu span.bg-primary-100 {
  background: #eeebfc;
}
#toggle_navigation_menu span:nth-child(1) {
  top: 0;
}
#toggle_navigation_menu span:nth-child(2),
#toggle_navigation_menu span:nth-child(3) {
  top: 5px;
}
#toggle_navigation_menu span:nth-child(4) {
  top: 10px;
}
#toggle_navigation_menu.open span:nth-child(2) {
  transform: rotate(45deg);
}
#toggle_navigation_menu.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#toggle_navigation_menu.open span:nth-child(1),
#toggle_navigation_menu.open span:nth-child(4) {
  width: 0%;
  left: 50%;
  transition: 0s ease-in-out;
}
#toggle-navigation-menu svg {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  opacity: 100%;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}
#toggle-navigation-menu svg:nth-child(1) {
  top: 25%;
}
#toggle-navigation-menu svg:nth-child(4) {
  top: 75%;
}
#toggle-navigation-menu.active svg:nth-child(1) {
  top: 35%;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
  opacity: 0%;
}
#toggle-navigation-menu.active svg:nth-child(2) {
  transform: translate(-50%, -50%) rotate(45deg) scale(1.1);
}
#toggle-navigation-menu svg:nth-child(3) {
  opacity: 0%;
}
#toggle-navigation-menu.active svg:nth-child(3) {
  opacity: 100%;
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.1);
}
#toggle-navigation-menu.active svg:nth-child(4) {
  top: 65%;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
  opacity: 0%;
}
.hidden_radio {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hidden_radio_label > input:checked + img {
  background: #f7f9fb;
}
.hidden_radio_label > input:checked + div {
  background: var(--color-info-400);
  color: var(--color-neutral-800);
}
.hidden_radio_label {
  color: var(--color-neutral-400);
  font-weight: 400;
}
.disabled_radio_button {
  background: var(--color-neutral-55);
  color: #8697a5;
}
.hidden_radio_label.hidden_radio_label:hover > div {
  background: var(--color-neutral-55);
  color: #8697a5;
}
.hidden_radio_label > .hidden_radio_button.unchecked-iron {
  background: #ffffff;
  color: var(--color-neutral-400);
}
.hidden_radio_label > .hidden_radio_button.unchecked-iron,
.disabled_radio_button {
  border: 1px solid var(--color-neutral-55);
  border-radius: 35px;
}
.hidden_radio_label > input:checked + .hidden_radio_button.checked-blue {
  opacity: 1;
  border-radius: 35px;
  border: 1px solid #0099f8;
  background: #0099f8;
  color: #f7f9fb;
}
.hidden_radio_label > input:checked + .hidden_radio_button.checked-blue span {
  font-weight: 600;
}
img.responsive {
  width: 100%;
  height: auto;
  display: block;
}
img.responsive70 {
  width: 70%;
  height: auto;
  display: block;
  margin: auto;
}
img.jaunty_angle {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 73%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 73%);
}
.img-circle {
  border-radius: 50%;
}
#article_body img {
  padding: 30px 0;
  width: 100%;
  height: auto;
  display: block;
}
.process-icon {
  margin-left: -20px;
}
.gallery_item .hover_caption,
.gallery_item .lower_hover_caption,
.gallery_item_parent .hover_caption,
.gallery_item_parent .lower_hover_caption {
  display: none;
}
.gallery_item:hover .hover_caption,
.gallery_item:hover .lower_hover_caption,
.gallery_item_parent:hover .hover_caption,
.gallery_item_parent:hover .lower_hover_caption {
  display: block;
}
.lg-outer {
  z-index: 9999999999;
}
.lg-backdrop {
  z-index: 999999999;
}
.hover_caption,
.lower_hover_caption {
  content: "\A";
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.lower_hover_caption {
  background: rgba(134, 151, 165, 0.6);
}
.hover_caption {
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.lg-icon {
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-image {
  pointer-events: none;
}
ul {
  line-height: 1.3;
}
ul li {
  margin: 10px 0;
}
ul.pricing {
  list-style: none;
  line-height: 35px;
  padding: 0;
}
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.8em;
}
ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
  font-weight: bold;
}
li ol > li {
  margin: 0;
  margin-bottom: 0.6em;
}
li ol > li:before {
  content: counters(item, ".") " ";
  font-weight: bold;
}
ul.resi-difference {
  line-height: 0.6;
}
ul.tight {
  line-height: 1.2;
  padding-left: 15px;
}
.mapbox .custom-marker {
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-family: "Mabry Pro", sans-serif;
  border-radius: 8px;
  padding: 8px 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.5s ease;
}
.mapbox .custom-marker span {
  font-size: 12px;
  margin-right: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
  transition: opacity 1s ease, visibility 1s, height 0.3s ease, width 1s ease;
}
.mapbox .custom-marker:hover span {
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
  transition: opacity 1s ease, visibility 1s, height 0.3s ease, width 1s ease;
}
.mapbox .custom-marker img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.mapbox .custom-marker:hover {
  cursor: pointer;
  background-color: #eeebfc;
}
.mapbox .mapboxgl-map {
  font-family: "Mabry Pro", sans-serif;
}
.mapbox .mapboxgl-popup {
  max-width: 300px;
  cursor: pointer;
  font-family: "Mabry Pro", sans-serif;
}
.mapbox .mapboxgl-popup-tip {
  display: none;
}
.mapbox .mapboxgl-popup-content {
  border-radius: 8px;
  padding: 0;
}
.mapbox .mapboxgl-popup-close-button {
  outline: none;
  background-color: white;
  border-radius: 50%;
  color: #3e3168;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid grey;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
  margin-top: 10px;
  line-height: 0.8;
}
.mapbox .mapboxgl-popup-close-button:hover {
  outline: none;
  background-color: grey;
  color: white;
}
code {
  background: var(--color-neutral-55);
  font-color: var(--color-neutral-400);
  padding: 5px;
}
pre.code {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  border: 0;
  background: var(--color-neutral-55);
  font-size: 1rem;
  color: var(--color-secondary-800);
  padding: 10px;
  border-radius: 8px;
}
.matterport-showcase {
  box-sizing: border-box;
  width: 100%;
  min-height: 576px;
  aspect-ratio: 16/9;
}
.matterport-showcase iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.message_content {
  min-height: 75px;
  border-radius: 8px;
  font-size: 14px;
}
.message_content .message-body a {
  text-decoration: underline;
  color: var(--color-neutral-800);
}
.message_content .message-body a:hover {
  color: var(--color-info-500);
}
.message-body img,
.message-body video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.compose_message {
  font-size: 16px;
  letter-spacing: -0.3px;
  font-family: Lato;
}
.admin_layout .current_message_border {
  border-left-width: 8px;
  border-left-color: var(--color-secondary-800);
  border-style: solid;
}
.app_client_layout .message-body a {
  text-decoration: underline;
}
.app_client_layout .message-body a:hover {
  color: var(--color-info-500);
}
.app_client_layout #user_message_form textarea {
  min-height: 52px;
  max-height: 150px;
  padding: 0.75rem;
  color: var(--color-neutral-800);
  background-color: var(--color-neutral-0);
  border: 2px solid var(--color-neutral-40);
  border-radius: 8px;
  box-sizing: border-box;
  line-height: 14px;
}
.app_client_layout #user_message_form textarea::placeholder {
  line-height: 14px;
}
.app_client_layout #user_message_form textarea:hover {
  border-color: var(--color-neutral-55);
}
.app_client_layout #user_message_form textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-secondary-800);
}
.app_third_party_layout .message-body a {
  text-decoration: underline;
}
.app_third_party_layout .message-body a:hover {
  color: var(--color-info-500);
}
.app_third_party_layout #user_message_form textarea {
  min-height: 50px;
  max-height: 150px;
  padding: 0.75rem;
  color: var(--color-neutral-800);
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-55);
  border-radius: 8px;
}
.app_third_party_layout #user_message_form textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-secondary-800);
}
.modal-video-close-btn,
.js-modal-video-dismiss-btn {
  cursor: pointer;
}
.jquery-modal.blocker.current {
  z-index: 9999999;
}
.jquery-modal.blocker.behind {
  z-index: 100;
}
.jquery-modal:has(.overlay-bg-neutral-800) {
  background: #1d1d20;
}
.blocker {
  padding: 20px 5px;
  background-color: rgba(134, 151, 165, 0.6);
}
.modal {
  box-shadow: 3px 3px 3px rgba(115, 115, 115, 0.5);
}
@media (min-width: 52em) {
  .blocker {
    padding: 20px;
  }
}
.modal {
  max-width: 900px;
  width: 100%;
  padding: 10px;
}
.fullscreen-modal {
  overflow-y: auto;
  max-width: 100%;
  width: 100%;
  padding: 0;
  height: 100vh;
  height: 100dvh;
  border-radius: 0;
}
.fullscreen-modal a.close-modal[rel="modal:close"] {
  display: none;
}
.blocker:has(.fullscreen-modal) {
  padding: 0;
}
.modal-xsmall {
  padding: 0 0 10px 0;
  width: 90%;
  max-width: 380px;
}
.modal-small {
  padding: 0 0 10px 0;
  width: 90%;
  max-width: 450px;
}
.modal-medium {
  max-width: 700px;
  padding: 1rem;
}
@media (min-width: 40em) {
  .modal-medium {
    padding: 2rem;
  }
}
.modal-no-padding {
  padding: 0;
}
.admin-modal,
.admin-modal-extra-wide,
.admin-modal-wide,
.admin-modal-medium-wide,
.admin-modal-medium {
  padding: 0;
  width: 95%;
  max-width: 500px;
}
.admin-modal-small {
  padding: 0;
  width: 90%;
  max-width: 320px;
}
.admin-modal-medium-small {
  padding: 0;
  width: 90%;
  max-width: 600px;
}
.admin-modal-medium {
  max-width: 700px;
}
.admin-modal-medium-wide {
  max-width: 900px;
}
.admin-modal-wide {
  max-width: 1050px;
}
.admin-modal-extra-wide {
  max-width: 1200px;
}
.full-image-modal {
  max-width: 1220px;
  width: 95%;
}
.pagination {
  margin: 20px 0 10px 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  clear: both;
}
.pagination a {
  color: var(--color-neutral-400);
  display: inline-block;
  background-color: var(--color-neutral-55);
  padding: 4px 8px;
  text-decoration: none;
  border-radius: 5px;
  margin: 1px;
}
.pagination span.current {
  font-variant-numeric: lining-nums tabular-nums;
  display: inline-block;
  background-color: var(--color-primary-700);
  color: var(--color-neutral-0);
  border-radius: 5px;
  padding: 4px 8px;
  margin: 1px;
}
.pagination a:hover:not(.active) {
  outline: 1px solid var(--color-primary-700);
}
.app_client_layout .pagination {
  font-weight: 700;
}
.app_client_layout .pagination a,
.app_client_layout .pagination span.current {
  padding: 6px 10px 4px;
}
.pill {
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
}
.pill-mega {
  padding: 10px 25px;
  font-size: 13px;
  text-align: center;
  border-radius: 6px;
}
.pill-rounded {
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
}
.pill:not([class*="text-"]),
.pill-mega:not([class*="text-"]),
.pill-rounded:not([class*="text-"]) {
  color: #ffffff;
}
@media (min-width: 52em) {
  .md-pill {
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
  }
  .pill {
    padding: 2px 10px;
  }
}
.admin_task_detail_pill {
  padding: 2px 6px;
  margin: 2px 4px 2px 0;
  border-radius: 4px;
}
.admin_nav_label_wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.admin_nav_label_wrapper svg {
  height: 16px;
  width: auto;
  flex: none;
}
.admin_nav_label_wrapper .admin_nav_label {
  font-size: 0.75rem;
  color: #8697a5;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
.admin_nav_label_wrapper a.admin_nav_label {
  text-decoration: underline;
}
.admin_nav_label_wrapper a.admin_nav_label:hover {
  color: var(--color-primary-700);
}
.admin_nav_label_wrapper.alert_label .admin_nav_label {
  color: var(--color-error-400);
}
.navigation_console {
  border-radius: 6px;
  border: 1px solid var(--color-neutral-55);
  margin-bottom: 2rem;
}
.navigation_console .navigation_console_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--color-neutral-55);
  cursor: pointer;
  padding: 0.75rem 1rem;
}
.navigation_console .navigation_console_tab:first-of-type {
  border-radius: 6px 0 0 0;
}
.navigation_console .navigation_console_tab:last-of-type {
  border-right: none;
  border-radius: 0 6px 0 0;
}
.navigation_console .navigation_console_tab.selected_tab {
  background-color: white;
  border-bottom: 1px solid transparent;
  color: var(--color-secondary-800);
}
.navigation_console .navigation_console_tab.selected_tab svg g:not(.lock-fill),
.navigation_console
  .navigation_console_tab.selected_tab
  svg
  path:not(.lock-fill) {
  fill: var(--color-secondary-800);
}
.navigation_console .navigation_console_tab.alert_tab {
  color: #e85b5b;
}
.navigation_console .navigation_console_tab.empty_tab {
  color: var(--color-neutral-55);
}
.navigation_console .navigation_console_tab.empty_tab svg g:not(.lock-fill),
.navigation_console .navigation_console_tab.empty_tab svg path:not(.lock-fill) {
  fill: var(--color-neutral-55);
}
.navigation_console
  .navigation_console_tab:not(.selected_tab, .alert_tab, .empty_tab) {
  color: #8697a5;
}
.navigation_console .navigation_console_tab:not(.selected_tab) {
  background: var(--color-neutral-40);
  border-bottom: 1px solid var(--color-neutral-55);
}
.navigation_console .navigation_console_tab:not(.selected_tab):hover {
  background: var(--color-neutral-55);
}
.navigation_console .navigation_console_tab .navigation_alert_icon {
  position: relative;
  line-height: 0;
}
.navigation_console .navigation_console_tab .navigation_alert_icon::after {
  content: "";
  background-color: #e85b5b;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 14px;
  border: 1px solid white;
  border-radius: 8px;
}
.navigation_console .navigation_tab_content {
  background-color: white;
  border-radius: 0 0 6px 6px;
  padding: 1rem;
}
@media (max-width: 52em) {
  .navigation_console .navigation_tab_content.xs-sm-px1 {
    padding: 1rem 0.5rem;
  }
}
.navigation_console .navigation_tab_content.px0 {
  padding-right: 0;
  padding-left: 0;
}
.navigation_console .navigation_tab_content.pb0 {
  padding-bottom: 0;
}
.dashboard_nav_link {
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.dashboard_nav_link:not(.selected_dashboard_nav_link):not(
    .alert_dashboard_nav_link
  ) {
  background: var(--color-neutral-40);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-secondary-800);
}
.dashboard_nav_link:not(.selected_dashboard_nav_link):not(
    .alert_dashboard_nav_link
  ):hover {
  background: var(--color-neutral-55);
}
.dashboard_nav_link:not(.selected_dashboard_nav_link):not(
    .alert_dashboard_nav_link
  )
  svg
  g:not(.lock-fill),
.dashboard_nav_link:not(.selected_dashboard_nav_link):not(
    .alert_dashboard_nav_link
  )
  svg
  path:not(.lock-fill) {
  fill: var(--color-secondary-800);
}
.dashboard_nav_link.active_dashboard_nav_link:not(
    .selected_dashboard_nav_link
  ):not(.alert_dashboard_nav_link) {
  background: var(--color-neutral-55);
}
.dashboard_nav_link.selected_dashboard_nav_link {
  background: var(--color-primary-700);
  border: 1px solid transparent;
  color: white;
}
.dashboard_nav_link.selected_dashboard_nav_link svg g:not(.lock-fill),
.dashboard_nav_link.selected_dashboard_nav_link svg path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.dashboard_nav_link.selected_dashboard_nav_link:hover,
.dashboard_nav_link.selected_dashboard_nav_link.active_dashboard_nav_link {
  background: var(--color-secondary-800);
}
.dashboard_nav_link.alert_dashboard_nav_link {
  background: var(--color-error-400);
  border: 1px solid transparent;
  color: white;
}
.dashboard_nav_link.alert_dashboard_nav_link svg g:not(.lock-fill),
.dashboard_nav_link.alert_dashboard_nav_link svg path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.dashboard_nav_link.alert_dashboard_nav_link:hover,
.dashboard_nav_link.alert_dashboard_nav_link.active_dashboard_nav_link {
  background: var(--color-error-500);
}
.partner_work_order_overview_wrapper .partner_work_order_overview_card {
  top: -18px;
  right: -30px;
}
@media (min-width: 64em) {
  .partner_work_order_overview_wrapper .partner_work_order_overview_card {
    top: -20px;
    right: -230px;
  }
}
#partner_user_header:hover #partner_user_header_dropdown {
  display: block;
}
.light_navigation_tab {
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  color: var(--color-secondary-800);
}
.light_navigation_tab svg g:not(.lock-fill),
.light_navigation_tab svg path:not(.lock-fill) {
  fill: var(--color-secondary-800);
}
.light_navigation_tab:not(.selected_tab) {
  padding-top: 1px;
  padding-left: 17px;
  padding-right: 25px;
  color: var(--svg-secondary-700);
  border-bottom: 1px solid var(--color-neutral-40);
}
.light_navigation_tab:not(.selected_tab) svg g:not(.lock-fill),
.light_navigation_tab:not(.selected_tab) svg path:not(.lock-fill) {
  fill: var(--svg-secondary-700);
}
.light_navigation_tab:not(.selected_tab):hover {
  background-color: var(--color-neutral-55);
  border-color: var(--color-neutral-55);
}
.light_navigation_tab.selected_tab {
  padding-left: 16px;
  padding-right: 24px;
  padding-bottom: 1px;
  border-left: 1px solid var(--color-neutral-55);
  border-right: 1px solid var(--color-neutral-55);
  border-top: 1px solid var(--color-neutral-55);
}
.light_navigation_tab.wide_navigation_tab:not(.selected_tab) {
  padding-left: 25px;
  padding-right: 33px;
}
.light_navigation_tab.wide_navigation_tab.selected_tab {
  padding-left: 24px;
  padding-right: 32px;
}
.selected_pill.brief_nav_pill {
  background: var(--color-info-500);
}
.selected_pill .brief_nav_text {
  color: white;
  font-weight: 600;
}
.selected_pill svg path.icon-fill {
  fill: white;
}
.unselected_pill.brief_nav_pill {
  background: var(--color-neutral-55);
}
.unselected_pill .brief_nav_text {
  color: #9da5ad;
}
.selected_pill.brief_nav_pill {
  border-radius: 4px 4px 0 0;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
}
.selected_pill.sidebar_pill.brief_nav_pill,
.unselected_pill.brief_nav_pill {
  border-radius: 4px;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.app_third_party_layout .dashboard_sidebar_link {
  cursor: pointer;
}
.app_third_party_layout
  .dashboard_sidebar_link.sidebar_alert_link
  svg
  g:not(.lock-fill),
.app_third_party_layout
  .dashboard_sidebar_link.sidebar_alert_link
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.app_third_party_layout .dashboard_sidebar_link.sidebar_alert_link i,
.app_third_party_layout .dashboard_sidebar_link.sidebar_alert_link p {
  color: white;
}
.app_third_party_layout
  .dashboard_sidebar_link.sidebar_alert_link:not(.active) {
  background: #e85b5b;
}
.app_third_party_layout
  .dashboard_sidebar_link.sidebar_alert_link:not(.active):hover,
.app_third_party_layout .dashboard_sidebar_link.sidebar_alert_link.active {
  background: var(--color-error-500);
}
.app_third_party_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active) {
  background: var(--color-neutral-40);
  border: 1px solid var(--color-neutral-55);
}
.app_third_party_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active)
  svg
  g:not(.lock-fill),
.app_third_party_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active)
  svg
  path:not(.lock-fill) {
  fill: var(--color-secondary-700);
}
.app_third_party_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active):hover {
  background: var(--color-neutral-55);
}
.app_third_party_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link) {
  background: var(--color-primary-700);
}
.app_third_party_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  svg
  g:not(.lock-fill),
.app_third_party_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.app_third_party_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  i,
.app_third_party_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  p {
  color: var(--color-neutral-0);
}
.app_client_layout .dashboard_sidebar_link {
  cursor: pointer;
}
.app_client_layout
  .dashboard_sidebar_link.sidebar_alert_link
  svg
  g:not(.lock-fill),
.app_client_layout
  .dashboard_sidebar_link.sidebar_alert_link
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.app_client_layout .dashboard_sidebar_link.sidebar_alert_link i,
.app_client_layout .dashboard_sidebar_link.sidebar_alert_link p {
  color: var(--color-neutral-0);
}
.app_client_layout .dashboard_sidebar_link.sidebar_alert_link:not(.active) {
  background: var(--color-error-500);
}
.app_client_layout
  .dashboard_sidebar_link.sidebar_alert_link:not(.active):hover,
.app_client_layout .dashboard_sidebar_link.sidebar_alert_link.active {
  background: var(--color-error-600);
}
.app_client_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active) {
  background: var(--color-neutral-40);
  border: 1px solid var(--color-neutral-55);
}
.app_client_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active)
  svg
  g:not(.lock-fill),
.app_client_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active)
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-800);
}
.app_client_layout
  .dashboard_sidebar_link:not(.sidebar_alert_link):not(.active):hover {
  background: var(--color-neutral-55);
}
.app_client_layout .dashboard_sidebar_link.active:not(.sidebar_alert_link) {
  background: var(--color-primary-700);
}
.app_client_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  svg
  g:not(.lock-fill),
.app_client_layout
  .dashboard_sidebar_link.active:not(.sidebar_alert_link)
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.app_client_layout .dashboard_sidebar_link.active:not(.sidebar_alert_link) i,
.app_client_layout .dashboard_sidebar_link.active:not(.sidebar_alert_link) p {
  color: var(--color-neutral-0);
}
.project_notes_container .options_container {
  top: 94%;
  left: -1px;
  right: -1px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--color-neutral-55);
  box-shadow: 0 4px 4px 0 rgba(130, 130, 130, 0.5);
}
.project_notes_container .options_container.upwards_options {
  top: initial;
  bottom: 92%;
  border-width: 1px 1px 0 1px;
  box-shadow: 0 -4px 4px 0 rgba(130, 130, 130, 0.3);
}
.project_notes_container .toggle_options_container.open {
  box-shadow: 0px 2px 4px 0 rgba(130, 130, 130, 0.5);
}
.project_notes_container .toggle_options_container.open.upwards_options {
  box-shadow: 0px -2px 4px 0 rgba(130, 130, 130, 0.3);
}
.project_notes_container:not(.muted-note-tags) .tag_option.unselected,
.project_notes_container:not(.muted-note-tags) .filter_option {
  color: var(--color-neutral-800);
}
.project_notes_container:not(.muted-note-tags) .tag_option.unselected:hover,
.project_notes_container:not(.muted-note-tags) .filter_option:hover {
  background: var(--color-neutral-55);
  color: var(--color-neutral-400);
}
.project_notes_container:not(.muted-note-tags) .tag_option.selected {
  background: var(--color-info-400);
}
.project_notes_container:not(.muted-note-tags) .tag_option.selected p {
  color: white;
  font-weight: 600;
}
.project_notes_container.muted-note-tags .tag_option.unselected,
.project_notes_container.muted-note-tags .filter_option {
  color: #9da5ad;
}
.project_notes_container.muted-note-tags .tag_option.unselected:hover,
.project_notes_container.muted-note-tags .filter_option:hover {
  background: var(--color-neutral-15);
}
.project_notes_container.muted-note-tags .tag_option.unselected:hover p,
.project_notes_container.muted-note-tags .filter_option:hover p {
  font-weight: 600;
}
.project_notes_container.muted-note-tags .tag_option.selected {
  background: var(--color-neutral-55);
}
.project_notes_container.muted-note-tags .tag_option.selected p {
  color: var(--color-neutral-400);
  font-weight: 600;
}
.project_notes_container.muted-note-tags .tag_option.selected i {
  color: var(--color-neutral-800);
}
.project_notes_container .markdown_container h1,
.project_notes_container .markdown_container h2,
.project_notes_container .markdown_container h3,
.project_notes_container .markdown_container h4,
.project_notes_container .markdown_container h5,
.project_notes_container .markdown_container h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.project_notes_container .markdown_container li {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.project_notes_container .markdown_container ul,
.project_notes_container .markdown_container ol {
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 30px;
}
.project_notes_container .markdown_container p {
  margin: 0;
}
.project_notes_container .markdown_container p.markdown-line-break {
  margin-bottom: 0.5rem;
}
.project_notes_container .markdown_container p strong {
  font-weight: 600;
}
.project_notes_container .markdown_container.h6 h1,
.project_notes_container .markdown_container.h6 h2,
.project_notes_container .markdown_container.h6 h3,
.project_notes_container .markdown_container.h6 h4,
.project_notes_container .markdown_container.h6 h5,
.project_notes_container .markdown_container.h6 h6,
.project_notes_container .markdown_container.h6 p,
.project_notes_container .markdown_container.h6 li,
.project_notes_container .markdown_container.h6 ul,
.project_notes_container .markdown_container.h6 ol {
  font-size: 0.9rem;
  font-weight: 400;
}
input[type="range"] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type="range"]:focus {
  outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  border-radius: 1.3px;
}
input[type="range"]::-webkit-slider-thumb {
  height: 36px;
  width: 16px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  border-radius: 1.3px;
}
input[type="range"]::-moz-range-thumb {
  height: 36px;
  width: 16px;
  border-radius: 3px;
  cursor: pointer;
}
input[type="range"]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  color: transparent;
}
input[type="range"]::-ms-fill-lower {
  border-radius: 2.6px;
}
input[type="range"]::-ms-fill-upper {
  border-radius: 2.6px;
}
input[type="range"]::-ms-thumb {
  height: 36px;
  width: 16px;
  border-radius: 3px;
  cursor: pointer;
}
#client-design-setup-answers input[type="range"] {
  background: none !important;
  border-style: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
#client-design-setup-answers
  input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]:disabled::-ms-thumb {
  border-color: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]:disabled::-moz-range-thumb {
  border-color: #dfdfe2 !important;
}
#client-design-setup-answers
  input[type="range"]::-webkit-slider-runnable-track {
  background: #dfdfe2 !important;
  height: 6px !important;
}
#client-design-setup-answers
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #dfdfe2 !important;
  height: 6px !important;
}
#client-design-setup-answers input[type="range"]::-ms-fill-lower {
  background: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]::-ms-fill-upper {
  background: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]:focus::-ms-fill-lower {
  background: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]:focus::-ms-fill-upper {
  background: #dfdfe2 !important;
}
#client-design-setup-answers input[type="range"]::-webkit-slider-thumb {
  background-color: #fafafa !important;
  border-style: solid !important;
  height: 24px !important;
  width: 24px !important;
  border-radius: 24px !important;
  border: solid !important;
  border-color: #3e3168 !important;
  border-width: 2px !important;
  border-radius: 24px !important;
  margin-top: -9px !important;
  box-shadow: 0px 1px 2px 0px #213a6a40 !important;
}
#client-design-setup-answers input[type="range"]::-ms-thumb {
  background-color: #fafafa !important;
  border-color: #3e3168 !important;
  border-style: solid !important;
  height: 24px !important;
  width: 24px !important;
  border-radius: 24px !important;
  border-width: 2px !important;
  margin-top: -9px !important;
  box-shadow: 0px 1px 2px 0px #213a6a40 !important;
}
#client-design-setup-answers input[type="range"]::-moz-range-thumb {
  background-color: #fafafa !important;
  border-color: #3e3168 !important;
  border-style: solid !important;
  border-radius: 24px !important;
  border-width: 2px !important;
  height: 24px !important;
  width: 24px !important;
  margin-top: -9px !important;
  box-shadow: 0px 1px 2px 0px #213a6a40 !important;
}
#client-design-setup-answers
  input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #dfdfe2 !important;
}
#admin_brief_setup_container
  input[type="range"]::-webkit-slider-runnable-track {
  background: #cad1d9 !important;
  height: 2px !important;
}
#admin_brief_setup_container
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #cad1d9 !important;
  height: 2px !important;
}
#admin_brief_setup_container input[type="range"]::-ms-fill-lower {
  background: #cad1d9 !important;
}
#admin_brief_setup_container input[type="range"]::-ms-fill-upper {
  background: #cad1d9 !important;
}
#admin_brief_setup_container input[type="range"]:focus::-ms-fill-lower {
  background: #cad1d9 !important;
}
#admin_brief_setup_container input[type="range"]:focus::-ms-fill-upper {
  background: #cad1d9 !important;
}
#admin_brief_setup_container input[type="range"]::-webkit-slider-thumb {
  background: #8697a5 !important;
  border: none !important;
  border-radius: 10px !important;
  height: 30px !important;
}
#admin_brief_setup_container input[type="range"]::-ms-thumb {
  background: #8697a5 !important;
  border: none !important;
  border-radius: 10px !important;
  height: 30px !important;
}
#admin_brief_setup_container input[type="range"]::-moz-range-thumb {
  background: #8697a5 !important;
  border: none !important;
  border-radius: 10px !important;
  height: 30px !important;
}
.range_slider_container .range-slider input {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  margin: 21px 0 !important;
}
.range_slider_container .range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
}
.range_slider_container .pseudo-track {
  border-top: 2px solid white;
}
.range_slider_container input[type="range"]::-webkit-slider-runnable-track {
  box-shadow: none !important;
  border: none !important;
}
.range_slider_container input[type="range"]::-moz-range-track {
  visibility: hidden;
}
.range_slider_container input[type="range"]::-ms-fill-lower {
  box-shadow: none !important;
  border: none !important;
}
.range_slider_container input[type="range"]::-ms-fill-upper {
  box-shadow: none !important;
  border: none !important;
}
.range_slider_container input[type="range"]::-webkit-slider-thumb {
  box-shadow: none !important;
}
.range_slider_container input[type="range"]::-ms-thumb {
  box-shadow: none !important;
}
.range_slider_container input[type="range"]::-moz-range-thumb {
  box-shadow: none !important;
}
.range-slider-container input[type="range"]::-webkit-slider-runnable-track {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]::-moz-range-track {
  background: #dfdfe2;
}
.range-slider-container
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]::-ms-fill-lower {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]::-ms-fill-upper {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]:focus::-ms-fill-lower {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]:focus::-ms-fill-upper {
  background: #dfdfe2;
}
.range-slider-container input[type="range"]::-moz-focus-outer {
  border: 0;
}
.range-slider-container input[type="range"]::-webkit-slider-runnable-track {
  box-shadow: none;
  border: none;
  height: 6px;
  border-radius: 4px;
}
.range-slider-container input[type="range"]::-moz-range-track {
  box-shadow: none;
  border: none;
  height: 6px;
  border-radius: 4px;
}
.range-slider-container input[type="range"]::-ms-track {
  box-shadow: none;
  border: none;
  height: 6px;
  border-radius: 4px;
}
.range-slider-container input[type="range"]::-ms-fill-lower {
  box-shadow: none;
  border: none;
}
.range-slider-container input[type="range"]::-ms-fill-upper {
  box-shadow: none;
  border: none;
}
.range-slider-container input[type="range"]::-webkit-slider-thumb {
  background-color: #fafafa;
  border-color: #3e3168;
  border-style: solid;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  border-width: 2px;
  margin-top: -9px;
}
.range-slider-container input[type="range"]::-ms-thumb {
  background-color: #fafafa;
  border-color: #3e3168;
  border-style: solid;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  border-width: 2px;
  margin-top: -9px;
}
.range-slider-container input[type="range"]::-moz-range-thumb {
  background-color: #fafafa;
  border-color: #3e3168;
  border-style: solid;
  height: 24px;
  width: 24px;
  border-radius: 24px;
  border-width: 2px;
  margin-top: -9px;
}
.range-slider-container input[type="range"] + .thumb {
  font-family: "Mabry Pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  position: absolute;
  left: 0px;
  top: -20px;
  width: 32px;
  text-align: center;
  color: #3e3168;
}
.range-slider-container input[type="range"] + .thumb::before {
  content: attr(data-val) " ";
  pointer-events: none;
}
#happy_home_slider_container
  input[type="range"]::-webkit-slider-runnable-track {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]::-moz-range-track {
  background: #ffffff !important;
}
#happy_home_slider_container
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]::-ms-fill-lower {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]::-ms-fill-upper {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]:focus::-ms-fill-lower {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]:focus::-ms-fill-upper {
  background: #ffffff !important;
}
#happy_home_slider_container input[type="range"]::-moz-focus-outer {
  border: 0;
}
#happy_home_slider_container
  input[type="range"]::-webkit-slider-runnable-track {
  box-shadow: none !important;
  border: none !important;
  height: 2px !important;
  border-radius: 4px;
}
#happy_home_slider_container input[type="range"]::-moz-range-track {
  box-shadow: none !important;
  border: none !important;
  height: 2px !important;
  border-radius: 4px;
}
#happy_home_slider_container input[type="range"]::-ms-track {
  box-shadow: none !important;
  border: none !important;
  height: 2px !important;
  border-radius: 4px;
}
#happy_home_slider_container input[type="range"]::-ms-fill-lower {
  box-shadow: none !important;
  border: none !important;
}
#happy_home_slider_container input[type="range"]::-ms-fill-upper {
  box-shadow: none !important;
  border: none !important;
}
#happy_home_slider_container input[type="range"]::-webkit-slider-thumb {
  background: #ffffff;
}
#happy_home_slider_container input[type="range"]::-ms-thumb {
  background: #ffffff;
}
#happy_home_slider_container input[type="range"]::-moz-range-thumb {
  background: #ffffff;
}
#happy_home_slider_container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
}
#happy_home_slider_container input[type="range"]::-ms-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
}
#happy_home_slider_container input[type="range"]::-moz-range-thumb {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 0;
}
#happy_home_slider_container
  input.active[type="range"]
  + #home_sat_range_thumb {
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  position: absolute;
  left: 0px;
  top: -20px;
  width: 32px;
  text-align: center;
  color: #ffffff;
}
#happy_home_slider_container
  input.active[type="range"]
  + #home_sat_range_thumb::before {
  content: attr(data-val) " ";
  pointer-events: none;
}
#valuations_tool_slider_container input[type="range"] {
  background: var(--color-neutral-15) !important;
}
#valuations_tool_slider_container
  input[type="range"]::-webkit-slider-runnable-track {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]::-moz-range-track {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container
  input[type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]::-ms-fill-lower {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]::-ms-fill-upper {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]:focus::-ms-fill-lower {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]:focus::-ms-fill-upper {
  background: var(--color-neutral-55) !important;
}
#valuations_tool_slider_container input[type="range"]::-moz-focus-outer {
  border: 0;
}
#valuations_tool_slider_container
  input[type="range"]::-webkit-slider-runnable-track {
  box-shadow: none !important;
  border: none !important;
  height: 4px !important;
  border-radius: 4px;
}
#valuations_tool_slider_container input[type="range"]::-moz-range-track {
  box-shadow: none !important;
  border: none !important;
  height: 4px !important;
  border-radius: 4px;
}
#valuations_tool_slider_container input[type="range"]::-ms-track {
  box-shadow: none !important;
  border: none !important;
  height: 4px !important;
  border-radius: 4px;
}
#valuations_tool_slider_container input[type="range"]::-ms-fill-lower {
  box-shadow: none !important;
  border: none !important;
}
#valuations_tool_slider_container input[type="range"]::-ms-fill-upper {
  box-shadow: none !important;
  border: none !important;
}
#valuations_tool_slider_container input[type="range"]::-webkit-slider-thumb {
  background: var(--color-neutral-15);
  border: 2px solid #8697a5;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#valuations_tool_slider_container input[type="range"]::-ms-thumb {
  background: var(--color-neutral-15);
  border: 2px solid #8697a5;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#valuations_tool_slider_container input[type="range"]::-moz-range-thumb {
  background: var(--color-neutral-15);
  border: 2px solid #8697a5;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#valuations_tool_slider_container input[type="range"]::-webkit-slider-thumb {
  height: 26px;
  width: 26px;
  border-radius: 100px;
  margin-top: -12px;
}
#valuations_tool_slider_container input[type="range"]::-ms-thumb {
  height: 26px;
  width: 26px;
  border-radius: 100px;
  margin-top: -12px;
}
#valuations_tool_slider_container input[type="range"]::-moz-range-thumb {
  height: 26px;
  width: 26px;
  border-radius: 100px;
  margin-top: -12px;
}
.scrapbook_image {
  position: relative;
}
.scrapbook_image:after {
  content: "\A";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
}
.scrapbook_image:hover:after {
  opacity: 1;
}
.scrapbook_image:hover .scrapbook_description {
  display: block;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
  color: #ffffff;
  text-shadow: 1px 0px 1px #000000;
}
@media (hover: hover) and (pointer: fine) {
  .scrapbook_image .scrapbook_buttons {
    display: none;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
  }
  .scrapbook_image:hover .scrapbook_buttons {
    z-index: 2;
    display: block;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
  }
}
#image-swiper .swiper {
  --swiper-navigation-size: 32px;
  --swiper-theme-color: #ccc7c7;
  --swiper-navigation-sides-offset: 32px;
}
#image-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#scrapbook_slider .style_link span {
  color: #dfdfe2;
}
#scrapbook_slider .style_link svg g:not(.lock-fill),
#scrapbook_slider .style_link svg path:not(.lock-fill) {
  fill: #dfdfe2;
}
#scrapbook_slider .style_link.selected_style .style_icon {
  background: #1d1d20;
}
#scrapbook_slider .style_link.selected_style span {
  color: #ffffff;
}
#scrapbook_slider .style_link.selected_style svg g:not(.lock-fill),
#scrapbook_slider .style_link.selected_style svg path:not(.lock-fill) {
  fill: #ffffff;
}
#scrapbook_slider .swiper-pagination {
  --swiper-pagination-right: auto;
  --swiper-pagination-bottom: 16px;
}
#scrapbook_slider .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-vertical-gap: 4px;
}
#scrapbook_slider .swiper-pagination-bullet-active {
  opacity: 1;
  --swiper-pagination-bullet-size: 8px;
}
#style-swiper {
  --swiper-navigation-size: 20px;
  --swiper-theme-color: #ccc7c7;
  --swiper-navigation-sides-offset: 20px;
}
#style-swiper .swiper-button-disabled {
  display: none;
}
#style-swiper .swiper-button-prev {
  padding: 30px 20px 30px 10px;
  left: 0;
  background: black;
  background: linear-gradient(90deg, black 53%, rgba(0, 0, 0, 0) 93%);
}
#style-swiper .swiper-button-next {
  padding: 30px 10px 30px 20px;
  right: 0;
  background: black;
  background: linear-gradient(270deg, black 53%, rgba(0, 0, 0, 0) 93%);
}
#style-swiper .swiper-button-prev,
#style-swiper .swiper-button-next {
  margin-top: -40px;
}
#style-swiper .swiper-button-prev:after,
#style-swiper .swiper-button-next:after {
  font-weight: 700;
}
.slide-in {
  z-index: 10;
  position: absolute;
}
.slide-in.from-left {
  left: 0;
}
.slide-in.from-right {
  right: 0;
}
.slide-in-content {
  transition: transform 0.5s ease;
}
.slide-in.from-left .slide-in-content {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.slide-in.from-right .slide-in-content {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.slide-in.show .slide-in-content {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.gap0 {
  gap: 0rem;
}
.rowgap0 {
  row-gap: 0rem;
}
.colgap0 {
  column-gap: 0rem;
}
.mnt0 {
  margin-top: 0rem;
}
.mnb0 {
  margin-bottom: 0rem;
}
.mnl0 {
  margin-left: 0rem;
}
.mnr0 {
  margin-right: 0rem;
}
.mnx0 {
  margin-left: 0rem;
  margin-right: 0rem;
}
.gap1 {
  gap: 0.5rem;
}
.rowgap1 {
  row-gap: 0.5rem;
}
.colgap1 {
  column-gap: 0.5rem;
}
.mnt1 {
  margin-top: -0.5rem;
}
.mnb1 {
  margin-bottom: -0.5rem;
}
.mnl1 {
  margin-left: -0.5rem;
}
.mnr1 {
  margin-right: -0.5rem;
}
.mnx1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.gap2 {
  gap: 1rem;
}
.rowgap2 {
  row-gap: 1rem;
}
.colgap2 {
  column-gap: 1rem;
}
.mnt2 {
  margin-top: -1rem;
}
.mnb2 {
  margin-bottom: -1rem;
}
.mnl2 {
  margin-left: -1rem;
}
.mnr2 {
  margin-right: -1rem;
}
.mnx2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.gap3 {
  gap: 2rem;
}
.rowgap3 {
  row-gap: 2rem;
}
.colgap3 {
  column-gap: 2rem;
}
.mnt3 {
  margin-top: -2rem;
}
.mnb3 {
  margin-bottom: -2rem;
}
.mnl3 {
  margin-left: -2rem;
}
.mnr3 {
  margin-right: -2rem;
}
.mnx3 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.gap4 {
  gap: 4rem;
}
.rowgap4 {
  row-gap: 4rem;
}
.colgap4 {
  column-gap: 4rem;
}
.mnt4 {
  margin-top: -4rem;
}
.mnb4 {
  margin-bottom: -4rem;
}
.mnl4 {
  margin-left: -4rem;
}
.mnr4 {
  margin-right: -4rem;
}
.mnx4 {
  margin-left: -4rem;
  margin-right: -4rem;
}
.gap5 {
  gap: 8rem;
}
.rowgap5 {
  row-gap: 8rem;
}
.colgap5 {
  column-gap: 8rem;
}
.mnt5 {
  margin-top: -8rem;
}
.mnb5 {
  margin-bottom: -8rem;
}
.mnl5 {
  margin-left: -8rem;
}
.mnr5 {
  margin-right: -8rem;
}
.mnx5 {
  margin-left: -8rem;
  margin-right: -8rem;
}
.gap0-5 {
  gap: 0.25rem;
}
.rowgap0-5 {
  row-gap: 0.25rem;
}
.colgap0-5 {
  column-gap: 0.25rem;
}
.mnt0-5 {
  margin-top: -0.25rem;
}
.mnb0-5 {
  margin-bottom: -0.25rem;
}
.mnl0-5 {
  margin-left: -0.25rem;
}
.mnr0-5 {
  margin-right: -0.25rem;
}
.mnx0-5 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.gap1-5 {
  gap: 0.75rem;
}
.rowgap1-5 {
  row-gap: 0.75rem;
}
.colgap1-5 {
  column-gap: 0.75rem;
}
.mnt1-5 {
  margin-top: -0.75rem;
}
.mnb1-5 {
  margin-bottom: -0.75rem;
}
.mnl1-5 {
  margin-left: -0.75rem;
}
.mnr1-5 {
  margin-right: -0.75rem;
}
.mnx1-5 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.gap2-25 {
  gap: 1.25rem;
}
.rowgap2-25 {
  row-gap: 1.25rem;
}
.colgap2-25 {
  column-gap: 1.25rem;
}
.mnt2-25 {
  margin-top: -1.25rem;
}
.mnb2-25 {
  margin-bottom: -1.25rem;
}
.mnl2-25 {
  margin-left: -1.25rem;
}
.mnr2-25 {
  margin-right: -1.25rem;
}
.mnx2-25 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.gap2-5 {
  gap: 1.5rem;
}
.rowgap2-5 {
  row-gap: 1.5rem;
}
.colgap2-5 {
  column-gap: 1.5rem;
}
.mnt2-5 {
  margin-top: -1.5rem;
}
.mnb2-5 {
  margin-bottom: -1.5rem;
}
.mnl2-5 {
  margin-left: -1.5rem;
}
.mnr2-5 {
  margin-right: -1.5rem;
}
.mnx2-5 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.gap2-75 {
  gap: 1.75rem;
}
.rowgap2-75 {
  row-gap: 1.75rem;
}
.colgap2-75 {
  column-gap: 1.75rem;
}
.mnt2-75 {
  margin-top: -1.75rem;
}
.mnb2-75 {
  margin-bottom: -1.75rem;
}
.mnl2-75 {
  margin-left: -1.75rem;
}
.mnr2-75 {
  margin-right: -1.75rem;
}
.mnx2-75 {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}
.gap3-25 {
  gap: 2.5rem;
}
.rowgap3-25 {
  row-gap: 2.5rem;
}
.colgap3-25 {
  column-gap: 2.5rem;
}
.mnt3-25 {
  margin-top: -2.5rem;
}
.mnb3-25 {
  margin-bottom: -2.5rem;
}
.mnl3-25 {
  margin-left: -2.5rem;
}
.mnr3-25 {
  margin-right: -2.5rem;
}
.mnx3-25 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.gap3-5 {
  gap: 3rem;
}
.rowgap3-5 {
  row-gap: 3rem;
}
.colgap3-5 {
  column-gap: 3rem;
}
.mnt3-5 {
  margin-top: -3rem;
}
.mnb3-5 {
  margin-bottom: -3rem;
}
.mnl3-5 {
  margin-left: -3rem;
}
.mnr3-5 {
  margin-right: -3rem;
}
.mnx3-5 {
  margin-left: -3rem;
  margin-right: -3rem;
}
.gap3-75 {
  gap: 3.5rem;
}
.rowgap3-75 {
  row-gap: 3.5rem;
}
.colgap3-75 {
  column-gap: 3.5rem;
}
.mnt3-75 {
  margin-top: -3.5rem;
}
.mnb3-75 {
  margin-bottom: -3.5rem;
}
.mnl3-75 {
  margin-left: -3.5rem;
}
.mnr3-75 {
  margin-right: -3.5rem;
}
.mnx3-75 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
.gap4-5 {
  gap: 5rem;
}
.rowgap4-5 {
  row-gap: 5rem;
}
.colgap4-5 {
  column-gap: 5rem;
}
.mnt4-5 {
  margin-top: -5rem;
}
.mnb4-5 {
  margin-bottom: -5rem;
}
.mnl4-5 {
  margin-left: -5rem;
}
.mnr4-5 {
  margin-right: -5rem;
}
.mnx4-5 {
  margin-left: -5rem;
  margin-right: -5rem;
}
.gap4-75 {
  gap: 6.25rem;
}
.rowgap4-75 {
  row-gap: 6.25rem;
}
.colgap4-75 {
  column-gap: 6.25rem;
}
.mnt4-75 {
  margin-top: -6.25rem;
}
.mnb4-75 {
  margin-bottom: -6.25rem;
}
.mnl4-75 {
  margin-left: -6.25rem;
}
.mnr4-75 {
  margin-right: -6.25rem;
}
.mnx4-75 {
  margin-left: -6.25rem;
  margin-right: -6.25rem;
}
.gap5-5 {
  gap: 10rem;
}
.rowgap5-5 {
  row-gap: 10rem;
}
.colgap5-5 {
  column-gap: 10rem;
}
.mnt5-5 {
  margin-top: -10rem;
}
.mnb5-5 {
  margin-bottom: -10rem;
}
.mnl5-5 {
  margin-left: -10rem;
}
.mnr5-5 {
  margin-right: -10rem;
}
.mnx5-5 {
  margin-left: -10rem;
  margin-right: -10rem;
}
.gap5-75 {
  gap: 12.5rem;
}
.rowgap5-75 {
  row-gap: 12.5rem;
}
.colgap5-75 {
  column-gap: 12.5rem;
}
.mnt5-75 {
  margin-top: -12.5rem;
}
.mnb5-75 {
  margin-bottom: -12.5rem;
}
.mnl5-75 {
  margin-left: -12.5rem;
}
.mnr5-75 {
  margin-right: -12.5rem;
}
.mnx5-75 {
  margin-left: -12.5rem;
  margin-right: -12.5rem;
}
.gap6 {
  gap: 15rem;
}
.rowgap6 {
  row-gap: 15rem;
}
.colgap6 {
  column-gap: 15rem;
}
.mnt6 {
  margin-top: -15rem;
}
.mnb6 {
  margin-bottom: -15rem;
}
.mnl6 {
  margin-left: -15rem;
}
.mnr6 {
  margin-right: -15rem;
}
.mnx6 {
  margin-left: -15rem;
  margin-right: -15rem;
}
.p0 {
  padding: 0rem;
}
.px0 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.py0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.pl0 {
  padding-left: 0rem;
}
.pr0 {
  padding-right: 0rem;
}
.pt0 {
  padding-top: 0rem;
}
.pb0 {
  padding-bottom: 0rem;
}
.mx0 {
  margin-left: 0rem;
  margin-right: 0rem;
}
.my0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.ml0 {
  margin-left: 0rem;
}
.mr0 {
  margin-right: 0rem;
}
.mt0 {
  margin-top: 0rem;
}
.mb0 {
  margin-bottom: 0rem;
}
.p1 {
  padding: 0.5rem;
}
.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pl1 {
  padding-left: 0.5rem;
}
.pr1 {
  padding-right: 0.5rem;
}
.pt1 {
  padding-top: 0.5rem;
}
.pb1 {
  padding-bottom: 0.5rem;
}
.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ml1 {
  margin-left: 0.5rem;
}
.mr1 {
  margin-right: 0.5rem;
}
.mt1 {
  margin-top: 0.5rem;
}
.mb1 {
  margin-bottom: 0.5rem;
}
.p2 {
  padding: 1rem;
}
.px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pl2 {
  padding-left: 1rem;
}
.pr2 {
  padding-right: 1rem;
}
.pt2 {
  padding-top: 1rem;
}
.pb2 {
  padding-bottom: 1rem;
}
.mx2 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ml2 {
  margin-left: 1rem;
}
.mr2 {
  margin-right: 1rem;
}
.mt2 {
  margin-top: 1rem;
}
.mb2 {
  margin-bottom: 1rem;
}
.p3 {
  padding: 2rem;
}
.px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pl3 {
  padding-left: 2rem;
}
.pr3 {
  padding-right: 2rem;
}
.pt3 {
  padding-top: 2rem;
}
.pb3 {
  padding-bottom: 2rem;
}
.mx3 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ml3 {
  margin-left: 2rem;
}
.mr3 {
  margin-right: 2rem;
}
.mt3 {
  margin-top: 2rem;
}
.mb3 {
  margin-bottom: 2rem;
}
.p4 {
  padding: 4rem;
}
.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pl4 {
  padding-left: 4rem;
}
.pr4 {
  padding-right: 4rem;
}
.pt4 {
  padding-top: 4rem;
}
.pb4 {
  padding-bottom: 4rem;
}
.mx4 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.ml4 {
  margin-left: 4rem;
}
.mr4 {
  margin-right: 4rem;
}
.mt4 {
  margin-top: 4rem;
}
.mb4 {
  margin-bottom: 4rem;
}
.p5 {
  padding: 8rem;
}
.px5 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.py5 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.pl5 {
  padding-left: 8rem;
}
.pr5 {
  padding-right: 8rem;
}
.pt5 {
  padding-top: 8rem;
}
.pb5 {
  padding-bottom: 8rem;
}
.mx5 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.my5 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.ml5 {
  margin-left: 8rem;
}
.mr5 {
  margin-right: 8rem;
}
.mt5 {
  margin-top: 8rem;
}
.mb5 {
  margin-bottom: 8rem;
}
.p0-5 {
  padding: 0.25rem;
}
.px0-5 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py0-5 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pl0-5 {
  padding-left: 0.25rem;
}
.pr0-5 {
  padding-right: 0.25rem;
}
.pt0-5 {
  padding-top: 0.25rem;
}
.pb0-5 {
  padding-bottom: 0.25rem;
}
.mx0-5 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my0-5 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.ml0-5 {
  margin-left: 0.25rem;
}
.mr0-5 {
  margin-right: 0.25rem;
}
.mt0-5 {
  margin-top: 0.25rem;
}
.mb0-5 {
  margin-bottom: 0.25rem;
}
.p1-5 {
  padding: 0.75rem;
}
.px1-5 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py1-5 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pl1-5 {
  padding-left: 0.75rem;
}
.pr1-5 {
  padding-right: 0.75rem;
}
.pt1-5 {
  padding-top: 0.75rem;
}
.pb1-5 {
  padding-bottom: 0.75rem;
}
.mx1-5 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my1-5 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.ml1-5 {
  margin-left: 0.75rem;
}
.mr1-5 {
  margin-right: 0.75rem;
}
.mt1-5 {
  margin-top: 0.75rem;
}
.mb1-5 {
  margin-bottom: 0.75rem;
}
.p2-25 {
  padding: 1.25rem;
}
.px2-25 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py2-25 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pl2-25 {
  padding-left: 1.25rem;
}
.pr2-25 {
  padding-right: 1.25rem;
}
.pt2-25 {
  padding-top: 1.25rem;
}
.pb2-25 {
  padding-bottom: 1.25rem;
}
.mx2-25 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my2-25 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.ml2-25 {
  margin-left: 1.25rem;
}
.mr2-25 {
  margin-right: 1.25rem;
}
.mt2-25 {
  margin-top: 1.25rem;
}
.mb2-25 {
  margin-bottom: 1.25rem;
}
.p2-5 {
  padding: 1.5rem;
}
.px2-5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py2-5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pl2-5 {
  padding-left: 1.5rem;
}
.pr2-5 {
  padding-right: 1.5rem;
}
.pt2-5 {
  padding-top: 1.5rem;
}
.pb2-5 {
  padding-bottom: 1.5rem;
}
.mx2-5 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my2-5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ml2-5 {
  margin-left: 1.5rem;
}
.mr2-5 {
  margin-right: 1.5rem;
}
.mt2-5 {
  margin-top: 1.5rem;
}
.mb2-5 {
  margin-bottom: 1.5rem;
}
.p2-75 {
  padding: 1.75rem;
}
.px2-75 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.py2-75 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.pl2-75 {
  padding-left: 1.75rem;
}
.pr2-75 {
  padding-right: 1.75rem;
}
.pt2-75 {
  padding-top: 1.75rem;
}
.pb2-75 {
  padding-bottom: 1.75rem;
}
.mx2-75 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.my2-75 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.ml2-75 {
  margin-left: 1.75rem;
}
.mr2-75 {
  margin-right: 1.75rem;
}
.mt2-75 {
  margin-top: 1.75rem;
}
.mb2-75 {
  margin-bottom: 1.75rem;
}
.p3-25 {
  padding: 2.5rem;
}
.px3-25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py3-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.pl3-25 {
  padding-left: 2.5rem;
}
.pr3-25 {
  padding-right: 2.5rem;
}
.pt3-25 {
  padding-top: 2.5rem;
}
.pb3-25 {
  padding-bottom: 2.5rem;
}
.mx3-25 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my3-25 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.ml3-25 {
  margin-left: 2.5rem;
}
.mr3-25 {
  margin-right: 2.5rem;
}
.mt3-25 {
  margin-top: 2.5rem;
}
.mb3-25 {
  margin-bottom: 2.5rem;
}
.p3-5 {
  padding: 3rem;
}
.px3-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py3-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.pl3-5 {
  padding-left: 3rem;
}
.pr3-5 {
  padding-right: 3rem;
}
.pt3-5 {
  padding-top: 3rem;
}
.pb3-5 {
  padding-bottom: 3rem;
}
.mx3-5 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my3-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ml3-5 {
  margin-left: 3rem;
}
.mr3-5 {
  margin-right: 3rem;
}
.mt3-5 {
  margin-top: 3rem;
}
.mb3-5 {
  margin-bottom: 3rem;
}
.p3-75 {
  padding: 3.5rem;
}
.px3-75 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.py3-75 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.pl3-75 {
  padding-left: 3.5rem;
}
.pr3-75 {
  padding-right: 3.5rem;
}
.pt3-75 {
  padding-top: 3.5rem;
}
.pb3-75 {
  padding-bottom: 3.5rem;
}
.mx3-75 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.my3-75 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.ml3-75 {
  margin-left: 3.5rem;
}
.mr3-75 {
  margin-right: 3.5rem;
}
.mt3-75 {
  margin-top: 3.5rem;
}
.mb3-75 {
  margin-bottom: 3.5rem;
}
.p4-5 {
  padding: 5rem;
}
.px4-5 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py4-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.pl4-5 {
  padding-left: 5rem;
}
.pr4-5 {
  padding-right: 5rem;
}
.pt4-5 {
  padding-top: 5rem;
}
.pb4-5 {
  padding-bottom: 5rem;
}
.mx4-5 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.my4-5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.ml4-5 {
  margin-left: 5rem;
}
.mr4-5 {
  margin-right: 5rem;
}
.mt4-5 {
  margin-top: 5rem;
}
.mb4-5 {
  margin-bottom: 5rem;
}
.p4-75 {
  padding: 6.25rem;
}
.px4-75 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.py4-75 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.pl4-75 {
  padding-left: 6.25rem;
}
.pr4-75 {
  padding-right: 6.25rem;
}
.pt4-75 {
  padding-top: 6.25rem;
}
.pb4-75 {
  padding-bottom: 6.25rem;
}
.mx4-75 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}
.my4-75 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.ml4-75 {
  margin-left: 6.25rem;
}
.mr4-75 {
  margin-right: 6.25rem;
}
.mt4-75 {
  margin-top: 6.25rem;
}
.mb4-75 {
  margin-bottom: 6.25rem;
}
.p5-5 {
  padding: 10rem;
}
.px5-5 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.py5-5 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.pl5-5 {
  padding-left: 10rem;
}
.pr5-5 {
  padding-right: 10rem;
}
.pt5-5 {
  padding-top: 10rem;
}
.pb5-5 {
  padding-bottom: 10rem;
}
.mx5-5 {
  margin-left: 10rem;
  margin-right: 10rem;
}
.my5-5 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.ml5-5 {
  margin-left: 10rem;
}
.mr5-5 {
  margin-right: 10rem;
}
.mt5-5 {
  margin-top: 10rem;
}
.mb5-5 {
  margin-bottom: 10rem;
}
.p5-75 {
  padding: 12.5rem;
}
.px5-75 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}
.py5-75 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}
.pl5-75 {
  padding-left: 12.5rem;
}
.pr5-75 {
  padding-right: 12.5rem;
}
.pt5-75 {
  padding-top: 12.5rem;
}
.pb5-75 {
  padding-bottom: 12.5rem;
}
.mx5-75 {
  margin-left: 12.5rem;
  margin-right: 12.5rem;
}
.my5-75 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}
.ml5-75 {
  margin-left: 12.5rem;
}
.mr5-75 {
  margin-right: 12.5rem;
}
.mt5-75 {
  margin-top: 12.5rem;
}
.mb5-75 {
  margin-bottom: 12.5rem;
}
.p6 {
  padding: 15rem;
}
.px6 {
  padding-left: 15rem;
  padding-right: 15rem;
}
.py6 {
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.pl6 {
  padding-left: 15rem;
}
.pr6 {
  padding-right: 15rem;
}
.pt6 {
  padding-top: 15rem;
}
.pb6 {
  padding-bottom: 15rem;
}
.mx6 {
  margin-left: 15rem;
  margin-right: 15rem;
}
.my6 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}
.ml6 {
  margin-left: 15rem;
}
.mr6 {
  margin-right: 15rem;
}
.mt6 {
  margin-top: 15rem;
}
.mb6 {
  margin-bottom: 15rem;
}
@media (min-width: 40em) {
  .sm-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .sm-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm-ml-auto {
    margin-left: auto;
  }
  .sm-mr-auto {
    margin-right: auto;
  }
  .sm-mt-auto {
    margin-top: auto;
  }
  .sm-mb-auto {
    margin-bottom: auto;
  }
  .sm-p0-5 {
    padding: 0.25rem;
  }
  .sm-p1-5 {
    padding: 0.75rem;
  }
  .sm-p2-25 {
    padding: 1.25rem;
  }
  .sm-p2-5 {
    padding: 1.5rem;
  }
  .sm-p2-75 {
    padding: 1.75rem;
  }
  .sm-p3-25 {
    padding: 2.5rem;
  }
  .sm-p3-5 {
    padding: 3rem;
  }
  .sm-p3-75 {
    padding: 3.5rem;
  }
  .sm-p4-5 {
    padding: 5rem;
  }
  .sm-p4-75 {
    padding: 6.25rem;
  }
  .sm-p5-5 {
    padding: 10rem;
  }
  .sm-p5-75 {
    padding: 12.5rem;
  }
  .sm-p6 {
    padding: 15rem;
  }
  .sm-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .sm-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .sm-pl0 {
    padding-left: 0rem;
  }
  .sm-pr0 {
    padding-right: 0rem;
  }
  .sm-pt0 {
    padding-top: 0rem;
  }
  .sm-pb0 {
    padding-bottom: 0rem;
  }
  .sm-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .sm-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .sm-ml0 {
    margin-left: 0rem;
  }
  .sm-mr0 {
    margin-right: 0rem;
  }
  .sm-mt0 {
    margin-top: 0rem;
  }
  .sm-mb0 {
    margin-bottom: 0rem;
  }
  .sm-mnt0 {
    margin-top: 0rem;
  }
  .sm-mnb0 {
    margin-bottom: 0rem;
  }
  .sm-mnl0 {
    margin-left: 0rem;
  }
  .sm-mnr0 {
    margin-right: 0rem;
  }
  .sm-mnx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .sm-gap0 {
    gap: 0rem;
  }
  .sm-rowgap0 {
    row-gap: 0rem;
  }
  .sm-colgap0 {
    column-gap: 0rem;
  }
  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm-pl1 {
    padding-left: 0.5rem;
  }
  .sm-pr1 {
    padding-right: 0.5rem;
  }
  .sm-pt1 {
    padding-top: 0.5rem;
  }
  .sm-pb1 {
    padding-bottom: 0.5rem;
  }
  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-ml1 {
    margin-left: 0.5rem;
  }
  .sm-mr1 {
    margin-right: 0.5rem;
  }
  .sm-mt1 {
    margin-top: 0.5rem;
  }
  .sm-mb1 {
    margin-bottom: 0.5rem;
  }
  .sm-mnt1 {
    margin-top: -0.5rem;
  }
  .sm-mnb1 {
    margin-bottom: -0.5rem;
  }
  .sm-mnl1 {
    margin-left: -0.5rem;
  }
  .sm-mnr1 {
    margin-right: -0.5rem;
  }
  .sm-mnx1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .sm-gap1 {
    gap: 0.5rem;
  }
  .sm-rowgap1 {
    row-gap: 0.5rem;
  }
  .sm-colgap1 {
    column-gap: 0.5rem;
  }
  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-pl2 {
    padding-left: 1rem;
  }
  .sm-pr2 {
    padding-right: 1rem;
  }
  .sm-pt2 {
    padding-top: 1rem;
  }
  .sm-pb2 {
    padding-bottom: 1rem;
  }
  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm-ml2 {
    margin-left: 1rem;
  }
  .sm-mr2 {
    margin-right: 1rem;
  }
  .sm-mt2 {
    margin-top: 1rem;
  }
  .sm-mb2 {
    margin-bottom: 1rem;
  }
  .sm-mnt2 {
    margin-top: -1rem;
  }
  .sm-mnb2 {
    margin-bottom: -1rem;
  }
  .sm-mnl2 {
    margin-left: -1rem;
  }
  .sm-mnr2 {
    margin-right: -1rem;
  }
  .sm-mnx2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .sm-gap2 {
    gap: 1rem;
  }
  .sm-rowgap2 {
    row-gap: 1rem;
  }
  .sm-colgap2 {
    column-gap: 1rem;
  }
  .sm-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-pl3 {
    padding-left: 2rem;
  }
  .sm-pr3 {
    padding-right: 2rem;
  }
  .sm-pt3 {
    padding-top: 2rem;
  }
  .sm-pb3 {
    padding-bottom: 2rem;
  }
  .sm-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm-ml3 {
    margin-left: 2rem;
  }
  .sm-mr3 {
    margin-right: 2rem;
  }
  .sm-mt3 {
    margin-top: 2rem;
  }
  .sm-mb3 {
    margin-bottom: 2rem;
  }
  .sm-mnt3 {
    margin-top: -2rem;
  }
  .sm-mnb3 {
    margin-bottom: -2rem;
  }
  .sm-mnl3 {
    margin-left: -2rem;
  }
  .sm-mnr3 {
    margin-right: -2rem;
  }
  .sm-mnx3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .sm-gap3 {
    gap: 2rem;
  }
  .sm-rowgap3 {
    row-gap: 2rem;
  }
  .sm-colgap3 {
    column-gap: 2rem;
  }
  .sm-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm-pl4 {
    padding-left: 4rem;
  }
  .sm-pr4 {
    padding-right: 4rem;
  }
  .sm-pt4 {
    padding-top: 4rem;
  }
  .sm-pb4 {
    padding-bottom: 4rem;
  }
  .sm-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sm-ml4 {
    margin-left: 4rem;
  }
  .sm-mr4 {
    margin-right: 4rem;
  }
  .sm-mt4 {
    margin-top: 4rem;
  }
  .sm-mb4 {
    margin-bottom: 4rem;
  }
  .sm-mnt4 {
    margin-top: -4rem;
  }
  .sm-mnb4 {
    margin-bottom: -4rem;
  }
  .sm-mnl4 {
    margin-left: -4rem;
  }
  .sm-mnr4 {
    margin-right: -4rem;
  }
  .sm-mnx4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .sm-gap4 {
    gap: 4rem;
  }
  .sm-rowgap4 {
    row-gap: 4rem;
  }
  .sm-colgap4 {
    column-gap: 4rem;
  }
  .sm-px5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .sm-py5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .sm-pl5 {
    padding-left: 8rem;
  }
  .sm-pr5 {
    padding-right: 8rem;
  }
  .sm-pt5 {
    padding-top: 8rem;
  }
  .sm-pb5 {
    padding-bottom: 8rem;
  }
  .sm-mx5 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .sm-my5 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .sm-ml5 {
    margin-left: 8rem;
  }
  .sm-mr5 {
    margin-right: 8rem;
  }
  .sm-mt5 {
    margin-top: 8rem;
  }
  .sm-mb5 {
    margin-bottom: 8rem;
  }
  .sm-mnt5 {
    margin-top: -8rem;
  }
  .sm-mnb5 {
    margin-bottom: -8rem;
  }
  .sm-mnl5 {
    margin-left: -8rem;
  }
  .sm-mnr5 {
    margin-right: -8rem;
  }
  .sm-mnx5 {
    margin-left: -8rem;
    margin-right: -8rem;
  }
  .sm-gap5 {
    gap: 8rem;
  }
  .sm-rowgap5 {
    row-gap: 8rem;
  }
  .sm-colgap5 {
    column-gap: 8rem;
  }
  .sm-px0-5 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm-py0-5 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm-pl0-5 {
    padding-left: 0.25rem;
  }
  .sm-pr0-5 {
    padding-right: 0.25rem;
  }
  .sm-pt0-5 {
    padding-top: 0.25rem;
  }
  .sm-pb0-5 {
    padding-bottom: 0.25rem;
  }
  .sm-mx0-5 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm-my0-5 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm-ml0-5 {
    margin-left: 0.25rem;
  }
  .sm-mr0-5 {
    margin-right: 0.25rem;
  }
  .sm-mt0-5 {
    margin-top: 0.25rem;
  }
  .sm-mb0-5 {
    margin-bottom: 0.25rem;
  }
  .sm-mnt0-5 {
    margin-top: -0.25rem;
  }
  .sm-mnb0-5 {
    margin-bottom: -0.25rem;
  }
  .sm-mnl0-5 {
    margin-left: -0.25rem;
  }
  .sm-mnr0-5 {
    margin-right: -0.25rem;
  }
  .sm-mnx0-5 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .sm-gap0-5 {
    gap: 0.25rem;
  }
  .sm-rowgap0-5 {
    row-gap: 0.25rem;
  }
  .sm-colgap0-5 {
    column-gap: 0.25rem;
  }
  .sm-px1-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm-py1-5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm-pl1-5 {
    padding-left: 0.75rem;
  }
  .sm-pr1-5 {
    padding-right: 0.75rem;
  }
  .sm-pt1-5 {
    padding-top: 0.75rem;
  }
  .sm-pb1-5 {
    padding-bottom: 0.75rem;
  }
  .sm-mx1-5 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm-my1-5 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .sm-ml1-5 {
    margin-left: 0.75rem;
  }
  .sm-mr1-5 {
    margin-right: 0.75rem;
  }
  .sm-mt1-5 {
    margin-top: 0.75rem;
  }
  .sm-mb1-5 {
    margin-bottom: 0.75rem;
  }
  .sm-mnt1-5 {
    margin-top: -0.75rem;
  }
  .sm-mnb1-5 {
    margin-bottom: -0.75rem;
  }
  .sm-mnl1-5 {
    margin-left: -0.75rem;
  }
  .sm-mnr1-5 {
    margin-right: -0.75rem;
  }
  .sm-mnx1-5 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .sm-gap1-5 {
    gap: 0.75rem;
  }
  .sm-rowgap1-5 {
    row-gap: 0.75rem;
  }
  .sm-colgap1-5 {
    column-gap: 0.75rem;
  }
  .sm-px2-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm-py2-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm-pl2-25 {
    padding-left: 1.25rem;
  }
  .sm-pr2-25 {
    padding-right: 1.25rem;
  }
  .sm-pt2-25 {
    padding-top: 1.25rem;
  }
  .sm-pb2-25 {
    padding-bottom: 1.25rem;
  }
  .sm-mx2-25 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .sm-my2-25 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .sm-ml2-25 {
    margin-left: 1.25rem;
  }
  .sm-mr2-25 {
    margin-right: 1.25rem;
  }
  .sm-mt2-25 {
    margin-top: 1.25rem;
  }
  .sm-mb2-25 {
    margin-bottom: 1.25rem;
  }
  .sm-mnt2-25 {
    margin-top: -1.25rem;
  }
  .sm-mnb2-25 {
    margin-bottom: -1.25rem;
  }
  .sm-mnl2-25 {
    margin-left: -1.25rem;
  }
  .sm-mnr2-25 {
    margin-right: -1.25rem;
  }
  .sm-mnx2-25 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .sm-gap2-25 {
    gap: 1.25rem;
  }
  .sm-rowgap2-25 {
    row-gap: 1.25rem;
  }
  .sm-colgap2-25 {
    column-gap: 1.25rem;
  }
  .sm-px2-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm-py2-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm-pl2-5 {
    padding-left: 1.5rem;
  }
  .sm-pr2-5 {
    padding-right: 1.5rem;
  }
  .sm-pt2-5 {
    padding-top: 1.5rem;
  }
  .sm-pb2-5 {
    padding-bottom: 1.5rem;
  }
  .sm-mx2-5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm-my2-5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sm-ml2-5 {
    margin-left: 1.5rem;
  }
  .sm-mr2-5 {
    margin-right: 1.5rem;
  }
  .sm-mt2-5 {
    margin-top: 1.5rem;
  }
  .sm-mb2-5 {
    margin-bottom: 1.5rem;
  }
  .sm-mnt2-5 {
    margin-top: -1.5rem;
  }
  .sm-mnb2-5 {
    margin-bottom: -1.5rem;
  }
  .sm-mnl2-5 {
    margin-left: -1.5rem;
  }
  .sm-mnr2-5 {
    margin-right: -1.5rem;
  }
  .sm-mnx2-5 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .sm-gap2-5 {
    gap: 1.5rem;
  }
  .sm-rowgap2-5 {
    row-gap: 1.5rem;
  }
  .sm-colgap2-5 {
    column-gap: 1.5rem;
  }
  .sm-px2-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm-py2-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .sm-pl2-75 {
    padding-left: 1.75rem;
  }
  .sm-pr2-75 {
    padding-right: 1.75rem;
  }
  .sm-pt2-75 {
    padding-top: 1.75rem;
  }
  .sm-pb2-75 {
    padding-bottom: 1.75rem;
  }
  .sm-mx2-75 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .sm-my2-75 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .sm-ml2-75 {
    margin-left: 1.75rem;
  }
  .sm-mr2-75 {
    margin-right: 1.75rem;
  }
  .sm-mt2-75 {
    margin-top: 1.75rem;
  }
  .sm-mb2-75 {
    margin-bottom: 1.75rem;
  }
  .sm-mnt2-75 {
    margin-top: -1.75rem;
  }
  .sm-mnb2-75 {
    margin-bottom: -1.75rem;
  }
  .sm-mnl2-75 {
    margin-left: -1.75rem;
  }
  .sm-mnr2-75 {
    margin-right: -1.75rem;
  }
  .sm-mnx2-75 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .sm-gap2-75 {
    gap: 1.75rem;
  }
  .sm-rowgap2-75 {
    row-gap: 1.75rem;
  }
  .sm-colgap2-75 {
    column-gap: 1.75rem;
  }
  .sm-px3-25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm-py3-25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm-pl3-25 {
    padding-left: 2.5rem;
  }
  .sm-pr3-25 {
    padding-right: 2.5rem;
  }
  .sm-pt3-25 {
    padding-top: 2.5rem;
  }
  .sm-pb3-25 {
    padding-bottom: 2.5rem;
  }
  .sm-mx3-25 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .sm-my3-25 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .sm-ml3-25 {
    margin-left: 2.5rem;
  }
  .sm-mr3-25 {
    margin-right: 2.5rem;
  }
  .sm-mt3-25 {
    margin-top: 2.5rem;
  }
  .sm-mb3-25 {
    margin-bottom: 2.5rem;
  }
  .sm-mnt3-25 {
    margin-top: -2.5rem;
  }
  .sm-mnb3-25 {
    margin-bottom: -2.5rem;
  }
  .sm-mnl3-25 {
    margin-left: -2.5rem;
  }
  .sm-mnr3-25 {
    margin-right: -2.5rem;
  }
  .sm-mnx3-25 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .sm-gap3-25 {
    gap: 2.5rem;
  }
  .sm-rowgap3-25 {
    row-gap: 2.5rem;
  }
  .sm-colgap3-25 {
    column-gap: 2.5rem;
  }
  .sm-px3-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm-py3-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm-pl3-5 {
    padding-left: 3rem;
  }
  .sm-pr3-5 {
    padding-right: 3rem;
  }
  .sm-pt3-5 {
    padding-top: 3rem;
  }
  .sm-pb3-5 {
    padding-bottom: 3rem;
  }
  .sm-mx3-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm-my3-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .sm-ml3-5 {
    margin-left: 3rem;
  }
  .sm-mr3-5 {
    margin-right: 3rem;
  }
  .sm-mt3-5 {
    margin-top: 3rem;
  }
  .sm-mb3-5 {
    margin-bottom: 3rem;
  }
  .sm-mnt3-5 {
    margin-top: -3rem;
  }
  .sm-mnb3-5 {
    margin-bottom: -3rem;
  }
  .sm-mnl3-5 {
    margin-left: -3rem;
  }
  .sm-mnr3-5 {
    margin-right: -3rem;
  }
  .sm-mnx3-5 {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  .sm-gap3-5 {
    gap: 3rem;
  }
  .sm-rowgap3-5 {
    row-gap: 3rem;
  }
  .sm-colgap3-5 {
    column-gap: 3rem;
  }
  .sm-px3-75 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .sm-py3-75 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm-pl3-75 {
    padding-left: 3.5rem;
  }
  .sm-pr3-75 {
    padding-right: 3.5rem;
  }
  .sm-pt3-75 {
    padding-top: 3.5rem;
  }
  .sm-pb3-75 {
    padding-bottom: 3.5rem;
  }
  .sm-mx3-75 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .sm-my3-75 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .sm-ml3-75 {
    margin-left: 3.5rem;
  }
  .sm-mr3-75 {
    margin-right: 3.5rem;
  }
  .sm-mt3-75 {
    margin-top: 3.5rem;
  }
  .sm-mb3-75 {
    margin-bottom: 3.5rem;
  }
  .sm-mnt3-75 {
    margin-top: -3.5rem;
  }
  .sm-mnb3-75 {
    margin-bottom: -3.5rem;
  }
  .sm-mnl3-75 {
    margin-left: -3.5rem;
  }
  .sm-mnr3-75 {
    margin-right: -3.5rem;
  }
  .sm-mnx3-75 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .sm-gap3-75 {
    gap: 3.5rem;
  }
  .sm-rowgap3-75 {
    row-gap: 3.5rem;
  }
  .sm-colgap3-75 {
    column-gap: 3.5rem;
  }
  .sm-px4-5 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .sm-py4-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .sm-pl4-5 {
    padding-left: 5rem;
  }
  .sm-pr4-5 {
    padding-right: 5rem;
  }
  .sm-pt4-5 {
    padding-top: 5rem;
  }
  .sm-pb4-5 {
    padding-bottom: 5rem;
  }
  .sm-mx4-5 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .sm-my4-5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .sm-ml4-5 {
    margin-left: 5rem;
  }
  .sm-mr4-5 {
    margin-right: 5rem;
  }
  .sm-mt4-5 {
    margin-top: 5rem;
  }
  .sm-mb4-5 {
    margin-bottom: 5rem;
  }
  .sm-mnt4-5 {
    margin-top: -5rem;
  }
  .sm-mnb4-5 {
    margin-bottom: -5rem;
  }
  .sm-mnl4-5 {
    margin-left: -5rem;
  }
  .sm-mnr4-5 {
    margin-right: -5rem;
  }
  .sm-mnx4-5 {
    margin-left: -5rem;
    margin-right: -5rem;
  }
  .sm-gap4-5 {
    gap: 5rem;
  }
  .sm-rowgap4-5 {
    row-gap: 5rem;
  }
  .sm-colgap4-5 {
    column-gap: 5rem;
  }
  .sm-px4-75 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .sm-py4-75 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .sm-pl4-75 {
    padding-left: 6.25rem;
  }
  .sm-pr4-75 {
    padding-right: 6.25rem;
  }
  .sm-pt4-75 {
    padding-top: 6.25rem;
  }
  .sm-pb4-75 {
    padding-bottom: 6.25rem;
  }
  .sm-mx4-75 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .sm-my4-75 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .sm-ml4-75 {
    margin-left: 6.25rem;
  }
  .sm-mr4-75 {
    margin-right: 6.25rem;
  }
  .sm-mt4-75 {
    margin-top: 6.25rem;
  }
  .sm-mb4-75 {
    margin-bottom: 6.25rem;
  }
  .sm-mnt4-75 {
    margin-top: -6.25rem;
  }
  .sm-mnb4-75 {
    margin-bottom: -6.25rem;
  }
  .sm-mnl4-75 {
    margin-left: -6.25rem;
  }
  .sm-mnr4-75 {
    margin-right: -6.25rem;
  }
  .sm-mnx4-75 {
    margin-left: -6.25rem;
    margin-right: -6.25rem;
  }
  .sm-gap4-75 {
    gap: 6.25rem;
  }
  .sm-rowgap4-75 {
    row-gap: 6.25rem;
  }
  .sm-colgap4-75 {
    column-gap: 6.25rem;
  }
  .sm-px5-5 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .sm-py5-5 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sm-pl5-5 {
    padding-left: 10rem;
  }
  .sm-pr5-5 {
    padding-right: 10rem;
  }
  .sm-pt5-5 {
    padding-top: 10rem;
  }
  .sm-pb5-5 {
    padding-bottom: 10rem;
  }
  .sm-mx5-5 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .sm-my5-5 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .sm-ml5-5 {
    margin-left: 10rem;
  }
  .sm-mr5-5 {
    margin-right: 10rem;
  }
  .sm-mt5-5 {
    margin-top: 10rem;
  }
  .sm-mb5-5 {
    margin-bottom: 10rem;
  }
  .sm-mnt5-5 {
    margin-top: -10rem;
  }
  .sm-mnb5-5 {
    margin-bottom: -10rem;
  }
  .sm-mnl5-5 {
    margin-left: -10rem;
  }
  .sm-mnr5-5 {
    margin-right: -10rem;
  }
  .sm-mnx5-5 {
    margin-left: -10rem;
    margin-right: -10rem;
  }
  .sm-gap5-5 {
    gap: 10rem;
  }
  .sm-rowgap5-5 {
    row-gap: 10rem;
  }
  .sm-colgap5-5 {
    column-gap: 10rem;
  }
  .sm-px5-75 {
    padding-left: 12.5rem;
    padding-right: 12.5rem;
  }
  .sm-py5-75 {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
  .sm-pl5-75 {
    padding-left: 12.5rem;
  }
  .sm-pr5-75 {
    padding-right: 12.5rem;
  }
  .sm-pt5-75 {
    padding-top: 12.5rem;
  }
  .sm-pb5-75 {
    padding-bottom: 12.5rem;
  }
  .sm-mx5-75 {
    margin-left: 12.5rem;
    margin-right: 12.5rem;
  }
  .sm-my5-75 {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
  }
  .sm-ml5-75 {
    margin-left: 12.5rem;
  }
  .sm-mr5-75 {
    margin-right: 12.5rem;
  }
  .sm-mt5-75 {
    margin-top: 12.5rem;
  }
  .sm-mb5-75 {
    margin-bottom: 12.5rem;
  }
  .sm-mnt5-75 {
    margin-top: -12.5rem;
  }
  .sm-mnb5-75 {
    margin-bottom: -12.5rem;
  }
  .sm-mnl5-75 {
    margin-left: -12.5rem;
  }
  .sm-mnr5-75 {
    margin-right: -12.5rem;
  }
  .sm-mnx5-75 {
    margin-left: -12.5rem;
    margin-right: -12.5rem;
  }
  .sm-gap5-75 {
    gap: 12.5rem;
  }
  .sm-rowgap5-75 {
    row-gap: 12.5rem;
  }
  .sm-colgap5-75 {
    column-gap: 12.5rem;
  }
  .sm-px6 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  .sm-py6 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  .sm-pl6 {
    padding-left: 15rem;
  }
  .sm-pr6 {
    padding-right: 15rem;
  }
  .sm-pt6 {
    padding-top: 15rem;
  }
  .sm-pb6 {
    padding-bottom: 15rem;
  }
  .sm-mx6 {
    margin-left: 15rem;
    margin-right: 15rem;
  }
  .sm-my6 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
  .sm-ml6 {
    margin-left: 15rem;
  }
  .sm-mr6 {
    margin-right: 15rem;
  }
  .sm-mt6 {
    margin-top: 15rem;
  }
  .sm-mb6 {
    margin-bottom: 15rem;
  }
  .sm-mnt6 {
    margin-top: -15rem;
  }
  .sm-mnb6 {
    margin-bottom: -15rem;
  }
  .sm-mnl6 {
    margin-left: -15rem;
  }
  .sm-mnr6 {
    margin-right: -15rem;
  }
  .sm-mnx6 {
    margin-left: -15rem;
    margin-right: -15rem;
  }
  .sm-gap6 {
    gap: 15rem;
  }
  .sm-rowgap6 {
    row-gap: 15rem;
  }
  .sm-colgap6 {
    column-gap: 15rem;
  }
}
@media (min-width: 52em) {
  .md-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .md-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-ml-auto {
    margin-left: auto;
  }
  .md-mr-auto {
    margin-right: auto;
  }
  .md-mt-auto {
    margin-top: auto;
  }
  .md-mb-auto {
    margin-bottom: auto;
  }
  .md-p0-5 {
    padding: 0.25rem;
  }
  .md-p1-5 {
    padding: 0.75rem;
  }
  .md-p2-25 {
    padding: 1.25rem;
  }
  .md-p2-5 {
    padding: 1.5rem;
  }
  .md-p2-75 {
    padding: 1.75rem;
  }
  .md-p3-25 {
    padding: 2.5rem;
  }
  .md-p3-5 {
    padding: 3rem;
  }
  .md-p3-75 {
    padding: 3.5rem;
  }
  .md-p4-5 {
    padding: 5rem;
  }
  .md-p4-75 {
    padding: 6.25rem;
  }
  .md-p5-5 {
    padding: 10rem;
  }
  .md-p5-75 {
    padding: 12.5rem;
  }
  .md-p6 {
    padding: 15rem;
  }
  .md-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .md-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .md-pl0 {
    padding-left: 0rem;
  }
  .md-pr0 {
    padding-right: 0rem;
  }
  .md-pt0 {
    padding-top: 0rem;
  }
  .md-pb0 {
    padding-bottom: 0rem;
  }
  .md-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .md-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .md-ml0 {
    margin-left: 0rem;
  }
  .md-mr0 {
    margin-right: 0rem;
  }
  .md-mt0 {
    margin-top: 0rem;
  }
  .md-mb0 {
    margin-bottom: 0rem;
  }
  .md-mnt0 {
    margin-top: 0rem;
  }
  .md-mnb0 {
    margin-bottom: 0rem;
  }
  .md-mnl0 {
    margin-left: 0rem;
  }
  .md-mnr0 {
    margin-right: 0rem;
  }
  .md-mnx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .md-gap0 {
    gap: 0rem;
  }
  .md-rowgap0 {
    row-gap: 0rem;
  }
  .md-colgap0 {
    column-gap: 0rem;
  }
  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md-pl1 {
    padding-left: 0.5rem;
  }
  .md-pr1 {
    padding-right: 0.5rem;
  }
  .md-pt1 {
    padding-top: 0.5rem;
  }
  .md-pb1 {
    padding-bottom: 0.5rem;
  }
  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md-ml1 {
    margin-left: 0.5rem;
  }
  .md-mr1 {
    margin-right: 0.5rem;
  }
  .md-mt1 {
    margin-top: 0.5rem;
  }
  .md-mb1 {
    margin-bottom: 0.5rem;
  }
  .md-mnt1 {
    margin-top: -0.5rem;
  }
  .md-mnb1 {
    margin-bottom: -0.5rem;
  }
  .md-mnl1 {
    margin-left: -0.5rem;
  }
  .md-mnr1 {
    margin-right: -0.5rem;
  }
  .md-mnx1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .md-gap1 {
    gap: 0.5rem;
  }
  .md-rowgap1 {
    row-gap: 0.5rem;
  }
  .md-colgap1 {
    column-gap: 0.5rem;
  }
  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md-pl2 {
    padding-left: 1rem;
  }
  .md-pr2 {
    padding-right: 1rem;
  }
  .md-pt2 {
    padding-top: 1rem;
  }
  .md-pb2 {
    padding-bottom: 1rem;
  }
  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md-ml2 {
    margin-left: 1rem;
  }
  .md-mr2 {
    margin-right: 1rem;
  }
  .md-mt2 {
    margin-top: 1rem;
  }
  .md-mb2 {
    margin-bottom: 1rem;
  }
  .md-mnt2 {
    margin-top: -1rem;
  }
  .md-mnb2 {
    margin-bottom: -1rem;
  }
  .md-mnl2 {
    margin-left: -1rem;
  }
  .md-mnr2 {
    margin-right: -1rem;
  }
  .md-mnx2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .md-gap2 {
    gap: 1rem;
  }
  .md-rowgap2 {
    row-gap: 1rem;
  }
  .md-colgap2 {
    column-gap: 1rem;
  }
  .md-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md-pl3 {
    padding-left: 2rem;
  }
  .md-pr3 {
    padding-right: 2rem;
  }
  .md-pt3 {
    padding-top: 2rem;
  }
  .md-pb3 {
    padding-bottom: 2rem;
  }
  .md-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md-ml3 {
    margin-left: 2rem;
  }
  .md-mr3 {
    margin-right: 2rem;
  }
  .md-mt3 {
    margin-top: 2rem;
  }
  .md-mb3 {
    margin-bottom: 2rem;
  }
  .md-mnt3 {
    margin-top: -2rem;
  }
  .md-mnb3 {
    margin-bottom: -2rem;
  }
  .md-mnl3 {
    margin-left: -2rem;
  }
  .md-mnr3 {
    margin-right: -2rem;
  }
  .md-mnx3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .md-gap3 {
    gap: 2rem;
  }
  .md-rowgap3 {
    row-gap: 2rem;
  }
  .md-colgap3 {
    column-gap: 2rem;
  }
  .md-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md-pl4 {
    padding-left: 4rem;
  }
  .md-pr4 {
    padding-right: 4rem;
  }
  .md-pt4 {
    padding-top: 4rem;
  }
  .md-pb4 {
    padding-bottom: 4rem;
  }
  .md-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md-ml4 {
    margin-left: 4rem;
  }
  .md-mr4 {
    margin-right: 4rem;
  }
  .md-mt4 {
    margin-top: 4rem;
  }
  .md-mb4 {
    margin-bottom: 4rem;
  }
  .md-mnt4 {
    margin-top: -4rem;
  }
  .md-mnb4 {
    margin-bottom: -4rem;
  }
  .md-mnl4 {
    margin-left: -4rem;
  }
  .md-mnr4 {
    margin-right: -4rem;
  }
  .md-mnx4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .md-gap4 {
    gap: 4rem;
  }
  .md-rowgap4 {
    row-gap: 4rem;
  }
  .md-colgap4 {
    column-gap: 4rem;
  }
  .md-px5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .md-py5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md-pl5 {
    padding-left: 8rem;
  }
  .md-pr5 {
    padding-right: 8rem;
  }
  .md-pt5 {
    padding-top: 8rem;
  }
  .md-pb5 {
    padding-bottom: 8rem;
  }
  .md-mx5 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .md-my5 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .md-ml5 {
    margin-left: 8rem;
  }
  .md-mr5 {
    margin-right: 8rem;
  }
  .md-mt5 {
    margin-top: 8rem;
  }
  .md-mb5 {
    margin-bottom: 8rem;
  }
  .md-mnt5 {
    margin-top: -8rem;
  }
  .md-mnb5 {
    margin-bottom: -8rem;
  }
  .md-mnl5 {
    margin-left: -8rem;
  }
  .md-mnr5 {
    margin-right: -8rem;
  }
  .md-mnx5 {
    margin-left: -8rem;
    margin-right: -8rem;
  }
  .md-gap5 {
    gap: 8rem;
  }
  .md-rowgap5 {
    row-gap: 8rem;
  }
  .md-colgap5 {
    column-gap: 8rem;
  }
  .md-px0-5 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md-py0-5 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md-pl0-5 {
    padding-left: 0.25rem;
  }
  .md-pr0-5 {
    padding-right: 0.25rem;
  }
  .md-pt0-5 {
    padding-top: 0.25rem;
  }
  .md-pb0-5 {
    padding-bottom: 0.25rem;
  }
  .md-mx0-5 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md-my0-5 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md-ml0-5 {
    margin-left: 0.25rem;
  }
  .md-mr0-5 {
    margin-right: 0.25rem;
  }
  .md-mt0-5 {
    margin-top: 0.25rem;
  }
  .md-mb0-5 {
    margin-bottom: 0.25rem;
  }
  .md-mnt0-5 {
    margin-top: -0.25rem;
  }
  .md-mnb0-5 {
    margin-bottom: -0.25rem;
  }
  .md-mnl0-5 {
    margin-left: -0.25rem;
  }
  .md-mnr0-5 {
    margin-right: -0.25rem;
  }
  .md-mnx0-5 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .md-gap0-5 {
    gap: 0.25rem;
  }
  .md-rowgap0-5 {
    row-gap: 0.25rem;
  }
  .md-colgap0-5 {
    column-gap: 0.25rem;
  }
  .md-px1-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md-py1-5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md-pl1-5 {
    padding-left: 0.75rem;
  }
  .md-pr1-5 {
    padding-right: 0.75rem;
  }
  .md-pt1-5 {
    padding-top: 0.75rem;
  }
  .md-pb1-5 {
    padding-bottom: 0.75rem;
  }
  .md-mx1-5 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md-my1-5 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .md-ml1-5 {
    margin-left: 0.75rem;
  }
  .md-mr1-5 {
    margin-right: 0.75rem;
  }
  .md-mt1-5 {
    margin-top: 0.75rem;
  }
  .md-mb1-5 {
    margin-bottom: 0.75rem;
  }
  .md-mnt1-5 {
    margin-top: -0.75rem;
  }
  .md-mnb1-5 {
    margin-bottom: -0.75rem;
  }
  .md-mnl1-5 {
    margin-left: -0.75rem;
  }
  .md-mnr1-5 {
    margin-right: -0.75rem;
  }
  .md-mnx1-5 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .md-gap1-5 {
    gap: 0.75rem;
  }
  .md-rowgap1-5 {
    row-gap: 0.75rem;
  }
  .md-colgap1-5 {
    column-gap: 0.75rem;
  }
  .md-px2-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md-py2-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md-pl2-25 {
    padding-left: 1.25rem;
  }
  .md-pr2-25 {
    padding-right: 1.25rem;
  }
  .md-pt2-25 {
    padding-top: 1.25rem;
  }
  .md-pb2-25 {
    padding-bottom: 1.25rem;
  }
  .md-mx2-25 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md-my2-25 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .md-ml2-25 {
    margin-left: 1.25rem;
  }
  .md-mr2-25 {
    margin-right: 1.25rem;
  }
  .md-mt2-25 {
    margin-top: 1.25rem;
  }
  .md-mb2-25 {
    margin-bottom: 1.25rem;
  }
  .md-mnt2-25 {
    margin-top: -1.25rem;
  }
  .md-mnb2-25 {
    margin-bottom: -1.25rem;
  }
  .md-mnl2-25 {
    margin-left: -1.25rem;
  }
  .md-mnr2-25 {
    margin-right: -1.25rem;
  }
  .md-mnx2-25 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .md-gap2-25 {
    gap: 1.25rem;
  }
  .md-rowgap2-25 {
    row-gap: 1.25rem;
  }
  .md-colgap2-25 {
    column-gap: 1.25rem;
  }
  .md-px2-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md-py2-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md-pl2-5 {
    padding-left: 1.5rem;
  }
  .md-pr2-5 {
    padding-right: 1.5rem;
  }
  .md-pt2-5 {
    padding-top: 1.5rem;
  }
  .md-pb2-5 {
    padding-bottom: 1.5rem;
  }
  .md-mx2-5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md-my2-5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md-ml2-5 {
    margin-left: 1.5rem;
  }
  .md-mr2-5 {
    margin-right: 1.5rem;
  }
  .md-mt2-5 {
    margin-top: 1.5rem;
  }
  .md-mb2-5 {
    margin-bottom: 1.5rem;
  }
  .md-mnt2-5 {
    margin-top: -1.5rem;
  }
  .md-mnb2-5 {
    margin-bottom: -1.5rem;
  }
  .md-mnl2-5 {
    margin-left: -1.5rem;
  }
  .md-mnr2-5 {
    margin-right: -1.5rem;
  }
  .md-mnx2-5 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .md-gap2-5 {
    gap: 1.5rem;
  }
  .md-rowgap2-5 {
    row-gap: 1.5rem;
  }
  .md-colgap2-5 {
    column-gap: 1.5rem;
  }
  .md-px2-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md-py2-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .md-pl2-75 {
    padding-left: 1.75rem;
  }
  .md-pr2-75 {
    padding-right: 1.75rem;
  }
  .md-pt2-75 {
    padding-top: 1.75rem;
  }
  .md-pb2-75 {
    padding-bottom: 1.75rem;
  }
  .md-mx2-75 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .md-my2-75 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .md-ml2-75 {
    margin-left: 1.75rem;
  }
  .md-mr2-75 {
    margin-right: 1.75rem;
  }
  .md-mt2-75 {
    margin-top: 1.75rem;
  }
  .md-mb2-75 {
    margin-bottom: 1.75rem;
  }
  .md-mnt2-75 {
    margin-top: -1.75rem;
  }
  .md-mnb2-75 {
    margin-bottom: -1.75rem;
  }
  .md-mnl2-75 {
    margin-left: -1.75rem;
  }
  .md-mnr2-75 {
    margin-right: -1.75rem;
  }
  .md-mnx2-75 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .md-gap2-75 {
    gap: 1.75rem;
  }
  .md-rowgap2-75 {
    row-gap: 1.75rem;
  }
  .md-colgap2-75 {
    column-gap: 1.75rem;
  }
  .md-px3-25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md-py3-25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md-pl3-25 {
    padding-left: 2.5rem;
  }
  .md-pr3-25 {
    padding-right: 2.5rem;
  }
  .md-pt3-25 {
    padding-top: 2.5rem;
  }
  .md-pb3-25 {
    padding-bottom: 2.5rem;
  }
  .md-mx3-25 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md-my3-25 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .md-ml3-25 {
    margin-left: 2.5rem;
  }
  .md-mr3-25 {
    margin-right: 2.5rem;
  }
  .md-mt3-25 {
    margin-top: 2.5rem;
  }
  .md-mb3-25 {
    margin-bottom: 2.5rem;
  }
  .md-mnt3-25 {
    margin-top: -2.5rem;
  }
  .md-mnb3-25 {
    margin-bottom: -2.5rem;
  }
  .md-mnl3-25 {
    margin-left: -2.5rem;
  }
  .md-mnr3-25 {
    margin-right: -2.5rem;
  }
  .md-mnx3-25 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .md-gap3-25 {
    gap: 2.5rem;
  }
  .md-rowgap3-25 {
    row-gap: 2.5rem;
  }
  .md-colgap3-25 {
    column-gap: 2.5rem;
  }
  .md-px3-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md-py3-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md-pl3-5 {
    padding-left: 3rem;
  }
  .md-pr3-5 {
    padding-right: 3rem;
  }
  .md-pt3-5 {
    padding-top: 3rem;
  }
  .md-pb3-5 {
    padding-bottom: 3rem;
  }
  .md-mx3-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md-my3-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .md-ml3-5 {
    margin-left: 3rem;
  }
  .md-mr3-5 {
    margin-right: 3rem;
  }
  .md-mt3-5 {
    margin-top: 3rem;
  }
  .md-mb3-5 {
    margin-bottom: 3rem;
  }
  .md-mnt3-5 {
    margin-top: -3rem;
  }
  .md-mnb3-5 {
    margin-bottom: -3rem;
  }
  .md-mnl3-5 {
    margin-left: -3rem;
  }
  .md-mnr3-5 {
    margin-right: -3rem;
  }
  .md-mnx3-5 {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  .md-gap3-5 {
    gap: 3rem;
  }
  .md-rowgap3-5 {
    row-gap: 3rem;
  }
  .md-colgap3-5 {
    column-gap: 3rem;
  }
  .md-px3-75 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md-py3-75 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md-pl3-75 {
    padding-left: 3.5rem;
  }
  .md-pr3-75 {
    padding-right: 3.5rem;
  }
  .md-pt3-75 {
    padding-top: 3.5rem;
  }
  .md-pb3-75 {
    padding-bottom: 3.5rem;
  }
  .md-mx3-75 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .md-my3-75 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .md-ml3-75 {
    margin-left: 3.5rem;
  }
  .md-mr3-75 {
    margin-right: 3.5rem;
  }
  .md-mt3-75 {
    margin-top: 3.5rem;
  }
  .md-mb3-75 {
    margin-bottom: 3.5rem;
  }
  .md-mnt3-75 {
    margin-top: -3.5rem;
  }
  .md-mnb3-75 {
    margin-bottom: -3.5rem;
  }
  .md-mnl3-75 {
    margin-left: -3.5rem;
  }
  .md-mnr3-75 {
    margin-right: -3.5rem;
  }
  .md-mnx3-75 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .md-gap3-75 {
    gap: 3.5rem;
  }
  .md-rowgap3-75 {
    row-gap: 3.5rem;
  }
  .md-colgap3-75 {
    column-gap: 3.5rem;
  }
  .md-px4-5 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md-py4-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md-pl4-5 {
    padding-left: 5rem;
  }
  .md-pr4-5 {
    padding-right: 5rem;
  }
  .md-pt4-5 {
    padding-top: 5rem;
  }
  .md-pb4-5 {
    padding-bottom: 5rem;
  }
  .md-mx4-5 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .md-my4-5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .md-ml4-5 {
    margin-left: 5rem;
  }
  .md-mr4-5 {
    margin-right: 5rem;
  }
  .md-mt4-5 {
    margin-top: 5rem;
  }
  .md-mb4-5 {
    margin-bottom: 5rem;
  }
  .md-mnt4-5 {
    margin-top: -5rem;
  }
  .md-mnb4-5 {
    margin-bottom: -5rem;
  }
  .md-mnl4-5 {
    margin-left: -5rem;
  }
  .md-mnr4-5 {
    margin-right: -5rem;
  }
  .md-mnx4-5 {
    margin-left: -5rem;
    margin-right: -5rem;
  }
  .md-gap4-5 {
    gap: 5rem;
  }
  .md-rowgap4-5 {
    row-gap: 5rem;
  }
  .md-colgap4-5 {
    column-gap: 5rem;
  }
  .md-px4-75 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .md-py4-75 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .md-pl4-75 {
    padding-left: 6.25rem;
  }
  .md-pr4-75 {
    padding-right: 6.25rem;
  }
  .md-pt4-75 {
    padding-top: 6.25rem;
  }
  .md-pb4-75 {
    padding-bottom: 6.25rem;
  }
  .md-mx4-75 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .md-my4-75 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .md-ml4-75 {
    margin-left: 6.25rem;
  }
  .md-mr4-75 {
    margin-right: 6.25rem;
  }
  .md-mt4-75 {
    margin-top: 6.25rem;
  }
  .md-mb4-75 {
    margin-bottom: 6.25rem;
  }
  .md-mnt4-75 {
    margin-top: -6.25rem;
  }
  .md-mnb4-75 {
    margin-bottom: -6.25rem;
  }
  .md-mnl4-75 {
    margin-left: -6.25rem;
  }
  .md-mnr4-75 {
    margin-right: -6.25rem;
  }
  .md-mnx4-75 {
    margin-left: -6.25rem;
    margin-right: -6.25rem;
  }
  .md-gap4-75 {
    gap: 6.25rem;
  }
  .md-rowgap4-75 {
    row-gap: 6.25rem;
  }
  .md-colgap4-75 {
    column-gap: 6.25rem;
  }
  .md-px5-5 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md-py5-5 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .md-pl5-5 {
    padding-left: 10rem;
  }
  .md-pr5-5 {
    padding-right: 10rem;
  }
  .md-pt5-5 {
    padding-top: 10rem;
  }
  .md-pb5-5 {
    padding-bottom: 10rem;
  }
  .md-mx5-5 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .md-my5-5 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .md-ml5-5 {
    margin-left: 10rem;
  }
  .md-mr5-5 {
    margin-right: 10rem;
  }
  .md-mt5-5 {
    margin-top: 10rem;
  }
  .md-mb5-5 {
    margin-bottom: 10rem;
  }
  .md-mnt5-5 {
    margin-top: -10rem;
  }
  .md-mnb5-5 {
    margin-bottom: -10rem;
  }
  .md-mnl5-5 {
    margin-left: -10rem;
  }
  .md-mnr5-5 {
    margin-right: -10rem;
  }
  .md-mnx5-5 {
    margin-left: -10rem;
    margin-right: -10rem;
  }
  .md-gap5-5 {
    gap: 10rem;
  }
  .md-rowgap5-5 {
    row-gap: 10rem;
  }
  .md-colgap5-5 {
    column-gap: 10rem;
  }
  .md-px5-75 {
    padding-left: 12.5rem;
    padding-right: 12.5rem;
  }
  .md-py5-75 {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
  .md-pl5-75 {
    padding-left: 12.5rem;
  }
  .md-pr5-75 {
    padding-right: 12.5rem;
  }
  .md-pt5-75 {
    padding-top: 12.5rem;
  }
  .md-pb5-75 {
    padding-bottom: 12.5rem;
  }
  .md-mx5-75 {
    margin-left: 12.5rem;
    margin-right: 12.5rem;
  }
  .md-my5-75 {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
  }
  .md-ml5-75 {
    margin-left: 12.5rem;
  }
  .md-mr5-75 {
    margin-right: 12.5rem;
  }
  .md-mt5-75 {
    margin-top: 12.5rem;
  }
  .md-mb5-75 {
    margin-bottom: 12.5rem;
  }
  .md-mnt5-75 {
    margin-top: -12.5rem;
  }
  .md-mnb5-75 {
    margin-bottom: -12.5rem;
  }
  .md-mnl5-75 {
    margin-left: -12.5rem;
  }
  .md-mnr5-75 {
    margin-right: -12.5rem;
  }
  .md-mnx5-75 {
    margin-left: -12.5rem;
    margin-right: -12.5rem;
  }
  .md-gap5-75 {
    gap: 12.5rem;
  }
  .md-rowgap5-75 {
    row-gap: 12.5rem;
  }
  .md-colgap5-75 {
    column-gap: 12.5rem;
  }
  .md-px6 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  .md-py6 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  .md-pl6 {
    padding-left: 15rem;
  }
  .md-pr6 {
    padding-right: 15rem;
  }
  .md-pt6 {
    padding-top: 15rem;
  }
  .md-pb6 {
    padding-bottom: 15rem;
  }
  .md-mx6 {
    margin-left: 15rem;
    margin-right: 15rem;
  }
  .md-my6 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
  .md-ml6 {
    margin-left: 15rem;
  }
  .md-mr6 {
    margin-right: 15rem;
  }
  .md-mt6 {
    margin-top: 15rem;
  }
  .md-mb6 {
    margin-bottom: 15rem;
  }
  .md-mnt6 {
    margin-top: -15rem;
  }
  .md-mnb6 {
    margin-bottom: -15rem;
  }
  .md-mnl6 {
    margin-left: -15rem;
  }
  .md-mnr6 {
    margin-right: -15rem;
  }
  .md-mnx6 {
    margin-left: -15rem;
    margin-right: -15rem;
  }
  .md-gap6 {
    gap: 15rem;
  }
  .md-rowgap6 {
    row-gap: 15rem;
  }
  .md-colgap6 {
    column-gap: 15rem;
  }
}
@media (min-width: 64em) {
  .lg-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg-ml-auto {
    margin-left: auto;
  }
  .lg-mr-auto {
    margin-right: auto;
  }
  .lg-mt-auto {
    margin-top: auto;
  }
  .lg-mb-auto {
    margin-bottom: auto;
  }
  .lg-p0-5 {
    padding: 0.25rem;
  }
  .lg-p1-5 {
    padding: 0.75rem;
  }
  .lg-p2-25 {
    padding: 1.25rem;
  }
  .lg-p2-5 {
    padding: 1.5rem;
  }
  .lg-p2-75 {
    padding: 1.75rem;
  }
  .lg-p3-25 {
    padding: 2.5rem;
  }
  .lg-p3-5 {
    padding: 3rem;
  }
  .lg-p3-75 {
    padding: 3.5rem;
  }
  .lg-p4-5 {
    padding: 5rem;
  }
  .lg-p4-75 {
    padding: 6.25rem;
  }
  .lg-p5-5 {
    padding: 10rem;
  }
  .lg-p5-75 {
    padding: 12.5rem;
  }
  .lg-p6 {
    padding: 15rem;
  }
  .lg-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .lg-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .lg-pl0 {
    padding-left: 0rem;
  }
  .lg-pr0 {
    padding-right: 0rem;
  }
  .lg-pt0 {
    padding-top: 0rem;
  }
  .lg-pb0 {
    padding-bottom: 0rem;
  }
  .lg-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .lg-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .lg-ml0 {
    margin-left: 0rem;
  }
  .lg-mr0 {
    margin-right: 0rem;
  }
  .lg-mt0 {
    margin-top: 0rem;
  }
  .lg-mb0 {
    margin-bottom: 0rem;
  }
  .lg-mnt0 {
    margin-top: 0rem;
  }
  .lg-mnb0 {
    margin-bottom: 0rem;
  }
  .lg-mnl0 {
    margin-left: 0rem;
  }
  .lg-mnr0 {
    margin-right: 0rem;
  }
  .lg-mnx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .lg-gap0 {
    gap: 0rem;
  }
  .lg-rowgap0 {
    row-gap: 0rem;
  }
  .lg-colgap0 {
    column-gap: 0rem;
  }
  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg-pl1 {
    padding-left: 0.5rem;
  }
  .lg-pr1 {
    padding-right: 0.5rem;
  }
  .lg-pt1 {
    padding-top: 0.5rem;
  }
  .lg-pb1 {
    padding-bottom: 0.5rem;
  }
  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg-ml1 {
    margin-left: 0.5rem;
  }
  .lg-mr1 {
    margin-right: 0.5rem;
  }
  .lg-mt1 {
    margin-top: 0.5rem;
  }
  .lg-mb1 {
    margin-bottom: 0.5rem;
  }
  .lg-mnt1 {
    margin-top: -0.5rem;
  }
  .lg-mnb1 {
    margin-bottom: -0.5rem;
  }
  .lg-mnl1 {
    margin-left: -0.5rem;
  }
  .lg-mnr1 {
    margin-right: -0.5rem;
  }
  .lg-mnx1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .lg-gap1 {
    gap: 0.5rem;
  }
  .lg-rowgap1 {
    row-gap: 0.5rem;
  }
  .lg-colgap1 {
    column-gap: 0.5rem;
  }
  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-pl2 {
    padding-left: 1rem;
  }
  .lg-pr2 {
    padding-right: 1rem;
  }
  .lg-pt2 {
    padding-top: 1rem;
  }
  .lg-pb2 {
    padding-bottom: 1rem;
  }
  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg-ml2 {
    margin-left: 1rem;
  }
  .lg-mr2 {
    margin-right: 1rem;
  }
  .lg-mt2 {
    margin-top: 1rem;
  }
  .lg-mb2 {
    margin-bottom: 1rem;
  }
  .lg-mnt2 {
    margin-top: -1rem;
  }
  .lg-mnb2 {
    margin-bottom: -1rem;
  }
  .lg-mnl2 {
    margin-left: -1rem;
  }
  .lg-mnr2 {
    margin-right: -1rem;
  }
  .lg-mnx2 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .lg-gap2 {
    gap: 1rem;
  }
  .lg-rowgap2 {
    row-gap: 1rem;
  }
  .lg-colgap2 {
    column-gap: 1rem;
  }
  .lg-px3 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-pl3 {
    padding-left: 2rem;
  }
  .lg-pr3 {
    padding-right: 2rem;
  }
  .lg-pt3 {
    padding-top: 2rem;
  }
  .lg-pb3 {
    padding-bottom: 2rem;
  }
  .lg-mx3 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg-ml3 {
    margin-left: 2rem;
  }
  .lg-mr3 {
    margin-right: 2rem;
  }
  .lg-mt3 {
    margin-top: 2rem;
  }
  .lg-mb3 {
    margin-bottom: 2rem;
  }
  .lg-mnt3 {
    margin-top: -2rem;
  }
  .lg-mnb3 {
    margin-bottom: -2rem;
  }
  .lg-mnl3 {
    margin-left: -2rem;
  }
  .lg-mnr3 {
    margin-right: -2rem;
  }
  .lg-mnx3 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .lg-gap3 {
    gap: 2rem;
  }
  .lg-rowgap3 {
    row-gap: 2rem;
  }
  .lg-colgap3 {
    column-gap: 2rem;
  }
  .lg-px4 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg-pl4 {
    padding-left: 4rem;
  }
  .lg-pr4 {
    padding-right: 4rem;
  }
  .lg-pt4 {
    padding-top: 4rem;
  }
  .lg-pb4 {
    padding-bottom: 4rem;
  }
  .lg-mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .lg-ml4 {
    margin-left: 4rem;
  }
  .lg-mr4 {
    margin-right: 4rem;
  }
  .lg-mt4 {
    margin-top: 4rem;
  }
  .lg-mb4 {
    margin-bottom: 4rem;
  }
  .lg-mnt4 {
    margin-top: -4rem;
  }
  .lg-mnb4 {
    margin-bottom: -4rem;
  }
  .lg-mnl4 {
    margin-left: -4rem;
  }
  .lg-mnr4 {
    margin-right: -4rem;
  }
  .lg-mnx4 {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  .lg-gap4 {
    gap: 4rem;
  }
  .lg-rowgap4 {
    row-gap: 4rem;
  }
  .lg-colgap4 {
    column-gap: 4rem;
  }
  .lg-px5 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .lg-py5 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .lg-pl5 {
    padding-left: 8rem;
  }
  .lg-pr5 {
    padding-right: 8rem;
  }
  .lg-pt5 {
    padding-top: 8rem;
  }
  .lg-pb5 {
    padding-bottom: 8rem;
  }
  .lg-mx5 {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .lg-my5 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .lg-ml5 {
    margin-left: 8rem;
  }
  .lg-mr5 {
    margin-right: 8rem;
  }
  .lg-mt5 {
    margin-top: 8rem;
  }
  .lg-mb5 {
    margin-bottom: 8rem;
  }
  .lg-mnt5 {
    margin-top: -8rem;
  }
  .lg-mnb5 {
    margin-bottom: -8rem;
  }
  .lg-mnl5 {
    margin-left: -8rem;
  }
  .lg-mnr5 {
    margin-right: -8rem;
  }
  .lg-mnx5 {
    margin-left: -8rem;
    margin-right: -8rem;
  }
  .lg-gap5 {
    gap: 8rem;
  }
  .lg-rowgap5 {
    row-gap: 8rem;
  }
  .lg-colgap5 {
    column-gap: 8rem;
  }
  .lg-px0-5 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg-py0-5 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg-pl0-5 {
    padding-left: 0.25rem;
  }
  .lg-pr0-5 {
    padding-right: 0.25rem;
  }
  .lg-pt0-5 {
    padding-top: 0.25rem;
  }
  .lg-pb0-5 {
    padding-bottom: 0.25rem;
  }
  .lg-mx0-5 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg-my0-5 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .lg-ml0-5 {
    margin-left: 0.25rem;
  }
  .lg-mr0-5 {
    margin-right: 0.25rem;
  }
  .lg-mt0-5 {
    margin-top: 0.25rem;
  }
  .lg-mb0-5 {
    margin-bottom: 0.25rem;
  }
  .lg-mnt0-5 {
    margin-top: -0.25rem;
  }
  .lg-mnb0-5 {
    margin-bottom: -0.25rem;
  }
  .lg-mnl0-5 {
    margin-left: -0.25rem;
  }
  .lg-mnr0-5 {
    margin-right: -0.25rem;
  }
  .lg-mnx0-5 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .lg-gap0-5 {
    gap: 0.25rem;
  }
  .lg-rowgap0-5 {
    row-gap: 0.25rem;
  }
  .lg-colgap0-5 {
    column-gap: 0.25rem;
  }
  .lg-px1-5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg-py1-5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg-pl1-5 {
    padding-left: 0.75rem;
  }
  .lg-pr1-5 {
    padding-right: 0.75rem;
  }
  .lg-pt1-5 {
    padding-top: 0.75rem;
  }
  .lg-pb1-5 {
    padding-bottom: 0.75rem;
  }
  .lg-mx1-5 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg-my1-5 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .lg-ml1-5 {
    margin-left: 0.75rem;
  }
  .lg-mr1-5 {
    margin-right: 0.75rem;
  }
  .lg-mt1-5 {
    margin-top: 0.75rem;
  }
  .lg-mb1-5 {
    margin-bottom: 0.75rem;
  }
  .lg-mnt1-5 {
    margin-top: -0.75rem;
  }
  .lg-mnb1-5 {
    margin-bottom: -0.75rem;
  }
  .lg-mnl1-5 {
    margin-left: -0.75rem;
  }
  .lg-mnr1-5 {
    margin-right: -0.75rem;
  }
  .lg-mnx1-5 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .lg-gap1-5 {
    gap: 0.75rem;
  }
  .lg-rowgap1-5 {
    row-gap: 0.75rem;
  }
  .lg-colgap1-5 {
    column-gap: 0.75rem;
  }
  .lg-px2-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg-py2-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg-pl2-25 {
    padding-left: 1.25rem;
  }
  .lg-pr2-25 {
    padding-right: 1.25rem;
  }
  .lg-pt2-25 {
    padding-top: 1.25rem;
  }
  .lg-pb2-25 {
    padding-bottom: 1.25rem;
  }
  .lg-mx2-25 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg-my2-25 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .lg-ml2-25 {
    margin-left: 1.25rem;
  }
  .lg-mr2-25 {
    margin-right: 1.25rem;
  }
  .lg-mt2-25 {
    margin-top: 1.25rem;
  }
  .lg-mb2-25 {
    margin-bottom: 1.25rem;
  }
  .lg-mnt2-25 {
    margin-top: -1.25rem;
  }
  .lg-mnb2-25 {
    margin-bottom: -1.25rem;
  }
  .lg-mnl2-25 {
    margin-left: -1.25rem;
  }
  .lg-mnr2-25 {
    margin-right: -1.25rem;
  }
  .lg-mnx2-25 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .lg-gap2-25 {
    gap: 1.25rem;
  }
  .lg-rowgap2-25 {
    row-gap: 1.25rem;
  }
  .lg-colgap2-25 {
    column-gap: 1.25rem;
  }
  .lg-px2-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg-py2-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg-pl2-5 {
    padding-left: 1.5rem;
  }
  .lg-pr2-5 {
    padding-right: 1.5rem;
  }
  .lg-pt2-5 {
    padding-top: 1.5rem;
  }
  .lg-pb2-5 {
    padding-bottom: 1.5rem;
  }
  .lg-mx2-5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lg-my2-5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .lg-ml2-5 {
    margin-left: 1.5rem;
  }
  .lg-mr2-5 {
    margin-right: 1.5rem;
  }
  .lg-mt2-5 {
    margin-top: 1.5rem;
  }
  .lg-mb2-5 {
    margin-bottom: 1.5rem;
  }
  .lg-mnt2-5 {
    margin-top: -1.5rem;
  }
  .lg-mnb2-5 {
    margin-bottom: -1.5rem;
  }
  .lg-mnl2-5 {
    margin-left: -1.5rem;
  }
  .lg-mnr2-5 {
    margin-right: -1.5rem;
  }
  .lg-mnx2-5 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .lg-gap2-5 {
    gap: 1.5rem;
  }
  .lg-rowgap2-5 {
    row-gap: 1.5rem;
  }
  .lg-colgap2-5 {
    column-gap: 1.5rem;
  }
  .lg-px2-75 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg-py2-75 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .lg-pl2-75 {
    padding-left: 1.75rem;
  }
  .lg-pr2-75 {
    padding-right: 1.75rem;
  }
  .lg-pt2-75 {
    padding-top: 1.75rem;
  }
  .lg-pb2-75 {
    padding-bottom: 1.75rem;
  }
  .lg-mx2-75 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .lg-my2-75 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .lg-ml2-75 {
    margin-left: 1.75rem;
  }
  .lg-mr2-75 {
    margin-right: 1.75rem;
  }
  .lg-mt2-75 {
    margin-top: 1.75rem;
  }
  .lg-mb2-75 {
    margin-bottom: 1.75rem;
  }
  .lg-mnt2-75 {
    margin-top: -1.75rem;
  }
  .lg-mnb2-75 {
    margin-bottom: -1.75rem;
  }
  .lg-mnl2-75 {
    margin-left: -1.75rem;
  }
  .lg-mnr2-75 {
    margin-right: -1.75rem;
  }
  .lg-mnx2-75 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .lg-gap2-75 {
    gap: 1.75rem;
  }
  .lg-rowgap2-75 {
    row-gap: 1.75rem;
  }
  .lg-colgap2-75 {
    column-gap: 1.75rem;
  }
  .lg-px3-25 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg-py3-25 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg-pl3-25 {
    padding-left: 2.5rem;
  }
  .lg-pr3-25 {
    padding-right: 2.5rem;
  }
  .lg-pt3-25 {
    padding-top: 2.5rem;
  }
  .lg-pb3-25 {
    padding-bottom: 2.5rem;
  }
  .lg-mx3-25 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lg-my3-25 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .lg-ml3-25 {
    margin-left: 2.5rem;
  }
  .lg-mr3-25 {
    margin-right: 2.5rem;
  }
  .lg-mt3-25 {
    margin-top: 2.5rem;
  }
  .lg-mb3-25 {
    margin-bottom: 2.5rem;
  }
  .lg-mnt3-25 {
    margin-top: -2.5rem;
  }
  .lg-mnb3-25 {
    margin-bottom: -2.5rem;
  }
  .lg-mnl3-25 {
    margin-left: -2.5rem;
  }
  .lg-mnr3-25 {
    margin-right: -2.5rem;
  }
  .lg-mnx3-25 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .lg-gap3-25 {
    gap: 2.5rem;
  }
  .lg-rowgap3-25 {
    row-gap: 2.5rem;
  }
  .lg-colgap3-25 {
    column-gap: 2.5rem;
  }
  .lg-px3-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg-py3-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg-pl3-5 {
    padding-left: 3rem;
  }
  .lg-pr3-5 {
    padding-right: 3rem;
  }
  .lg-pt3-5 {
    padding-top: 3rem;
  }
  .lg-pb3-5 {
    padding-bottom: 3rem;
  }
  .lg-mx3-5 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg-my3-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg-ml3-5 {
    margin-left: 3rem;
  }
  .lg-mr3-5 {
    margin-right: 3rem;
  }
  .lg-mt3-5 {
    margin-top: 3rem;
  }
  .lg-mb3-5 {
    margin-bottom: 3rem;
  }
  .lg-mnt3-5 {
    margin-top: -3rem;
  }
  .lg-mnb3-5 {
    margin-bottom: -3rem;
  }
  .lg-mnl3-5 {
    margin-left: -3rem;
  }
  .lg-mnr3-5 {
    margin-right: -3rem;
  }
  .lg-mnx3-5 {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  .lg-gap3-5 {
    gap: 3rem;
  }
  .lg-rowgap3-5 {
    row-gap: 3rem;
  }
  .lg-colgap3-5 {
    column-gap: 3rem;
  }
  .lg-px3-75 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg-py3-75 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .lg-pl3-75 {
    padding-left: 3.5rem;
  }
  .lg-pr3-75 {
    padding-right: 3.5rem;
  }
  .lg-pt3-75 {
    padding-top: 3.5rem;
  }
  .lg-pb3-75 {
    padding-bottom: 3.5rem;
  }
  .lg-mx3-75 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .lg-my3-75 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .lg-ml3-75 {
    margin-left: 3.5rem;
  }
  .lg-mr3-75 {
    margin-right: 3.5rem;
  }
  .lg-mt3-75 {
    margin-top: 3.5rem;
  }
  .lg-mb3-75 {
    margin-bottom: 3.5rem;
  }
  .lg-mnt3-75 {
    margin-top: -3.5rem;
  }
  .lg-mnb3-75 {
    margin-bottom: -3.5rem;
  }
  .lg-mnl3-75 {
    margin-left: -3.5rem;
  }
  .lg-mnr3-75 {
    margin-right: -3.5rem;
  }
  .lg-mnx3-75 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }
  .lg-gap3-75 {
    gap: 3.5rem;
  }
  .lg-rowgap3-75 {
    row-gap: 3.5rem;
  }
  .lg-colgap3-75 {
    column-gap: 3.5rem;
  }
  .lg-px4-5 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg-py4-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg-pl4-5 {
    padding-left: 5rem;
  }
  .lg-pr4-5 {
    padding-right: 5rem;
  }
  .lg-pt4-5 {
    padding-top: 5rem;
  }
  .lg-pb4-5 {
    padding-bottom: 5rem;
  }
  .lg-mx4-5 {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  .lg-my4-5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .lg-ml4-5 {
    margin-left: 5rem;
  }
  .lg-mr4-5 {
    margin-right: 5rem;
  }
  .lg-mt4-5 {
    margin-top: 5rem;
  }
  .lg-mb4-5 {
    margin-bottom: 5rem;
  }
  .lg-mnt4-5 {
    margin-top: -5rem;
  }
  .lg-mnb4-5 {
    margin-bottom: -5rem;
  }
  .lg-mnl4-5 {
    margin-left: -5rem;
  }
  .lg-mnr4-5 {
    margin-right: -5rem;
  }
  .lg-mnx4-5 {
    margin-left: -5rem;
    margin-right: -5rem;
  }
  .lg-gap4-5 {
    gap: 5rem;
  }
  .lg-rowgap4-5 {
    row-gap: 5rem;
  }
  .lg-colgap4-5 {
    column-gap: 5rem;
  }
  .lg-px4-75 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .lg-py4-75 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .lg-pl4-75 {
    padding-left: 6.25rem;
  }
  .lg-pr4-75 {
    padding-right: 6.25rem;
  }
  .lg-pt4-75 {
    padding-top: 6.25rem;
  }
  .lg-pb4-75 {
    padding-bottom: 6.25rem;
  }
  .lg-mx4-75 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .lg-my4-75 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .lg-ml4-75 {
    margin-left: 6.25rem;
  }
  .lg-mr4-75 {
    margin-right: 6.25rem;
  }
  .lg-mt4-75 {
    margin-top: 6.25rem;
  }
  .lg-mb4-75 {
    margin-bottom: 6.25rem;
  }
  .lg-mnt4-75 {
    margin-top: -6.25rem;
  }
  .lg-mnb4-75 {
    margin-bottom: -6.25rem;
  }
  .lg-mnl4-75 {
    margin-left: -6.25rem;
  }
  .lg-mnr4-75 {
    margin-right: -6.25rem;
  }
  .lg-mnx4-75 {
    margin-left: -6.25rem;
    margin-right: -6.25rem;
  }
  .lg-gap4-75 {
    gap: 6.25rem;
  }
  .lg-rowgap4-75 {
    row-gap: 6.25rem;
  }
  .lg-colgap4-75 {
    column-gap: 6.25rem;
  }
  .lg-px5-5 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg-py5-5 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .lg-pl5-5 {
    padding-left: 10rem;
  }
  .lg-pr5-5 {
    padding-right: 10rem;
  }
  .lg-pt5-5 {
    padding-top: 10rem;
  }
  .lg-pb5-5 {
    padding-bottom: 10rem;
  }
  .lg-mx5-5 {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .lg-my5-5 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .lg-ml5-5 {
    margin-left: 10rem;
  }
  .lg-mr5-5 {
    margin-right: 10rem;
  }
  .lg-mt5-5 {
    margin-top: 10rem;
  }
  .lg-mb5-5 {
    margin-bottom: 10rem;
  }
  .lg-mnt5-5 {
    margin-top: -10rem;
  }
  .lg-mnb5-5 {
    margin-bottom: -10rem;
  }
  .lg-mnl5-5 {
    margin-left: -10rem;
  }
  .lg-mnr5-5 {
    margin-right: -10rem;
  }
  .lg-mnx5-5 {
    margin-left: -10rem;
    margin-right: -10rem;
  }
  .lg-gap5-5 {
    gap: 10rem;
  }
  .lg-rowgap5-5 {
    row-gap: 10rem;
  }
  .lg-colgap5-5 {
    column-gap: 10rem;
  }
  .lg-px5-75 {
    padding-left: 12.5rem;
    padding-right: 12.5rem;
  }
  .lg-py5-75 {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
  .lg-pl5-75 {
    padding-left: 12.5rem;
  }
  .lg-pr5-75 {
    padding-right: 12.5rem;
  }
  .lg-pt5-75 {
    padding-top: 12.5rem;
  }
  .lg-pb5-75 {
    padding-bottom: 12.5rem;
  }
  .lg-mx5-75 {
    margin-left: 12.5rem;
    margin-right: 12.5rem;
  }
  .lg-my5-75 {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
  }
  .lg-ml5-75 {
    margin-left: 12.5rem;
  }
  .lg-mr5-75 {
    margin-right: 12.5rem;
  }
  .lg-mt5-75 {
    margin-top: 12.5rem;
  }
  .lg-mb5-75 {
    margin-bottom: 12.5rem;
  }
  .lg-mnt5-75 {
    margin-top: -12.5rem;
  }
  .lg-mnb5-75 {
    margin-bottom: -12.5rem;
  }
  .lg-mnl5-75 {
    margin-left: -12.5rem;
  }
  .lg-mnr5-75 {
    margin-right: -12.5rem;
  }
  .lg-mnx5-75 {
    margin-left: -12.5rem;
    margin-right: -12.5rem;
  }
  .lg-gap5-75 {
    gap: 12.5rem;
  }
  .lg-rowgap5-75 {
    row-gap: 12.5rem;
  }
  .lg-colgap5-75 {
    column-gap: 12.5rem;
  }
  .lg-px6 {
    padding-left: 15rem;
    padding-right: 15rem;
  }
  .lg-py6 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  .lg-pl6 {
    padding-left: 15rem;
  }
  .lg-pr6 {
    padding-right: 15rem;
  }
  .lg-pt6 {
    padding-top: 15rem;
  }
  .lg-pb6 {
    padding-bottom: 15rem;
  }
  .lg-mx6 {
    margin-left: 15rem;
    margin-right: 15rem;
  }
  .lg-my6 {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
  .lg-ml6 {
    margin-left: 15rem;
  }
  .lg-mr6 {
    margin-right: 15rem;
  }
  .lg-mt6 {
    margin-top: 15rem;
  }
  .lg-mb6 {
    margin-bottom: 15rem;
  }
  .lg-mnt6 {
    margin-top: -15rem;
  }
  .lg-mnb6 {
    margin-bottom: -15rem;
  }
  .lg-mnl6 {
    margin-left: -15rem;
  }
  .lg-mnr6 {
    margin-right: -15rem;
  }
  .lg-mnx6 {
    margin-left: -15rem;
    margin-right: -15rem;
  }
  .lg-gap6 {
    gap: 15rem;
  }
  .lg-rowgap6 {
    row-gap: 15rem;
  }
  .lg-colgap6 {
    column-gap: 15rem;
  }
}
.spinner_wrapper.overlay_spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  opacity: 0.9;
}
.spinner_wrapper.overlay_spinner .loader {
  margin: 0 auto;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader.mini_loader,
.loader.mini_loader:after {
  width: 2em;
  height: 2em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(49, 77, 130, 0.2);
  border-right: 1.1em solid rgba(49, 77, 130, 0.2);
  border-bottom: 1.1em solid rgba(49, 77, 130, 0.2);
  border-left: 1.1em solid #314d82;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-slide {
  height: auto;
}
td.nowrap,
th.nowrap {
  white-space: nowrap;
}
table.client {
  width: 100%;
  border-collapse: collapse;
}
table.client th {
  font-weight: 700;
  color: #8697a5;
  font-size: 12px;
}
table.client tbody tr {
  border-bottom: 1px solid var(--color-neutral-55);
}
table.client tbody tr:last-child {
  border: none;
}
table.client td {
  cursor: pointer;
  color: var(--color-secondary-800);
  background-color: var(--color-neutral-15);
  border-collapse: collapse;
  font-size: 14px;
}
@media (max-width: 52em) {
  table.client td {
    font-size: 12px;
  }
}
table.client th,
table.client td {
  text-align: left;
  padding: 8px;
}
table.client th:first-child,
table.client td:first-child {
  padding-left: 16px;
}
table.client th:last-child,
table.client td:last-child {
  padding-right: 16px;
}
table.simple {
  border-collapse: collapse;
}
table.simple th,
table.simple td {
  padding: 15px;
  text-align: left;
}
table.simple th {
  border-bottom: 1px solid var(--color-neutral-55);
}
table.simple tr:hover {
  background: #f7f9fb;
}
table.simple tr:nth-child(even) {
  background: #f7f9fb;
}
table.condensed {
  border-collapse: collapse;
}
table.condensed th,
table.condensed td {
  padding: 7px;
  font-size: 12px;
}
table.condensed th {
  text-align: left;
}
table.condensed tr:hover {
  background: #f7f9fb;
}
table.condensed tr:nth-child(even) {
  background: #f7f9fb;
}
table.fit {
  width: 100%;
}
table.fixed-table {
  table-layout: fixed;
}
table.table-admin-striped,
table.striped,
table.striped-inverse {
  border-collapse: collapse;
  font-size: 13px;
}
table.table-admin-striped td,
table.striped td,
table.striped-inverse td {
  padding: 5px;
}
table.table-admin-striped th,
table.striped th,
table.striped-inverse th {
  text-align: left;
  padding: 10px 5px;
}
table.table-admin-striped form.admin-modal-form input,
table.striped form.admin-modal-form input,
table.striped-inverse form.admin-modal-form input {
  margin-bottom: 0;
}
table.table-admin-striped tr:nth-child(odd),
table.striped tr:nth-child(odd) {
  background-color: var(--color-neutral-15);
}
table.table-admin-striped th,
table.striped th {
  background: var(--color-neutral-15);
}
table.striped-inverse tr:nth-child(even) {
  background-color: var(--color-neutral-15);
}
table.striped-inverse th {
  background: var(--color-neutral-15);
}
table.table-admin-striped-invoice-modal {
  border-collapse: collapse;
  font-size: 13px;
}
table.table-admin-striped-invoice-modal td {
  padding: 10px;
  text-align: left;
}
table.table-admin-striped-invoice-modal th {
  text-align: left;
  background: #ffffff;
  padding: 10px;
}
table.table-admin-striped-invoice-modal tr:nth-child(odd) {
  background-color: var(--color-neutral-15);
}
table.table-admin-striped-invoice-modal form.admin-modal-form input {
  margin-bottom: 0;
}
table.table-admin-plain {
  border-collapse: collapse;
  font-size: 13px;
}
table.table-admin-plain th {
  text-align: left;
  padding: 5px 20px;
  white-space: nowrap;
}
table.table-admin-plain td {
  padding: 5px 20px;
}
table.worklist {
  border-collapse: collapse;
}
table.worklist.center th,
table.worklist.center tr {
  text-align: center;
}
table.worklist:not(.center) th,
table.worklist:not(.center) tr {
  text-align: left;
}
table.worklist th {
  font-weight: 600;
  color: var(--color-neutral-400);
  font-size: 13px;
  padding: 5px;
}
table.worklist td {
  font-size: 13px;
  padding: 8px;
  border-collapse: collapse;
}
table.worklist td.minor {
  font-size: 13px;
  color: #9da5ad;
}
table.worklist.h6 th,
table.worklist.h6 td {
  font-size: 0.75rem;
}
table.worklist.header-h7 th {
  font-weight: 600;
  font-size: 0.65rem;
}
table.worklist:not(.no-hover) tbody > tr:hover {
  background: var(--color-neutral-55);
  color: var(--color-neutral-400);
  cursor: pointer;
}
table.worklist:not(.no-hover) tbody > tr:hover .hidden-button {
  visibility: visible;
}
table.worklist .hidden-button {
  visibility: hidden;
}
table.py0-5 td {
  padding: 2px 0;
}
table.py1 td {
  padding: 5px 0;
}
table.py2 td {
  padding: 10px 0;
}
table.py3.px2 td {
  padding: 15px 10px;
}
table.p2 td {
  padding: 10px;
}
th.right-align,
td.right-align {
  text-align: right !important;
}
table.data-table td {
  padding: 6px 0;
  font-weight: 600;
}
table.data-table th {
  color: var(--color-neutral-400);
  font-weight: 400;
  text-align: left;
  padding-right: 20px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #e85b5b;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  color: #fff;
  background: red;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.tooltip-tr {
  position: relative;
}
.tooltip-tr:hover .tooltiptext {
  visibility: visible;
}
.tooltip-tr .tooltiptext {
  visibility: hidden;
  width: 300px;
  color: #fff;
  background: var(--color-secondary-800);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  left: -150px;
  position: absolute;
  top: -80px;
  z-index: 1;
}
.qq-tooltip {
  position: relative;
  display: inline-block;
}
.qq-tooltip:hover .tooltiptext {
  visibility: visible;
}
.qq-tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #dcdfe3;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  padding: 14px;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -115px;
  margin-top: -20px;
}
.ac-tooltip {
  position: relative;
  display: inline-block;
}
.ac-tooltip:hover .tooltiptext {
  opacity: 0.9;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.ac-tooltip .tooltiptext {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  color: #ffffff;
  background: var(--color-secondary-800);
  text-align: center;
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block-tooltip {
  display: block;
}
.block-tooltip svg {
  display: block;
}
.inline-block-tooltip {
  display: inline-block;
}
.app_client_layout .block-tooltip .tooltiptext.white_tooltiptext,
.app_client_layout .inline-block-tooltip .tooltiptext.white_tooltiptext {
  color: var(--color-neutral-800);
}
.block-tooltip,
.inline-block-tooltip,
.relative-tooltip {
  position: relative;
}
.block-tooltip:hover .tooltiptext,
.inline-block-tooltip:hover .tooltiptext,
.relative-tooltip:hover .tooltiptext {
  display: block;
}
.block-tooltip .tooltiptext,
.inline-block-tooltip .tooltiptext,
.relative-tooltip .tooltiptext {
  display: none;
  width: 140px;
  background-color: var(--color-neutral-400);
  color: var(--color-neutral-0);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 5;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
}
.block-tooltip .tooltiptext.app_client_tooltiptext,
.inline-block-tooltip .tooltiptext.app_client_tooltiptext,
.relative-tooltip .tooltiptext.app_client_tooltiptext {
  font-size: var(--typography-s);
  color: #eaeaec;
  background-color: #1d1d20;
  font-style: normal;
  padding: 1rem;
  width: 250px;
}
.block-tooltip .tooltiptext.white_tooltiptext,
.inline-block-tooltip .tooltiptext.white_tooltiptext,
.relative-tooltip .tooltiptext.white_tooltiptext {
  background-color: #fff;
  border: 1px solid var(--color-neutral-400);
  top: calc(100% + 8px);
  font-size: var(--typography-s);
  color: var(--color-neutral-800);
  font-style: normal;
  padding: 1rem;
  width: 350px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.block-tooltip .tooltiptext.tight_top_tooltip,
.inline-block-tooltip .tooltiptext.tight_top_tooltip,
.relative-tooltip .tooltiptext.tight_top_tooltip {
  top: 100%;
}
.block-tooltip .tooltiptext.tooltip_right,
.inline-block-tooltip .tooltiptext.tooltip_right,
.relative-tooltip .tooltiptext.tooltip_right {
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 8px);
}
.block-tooltip .tooltiptext.tooltip_left,
.inline-block-tooltip .tooltiptext.tooltip_left,
.relative-tooltip .tooltiptext.tooltip_left {
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 8px);
  left: auto;
}
.block-tooltip .tooltiptext.tight_width_tooltip,
.inline-block-tooltip .tooltiptext.tight_width_tooltip,
.relative-tooltip .tooltiptext.tight_width_tooltip {
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  line-height: 140%;
}
.block-tooltip .tooltiptext.top_left_tooltip,
.inline-block-tooltip .tooltiptext.top_left_tooltip,
.relative-tooltip .tooltiptext.top_left_tooltip {
  left: auto;
  right: calc(50% - 6px);
  top: auto;
  bottom: calc(100% + 8px);
  transform: none;
  border-radius: 4px 4px 3px 4px;
}
.block-tooltip .tooltiptext::after,
.inline-block-tooltip .tooltiptext::after,
.relative-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--color-neutral-400) transparent;
}
.block-tooltip .white_tooltiptext::after,
.inline-block-tooltip .white_tooltiptext::after,
.relative-tooltip .white_tooltiptext::after {
  border-color: transparent;
}
.block-tooltip .app_client_tooltiptext::after,
.inline-block-tooltip .app_client_tooltiptext::after,
.relative-tooltip .app_client_tooltiptext::after {
  border-color: transparent transparent #1d1d20 transparent;
}
.block-tooltip .tooltip_right.tooltiptext::after,
.inline-block-tooltip .tooltip_right.tooltiptext::after,
.relative-tooltip .tooltip_right.tooltiptext::after {
  bottom: 50%;
  left: -4px;
  transform: rotate(-90deg) translateX(-50%);
}
.block-tooltip .top_left_tooltip.tooltiptext::after,
.inline-block-tooltip .top_left_tooltip.tooltiptext::after,
.relative-tooltip .top_left_tooltip.tooltiptext::after {
  top: 96%;
  bottom: auto;
  left: auto;
  right: 1px;
  border-width: 5px;
  border-color: var(--color-neutral-400) transparent transparent transparent;
  transform: rotate(-10deg);
}
trix-editor {
  background: #fff;
  font-size: 14px;
}
trix-editor a {
  text-decoration: underline;
}
trix-toolbar .trix-button-group--file-tools,
trix-toolbar .trix-button-group-spacer {
  display: none;
}
.hide_trix_block_tools .trix-button-group--block-tools {
  display: none;
}
#vimeo-video-container {
  position: relative;
  padding-top: 56.25%;
}
#vimeo-video-container iframe {
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-component^="action-card"] .card_cta,
[data-component^="action-card"] .stacked_icon {
  transition: all 300ms;
  transition-timing-function: ease-out;
}
[data-component^="action-card"]:hover .card_cta {
  margin-right: calc(-1 * var(--spacing-1));
}
[data-component="action-card.quote-detail"] .stacked_icon {
  margin-left: calc(-1 * var(--spacing-3-5));
}
[data-component="action-card.quote-detail"]:hover .stacked_icon {
  margin-left: calc(-1.1 * var(--spacing-3-25));
}
[data-component="action-card.service"] .stacked_icon {
  margin-left: calc(-1 * var(--spacing-3-5));
}
[data-component="action-card.service"]:hover .stacked_icon {
  margin-left: calc(-1.1 * var(--spacing-3-25));
}
[data-component^="action-card.service"]:hover .card_cta {
  color: var(--color-secondary-800);
}
[data-component^="action-card.service"]:hover .card_cta svg g:not(.lock-fill),
[data-component^="action-card.service"]:hover
  .card_cta
  svg
  path:not(.lock-fill) {
  fill: var(--color-secondary-800);
}
[data-component="action-card.design-configurations"] .stacked_icon {
  margin-left: calc(-1 * var(--spacing-4));
}
@media (min-width: 52em) {
  [data-component="action-card.design-configurations"] .stacked_icon {
    margin-left: calc(-1 * var(--spacing-4));
  }
}
@media (min-width: 52em) and (hover: hover) and (pointer: fine) {
  [data-component="action-card.design-configurations"]:hover .stacked_icon {
    margin-left: calc(-1.1 * var(--spacing-3-5));
  }
}
html.app_client_layout .action-menu {
  display: inline-block;
}
html.app_client_layout .action-menu:hover #action-menu-btn-light {
  background: #dfdfe2;
}
html.app_client_layout .action-menu:hover #action-menu-btn-dark {
  background: #312753;
}
.sheet {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
  width: 100%;
}
.sheet[aria-hidden="true"],
.sheet-overlay[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sheet-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: var(--color-neutral-800);
  opacity: 0.7;
}
.sheet .contents {
  position: relative;
  overflow-y: hidden;
  --default-transitions: transform 0.5s, border-radius 0.5s;
  transition: var(--default-transitions);
  transform: translateY(0);
  max-height: 80vh;
  height: 30vh;
  width: 100%;
  box-sizing: border-box;
}
.sheet .contents:not(.not-selectable) {
  transition: var(--default-transitions), height 0.5s;
}
.sheet.bottom[aria-hidden="true"] .contents {
  transform: translateY(100%);
}
.sheet.top[aria-hidden="true"] .contents {
  transform: translateY(-100%);
}
.sheet .draggable-area {
  padding: 10px;
  cursor: grab;
}
.sheet .draggable-thumb {
  width: 80px;
  height: 0.25rem;
  border-radius: 0.125rem;
}
.sheet .body {
  background: #fff;
  height: 100%;
  overflow-y: auto;
}
.date-tile-component {
  transition: all 150ms;
  border-radius: 8px;
  text-align: center;
  height: 116px;
  display: flex;
  padding: 8px;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.date-tile-component .date-tile-fully-booked {
  display: none;
}
.date-tile-component.date-tile-unavailable {
  background: #dfdfe2;
  color: #6d6b75;
}
.date-tile-component.date-tile-unavailable:hover .date-tile-date {
  display: none;
}
.date-tile-component.date-tile-unavailable:hover .date-tile-fully-booked {
  color: #6d6b75;
  display: block;
}
.date-tile-component.date-tile-available {
  cursor: pointer;
}
.date-tile-component.date-tile-available.date-tile-light {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #eaeaec;
  color: #3e3168;
}
.date-tile-component.date-tile-available.date-tile-light:hover {
  background-color: #eeebfc;
  box-shadow: inset 0 0 0 2px #eeebfc;
}
.date-tile-component.date-tile-available.date-tile-light.date-tile-selected {
  background-color: #eeebfc;
  box-shadow: inset 0 0 0 4px #5f4ad2;
  color: #3e3168;
}
.date-tile-component.date-tile-available.date-tile-gradient {
  box-shadow: inset 0 0 0 2px #5f4ad2;
  color: #5f4ad2;
}
.date-tile-component.date-tile-available.date-tile-gradient:hover {
  background-color: #d6d1f3;
  box-shadow: inset 0 0 0 2px #5f4ad2;
  color: #3e3168;
}
.date-tile-component.date-tile-available.date-tile-gradient.date-tile-selected {
  background-color: #eeebfc;
  box-shadow: inset 0 0 0 4px #5f4ad2;
  color: #3e3168;
}
.date-tile-component.date-tile-available.date-tile-dark {
  box-shadow: inset 0 0 0 2px #ffffff;
  color: #ffffff;
}
.date-tile-component.date-tile-available.date-tile-dark:hover {
  background-color: #d6d1f3;
  box-shadow: inset 0 0 0 2px #5f4ad2;
  color: #3e3168;
}
.date-tile-component.date-tile-available.date-tile-dark.date-tile-selected {
  background-color: #eeebfc;
  box-shadow: inset 0 0 0 4px #5f4ad2;
  color: #3e3168;
}
html.app_client_layout .card-case-study-component .slider,
html.marketing_layout .card-case-study-component .slider {
  bottom: -50px;
  opacity: 0%;
  transition: all 150ms ease-out;
}
html.app_client_layout .card-case-study-component:hover .slider,
html.marketing_layout .card-case-study-component:hover .slider {
  bottom: 0;
  opacity: 100%;
}
.fade-scroll-section-component .fade-scroll-section,
.fade-scroll-section-component .fade-scroll-image-section {
  height: 100vh;
}
@supports (height: 100svh) {
  .fade-scroll-section-component .fade-scroll-section,
  .fade-scroll-section-component .fade-scroll-image-section {
    height: 100svh;
  }
}
.fade-scroll-section-component .background-section {
  background-image: linear-gradient(
    160deg,
    var(--color-primary-100) 0%,
    #faf6f7 42%,
    #faf6f7 68%,
    var(--color-primary-100) 100%
  );
}
.fade-scroll-section-component .fade-scroll-image-section {
  transition: opacity 500ms;
}
.fade-scroll-section-component .content-fade {
  opacity: 0%;
  animation: view-fade-in-out ease-in-out;
  animation-timeline: view();
  animation-range-start: contain;
  animation-range-end: 90%;
}
@media (min-width: 52em) {
  .fade-scroll-section-component .background-section {
    background-image: linear-gradient(
      180deg,
      var(--color-primary-100) 0%,
      #faf6f7,
      #faf6f7 68%,
      var(--color-primary-100) 100%
    );
  }
}
.flip-card {
  background-color: transparent;
  perspective: 1000px;
}
.flip-card-inner {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-back {
  transform: rotateY(180deg);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
[data-component="focus-sidebar"] {
  height: 97vh;
  min-height: 97vh;
  max-height: 97vh;
  overflow: hidden;
  display: flex;
}
@supports (min-height: 100dvh) {
  [data-component="focus-sidebar"] {
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
  }
}
[data-component="focus-sidebar"] > main {
  flex-basis: 0;
  flex-grow: 999;
}
[data-component="focus-sidebar"] > aside {
  flex-grow: 1;
  flex-basis: MAX(
    calc(calc(100 - var(--vert-split-percent)) * 1%),
    calc(var(--vert-split-min) * 1px)
  );
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}
[data-component="focus-sidebar"] > aside::-webkit-scrollbar {
  display: none;
}
@media (max-width: 64em) {
  [data-component="focus-sidebar"] {
    flex-direction: column;
  }
  [data-component="focus-sidebar"] > main {
    max-height: calc(var(--horiz-split-percent) * 1vh);
    min-height: calc(var(--horiz-split-percent) * 1vh);
  }
  @supports (min-height: 100dvh) {
    [data-component="focus-sidebar"] > main {
      max-height: calc(var(--horiz-split-percent) * 1dvh);
      min-height: calc(var(--horiz-split-percent) * 1dvh);
    }
  }
  [data-component="focus-sidebar"] > aside {
    max-height: calc(calc(97 - var(--horiz-split-percent)) * 1vh);
    min-height: calc(calc(97 - var(--horiz-split-percent)) * 1vh);
  }
  @supports (min-height: 100dvh) {
    [data-component="focus-sidebar"] > aside {
      max-height: calc(calc(100 - var(--horiz-split-percent)) * 1dvh);
      min-height: calc(calc(100 - var(--horiz-split-percent)) * 1dvh);
    }
  }
}
.form-input-card-selector .corner {
  width: 0;
  height: 0;
  border-top: 50px solid var(--color-secondary-800);
  border-bottom: 50px solid transparent;
  border-right: 50px solid transparent;
  border-radius: 8px 0 0 0;
  position: absolute;
  left: 8px;
}
.form-input-card-selector .corner span {
  position: absolute;
  top: -45px;
  width: 30px;
  left: 0px;
  text-align: center;
  font-weight: 500;
  color: var(--color-neutral-0);
  display: block;
}
[data-component="file-upload-dropzone"][data-component="file-upload-dropzone"] {
  border-style: dashed;
  border-radius: 16px;
  border-color: var(--color-neutral-55);
}
[data-component="file-upload-dropzone"][data-component="file-upload-dropzone"]
  .dz-preview.dz-image-preview {
  background: transparent;
}
[data-component="file-upload-dropzone"][data-component="file-upload-dropzone"]
  .dz-default.dz-message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}
[data-component="file-upload-dropzone"][data-component="file-upload-dropzone"]
  .dz-success-mark
  svg
  #Oval-2 {
  fill: var(--color-success-400);
}
[data-component="file-upload-dropzone"][data-component="file-upload-dropzone"]
  .dz-error-mark
  svg
  #Oval-2 {
  fill: var(--color-error-500);
}
div.element_selector .area_card:not(.fake_checked) {
  padding: var(--spacing-2);
}
div.element_selector .area_card.fake_checked {
  border: 4px solid #5f4ad2;
  background-color: #eeebfc;
  padding: calc(var(--spacing-2) - 2px);
}
div.element_selector .area_card:focus-visible {
  outline: 2px solid #5f4ad2;
}
div.element_selector label:hover {
  cursor: pointer;
}
div.element_selector .arrow_box:before {
  bottom: -1px;
  display: block;
  background-color: var(
    --element-selector-dropdown-bg,
    var(--color-secondary-800)
  );
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: " ";
  height: 20px;
  width: 40px;
  position: relative;
  pointer-events: none;
}
div.element_selector .arrow_box:before {
  left: 15%;
}
div.element_selector .sub_elements {
  left: 0;
  transform: translateX(0);
  width: 400px;
  top: calc(100% + 4px);
}
div.element_selector .sub_elements .sub_elements_dropdown_content {
  background-color: var(
    --element-selector-dropdown-bg,
    var(--color-secondary-800)
  );
}
@media screen and (max-width: 64em) {
  div.element_selector .sub_elements {
    left: 8px;
    right: auto;
    top: calc(100% + 2px);
    width: 60vw !important;
  }
  div.element_selector .sub_elements.odd {
    left: 8px;
    right: auto;
  }
  div.element_selector .sub_elements.even {
    left: auto;
    right: 8px;
  }
  div.element_selector .arrow_box.odd:before {
    left: 15%;
  }
  div.element_selector .arrow_box.even:before {
    left: 70%;
  }
}
@media screen and (max-width: 52em) {
  div.element_selector .sub_elements {
    width: 80vw !important;
  }
}
div.form-input-stacked-selector {
  --_selected-bg: var(
    --form-input-stacked-selector-selected-bg,
    var(--color-primary-100)
  );
  --_unselected-border: var(
    --form-input-stacked-selector-unselected-border,
    var(--color-neutral-40)
  );
  --_selected-border: var(
    --form-input-stacked-selector-selected-border,
    var(--color-secondary-800)
  );
}
div.form-input-stacked-selector label {
  margin-bottom: 0;
}
div.form-input-stacked-selector.form-input-stacked-selector.form-input-stacked-selector
  label.required::after,
div.form-input-stacked-selector.form-input-stacked-selector.form-input-stacked-selector
  label:has(input[type="checkbox"][required])::after {
  content: "";
}
div.form-input-stacked-selector .selector_label {
  border: 2px solid var(--_unselected-border);
}
@media (hover: hover) and (pointer: fine) {
  div.form-input-stacked-selector:hover .selector_label {
    background: var(--color-neutral-40);
  }
}
div.form-input-stacked-selector
  input:checked
  ~ .tooltip_parent
  .selector_label {
  background: var(--_selected-bg);
  color: var(--color-secondary-800);
  border: 2px solid var(--_selected-border);
}
div.form-input-stacked-selector
  input:checked
  ~ .tooltip_parent
  .selector_label
  .svg-container
  svg
  g:not(.lock-fill),
div.form-input-stacked-selector
  input:checked
  ~ .tooltip_parent
  .selector_label
  .svg-container
  svg
  path:not(.lock-fill) {
  fill: var(--color-secondary-800);
}
div.form-input-stacked-selector input[type="radio"],
div.form-input-stacked-selector input[type="checkbox"] {
  position: absolute !important;
  right: 50%;
  top: 50%;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0 !important;
  padding: 0 !important;
}
div.form-input-stacked-selector .add-remove-icons svg,
div.form-input-stacked-selector .add-remove-subtitle,
div.form-input-stacked-selector .add-remove-icons {
  transition: all 300ms;
}
div.form-input-stacked-selector:has(.add-remove-subtitle) .add-remove-icons {
  position: absolute;
  right: 0;
  transform: translateX(calc(-1 * var(--spacing-2)));
}
div.form-input-stacked-selector:has(.add-remove-subtitle)
  .add-remove-icons
  svg {
  opacity: 0;
}
div.form-input-stacked-selector input:checked ~ * .add-remove-icons svg {
  opacity: 1;
  transform: rotate(45deg);
}
div.form-input-stacked-selector input:checked ~ * .add-remove-subtitle {
  opacity: 0;
}
.tile-card-selector-component .radio_visually_hidden:not(:checked) + div {
  padding: var(--spacing-2) var(--spacing-2);
}
.tile-card-selector-component .radio_visually_hidden:checked + div {
  border: 4px solid #5f4ad2;
  background-color: #eeebfc;
  padding: calc(var(--spacing-2) - 2px) calc(var(--spacing-2) - 2px);
}
.tile-card-selector-component label:focus,
.tile-card-selector-component label:focus-visible {
  outline: none;
}
.tile-card-selector-component label:focus-visible div:first-of-type {
  outline: 2px solid #5f4ad2;
}
.tile-card-selector-component input:disabled + div {
  border-color: #eaeaec;
  cursor: default;
}
.tile-card-selector-component input:disabled:hover + div {
  background-color: #ffffff;
}
.gallery_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(x, minmax(0, 1fr));
  grid-gap: 0.5rem;
  grid-auto-rows: 170px;
}
@media (min-width: 52em) {
  .gallery_list {
    grid-auto-rows: 200px;
    grid-template-columns: repeat(4, 1fr);
  }
}
.gallery_list.background {
  background-color: #ffffff;
  padding: 0.5rem;
}
@media (min-width: 52em) {
  .gallery_list.background {
    padding: 1rem;
  }
}
.gallery_list.grid-height-140 {
  grid-auto-rows: 140px;
}
@media (hover: hover) and (pointer: fine) {
  .gallery_item_container:hover .gallery_item_image {
    -webkit-filter: brightness(70%);
  }
  .gallery_item_container:hover .gallery-item-btn {
    display: block;
  }
}
@media (max-width: 52em) {
  .gallery_item_container .gallery_item span.filename {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.customer-menu-navigation-component .menu:not(.selected) {
  color: #6d6b75;
}
.customer-menu-navigation-component .menu:not(.selected) svg g:not(.lock-fill),
.customer-menu-navigation-component
  .menu:not(.selected)
  svg
  path:not(.lock-fill) {
  fill: #1d1d20;
}
@media (min-width: 52em) {
  .customer-menu-navigation-component .menu:not(.selected):hover {
    background: #eaeaec;
  }
  .customer-menu-navigation-component
    .menu:not(.selected):hover
    svg
    g:not(.lock-fill),
  .customer-menu-navigation-component
    .menu:not(.selected):hover
    svg
    path:not(.lock-fill) {
    fill: #6d6b75;
  }
  .customer-menu-navigation-component .menu-link.selected {
    background: #eeebfc;
    color: #3e3168;
  }
  .customer-menu-navigation-component .menu-link.selected svg g:not(.lock-fill),
  .customer-menu-navigation-component
    .menu-link.selected
    svg
    path:not(.lock-fill) {
    fill: #3e3168;
  }
  .customer-menu-navigation-component .menu-link.selected:hover {
    background: #d6d1f3;
    color: #3e3168;
  }
  .customer-menu-navigation-component
    .menu-link.selected:hover
    svg
    g:not(.lock-fill),
  .customer-menu-navigation-component
    .menu-link.selected:hover
    svg
    path:not(.lock-fill) {
    fill: #3e3168;
  }
  .customer-menu-navigation-component
    .menu:not(.selected)
    span
    svg
    g:not(.lock-fill),
  .customer-menu-navigation-component
    .menu:not(.selected)
    span
    svg
    path:not(.lock-fill) {
    fill: #dfdfe2;
  }
}
.slider-arrows-component {
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bottom: 4px;
}
.slider-arrows-component .swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-arrows-component
  .swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background: #1d1d20;
}
.slider-arrows-component
  .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  display: block;
}
.slider-arrows-component .swiper-pagination-bullets.arrows-inset {
  --swiper-pagination-bottom: 36px;
}
.slider-arrows-component
  .swiper-pagination-bullets.arrows-inset
  .swiper-pagination-bullet-active {
  background: #ffffff;
}
.slider-arrows-component .swiper-button-disabled {
  opacity: 0;
  transition: all 150ms ease-out;
}
.slider-dots-component {
  --swiper-pagination-bullet-size: 6px;
}
.slider-dots-component .swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-dots-component
  .swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background: #1d1d20;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 400;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-regular-pro-a92acb9b480556b7e65b6a91395a5372ce376634824db9b8bdc5da39e44a2b3c.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 500;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-medium-pro-aadc198f2d1d0eb2b23291584a4bc705c6b34b9e556eae25301e061fbcbe962e.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Mabry Pro";
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "ss02" on, "case", on;
  font-style: normal;
  font-weight: 700;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/mabry-bold-pro-d57c3df67e4460be68da0e78bb73fd6815590f9442b72bb46a30e62fe1be7444.woff2)
    format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Dorian Gore";
  font-style: normal;
  src: url(//dwpbnzvyubj62.cloudfront.net/assets/doriangorerotate2-e9dca895e3d8adb7f5e62840dc58e763fd50c70d84288418d38d2304533bba52.ttf);
  font-display: swap;
}
body {
  font-family: "Mabry Pro", sans-serif;
}
.dorian-gore {
  font-size: 3.375rem;
  font-family: "Dorian Gore", sans-serif !important;
  letter-spacing: 2px !important;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
.hxxl,
hxxl {
  font-size: 5.6rem;
  line-height: 5.6rem;
}
.hxl,
hxl {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 3.5rem;
}
.h0,
h0 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 3rem;
}
.h1,
h1 {
  font-size: 2rem;
  font-weight: 700;
}
.h2,
h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.h3,
h3 {
  font-size: 1.15rem;
  font-weight: 600;
}
.h4,
h4 {
  font-size: 1rem;
  font-weight: 400;
}
.h5,
h5 {
  font-size: 0.9rem;
  font-weight: 400;
}
.h6,
h6 {
  font-size: 0.75rem;
  font-weight: 400;
}
.h7 {
  font-size: 0.65rem;
}
body {
  color: var(--color-neutral-400);
}
html.app_client_layout body p.hxxl,
html.app_client_layout body p.hxl,
html.app_client_layout body p.h0,
html.app_client_layout body p.h1,
html.app_client_layout body p.h2,
html.app_client_layout body p.h3,
html.app_client_layout body p.bold,
html.app_client_layout
  body
  .connect-service-page
  .case-study-carousel-headings
  .swiper-slide-active
  p,
.connect-service-page
  .case-study-carousel-headings
  .swiper-slide-active
  html.app_client_layout
  body
  p,
html.app_client_layout body p.h1.fw600,
html.app_client_layout body p.h2.fw600,
html.app_client_layout body p.h3.fw600,
html.app_client_layout body p.h4.fw600,
html.app_client_layout body p.h5.fw600,
html.app_client_layout body p.h6.fw600,
html.app_client_layout body p.h7.fw600,
html.app_client_layout body p.h1.fw700,
html.app_client_layout body p.h2.fw700,
html.app_client_layout body p.h3.fw700,
html.app_client_layout body p.h4.fw700,
html.app_client_layout body p.h5.fw700,
html.app_client_layout body p.h6.fw700,
html.app_client_layout body p.h7.fw700,
html.app_client_layout body strong {
  font-family: "Mabry Pro", sans-serif;
  font-weight: 700 !important;
}
html.app_client_layout body .h3.fw400,
html.app_client_layout body .h2.fw400,
html.app_client_layout body .h0.fw400 {
  font-family: "Mabry Pro", sans-serif;
}
* {
  -webkit-font-smoothing: antialiased;
}
textarea {
  font-family: inherit;
}
a {
  text-decoration: none;
  color: inherit;
}
sup {
  vertical-align: top;
}
.lh35 {
  line-height: 35px;
}
.lh0 {
  line-height: 0;
}
.lh1 {
  line-height: 1;
}
.lh1-2 {
  line-height: 1.2;
}
.lh1-4 {
  line-height: 1.4;
}
.lh1-5 {
  line-height: 1.5;
}
abbr[title] {
  text-decoration: none;
}
.uppercase {
  text-transform: uppercase;
}
.strikethrough {
  text-decoration: line-through;
}
.hover-no-text-decoration:hover {
  text-decoration: unset;
}
.fw200 {
  font-weight: 200;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw625 {
  font-weight: 625;
}
.fw700 {
  font-weight: 700;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}
.text-bluey-grey,
.accordion_element_title {
  color: #8697a5;
}
.text-ruby,
.text-super_hot_lead {
  color: #e85b5b;
}
.text-grey {
  color: #f7f9fb;
}
.text-mid-grey {
  color: #cad1d9;
}
.text-green {
  color: #02b494;
}
.text-action {
  color: #4990e2;
}
.text-action {
  color: #4990e2;
}
.text-dark-grey {
  color: #9da5ad;
}
.force_wrap {
  word-break: break-all;
}
.overflow-wrap {
  overflow-wrap: break-word;
}
.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}
.internal-link {
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 40em) {
  .sm-h6 {
    font-size: 0.75rem !important;
  }
  .sm-h5 {
    font-size: 0.875rem !important;
  }
  .sm-h4 {
    font-size: 1rem !important;
  }
  .sm-h3 {
    font-size: 1.15rem !important;
  }
  .sm-h2 {
    font-size: 1.5rem !important;
  }
  .sm-h1 {
    font-size: 2rem !important;
  }
  .sm-h0 {
    font-size: 3rem !important;
    line-height: 3rem;
  }
  .sm-hxl {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 3.5rem;
  }
  .sm-fw400 {
    font-weight: 400 !important;
    font-family: "Mabry Pro", sans-serif !important;
  }
}
@media (min-width: 52em) {
  .md-h3 {
    font-size: 1.15rem !important;
  }
  .md-h2 {
    font-size: 1.5rem !important;
    font-family: "Mabry Pro", sans-serif !important;
    font-weight: 700 !important;
  }
  .md-h1 {
    font-size: 2rem !important;
  }
  .md-h0 {
    font-size: 3rem !important;
  }
  .dorian-gore {
    font-size: 6.25rem;
  }
}
@media (min-width: 64em) {
  .lg-h4 {
    font-size: 1rem !important;
  }
  .lg-h3 {
    font-size: 1.15rem !important;
  }
  .lg-h2 {
    font-size: 1.5rem !important;
  }
  .lg-h1 {
    font-size: 2rem !important;
  }
  .lg-h0 {
    font-size: 3rem !important;
    line-height: 3rem;
  }
  .lg-hxxl {
    font-size: 5.6rem !important;
    line-height: 5.6rem !important;
  }
}
.svg-inactive svg g {
  fill: #bcc2cc;
}
.svg-green svg g,
.svg-green svg path {
  fill: #00b593;
}
.svg-amber svg g {
  fill: #f8c01c;
}
.svg-ruby svg g,
.admin_nav_label_wrapper.alert_label svg g,
.navigation_console .navigation_console_tab.alert_tab svg g,
.svg-ruby svg path,
.admin_nav_label_wrapper.alert_label svg path,
.navigation_console .navigation_console_tab.alert_tab svg path {
  fill: #e85b5b;
}
.svg-yellow svg g,
.svg-yellow svg path {
  fill: #ffc300;
}
.svg-bluey-grey svg g:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_link svg g:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_link svg g:not(.lock-fill),
.app_third_party_layout #third_party_topbar .navbar_link svg g:not(.lock-fill),
.app_third_party_layout #third_party_navbar .navbar_link svg g:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_sublink svg g:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_sublink svg g:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_sublink
  svg
  g:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_sublink
  svg
  g:not(.lock-fill),
.admin_nav_label_wrapper svg g:not(.lock-fill),
.navigation_console
  .navigation_console_tab:not(.selected_tab, .alert_tab, .empty_tab)
  svg
  g:not(.lock-fill),
.svg-bluey-grey svg path:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_link svg path:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_link svg path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_link
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_link
  svg
  path:not(.lock-fill),
.app_client_layout #third_party_topbar .navbar_sublink svg path:not(.lock-fill),
.app_client_layout #third_party_navbar .navbar_sublink svg path:not(.lock-fill),
.app_third_party_layout
  #third_party_topbar
  .navbar_sublink
  svg
  path:not(.lock-fill),
.app_third_party_layout
  #third_party_navbar
  .navbar_sublink
  svg
  path:not(.lock-fill),
.admin_nav_label_wrapper svg path:not(.lock-fill),
.navigation_console
  .navigation_console_tab:not(.selected_tab, .alert_tab, .empty_tab)
  svg
  path:not(.lock-fill) {
  fill: #8697a5;
}
.svg-grey svg g,
.btn-outline-green:hover svg g,
.svg-grey svg path,
.btn-outline-green:hover svg path {
  fill: #f7f9fb;
}
.svg-mid-grey svg g:not(.lock-fill),
.tool_router_strip_widget .inactive_tool_router_card svg g:not(.lock-fill),
.svg-mid-grey svg path:not(.lock-fill),
.tool_router_strip_widget .inactive_tool_router_card svg path:not(.lock-fill) {
  fill: #cad1d9;
}
.svg-dark-grey svg g,
.svg-dark-grey svg path {
  fill: #9da5ad;
}
.svg-black svg path {
  fill: black;
}
.svg-blue svg path {
  fill: #0495fa;
}
.hover-svg-dark-grey:hover svg path:not(.lock-fill) {
  fill: #9da5ad;
}
.hover-svg-mid-grey:hover svg path:not(.lock-fill) {
  fill: #cad1d9;
}
.svg-hover-transition svg path {
  transition: fill 0.2s ease-in-out;
}
.downscale-svg svg {
  transform: scale(0.6);
  margin-top: -5px;
}
.svg-block svg {
  display: block;
}
.svg-inline-block svg {
  display: inline-block;
}
.svg-h10 svg {
  height: 10px;
  width: auto;
}
.svg-12 svg {
  height: 12px;
  width: 12px;
}
.svg-14 svg,
.admin_project_nav_btn svg,
.light_navigation_tab svg {
  height: 14px;
  width: 14px;
}
.svg-h14 svg {
  height: 14px;
  width: auto;
}
.svg-16 svg,
.navigation_console .navigation_console_tab svg,
.dashboard_nav_link svg {
  height: 16px;
  width: 16px;
}
.svg-h16 svg {
  height: 16px;
  width: auto;
}
.svg-18 svg {
  height: 18px;
  width: 18px;
}
.svg-32 svg {
  height: 32px;
  width: 32px;
}
.svg-h18 svg {
  height: 18px;
  width: auto;
}
.svg-w48 svg {
  height: 48px;
  width: auto;
}
.svg-w120 svg {
  height: auto;
  width: 120px;
}
.svg-w150 svg {
  height: auto;
  width: 150px;
}
.svg-20 svg,
.app_client_layout #third_party_topbar .navbar_link svg,
.app_client_layout #third_party_navbar .navbar_link svg,
.app_third_party_layout #third_party_topbar .navbar_link svg,
.app_third_party_layout #third_party_navbar .navbar_link svg,
.app_client_layout #third_party_topbar .navbar_sublink svg,
.app_client_layout #third_party_navbar .navbar_sublink svg,
.app_third_party_layout #third_party_topbar .navbar_sublink svg,
.app_third_party_layout #third_party_navbar .navbar_sublink svg {
  height: 20px;
  width: 20px;
}
.svg-22 svg {
  height: 22px;
  width: 22px;
}
.svg-24 svg {
  height: 24px;
  width: 24px;
}
.svg-28 svg {
  height: 28px;
  width: 28px;
}
.svg-30 svg {
  height: 30px;
  width: 30px;
}
.svg-h30 svg {
  height: 30px;
  width: auto;
}
.svg-h35 svg,
.tool_router_strip_widget .tool_router_card svg {
  height: 35px;
  width: auto;
}
.svg-35 svg {
  height: 35px;
  width: 35px;
}
.svg-40 svg {
  height: 40px;
  width: 40px;
}
.svg-48 svg {
  height: 48px;
  width: 48px;
}
.svg-56 svg {
  height: 56px;
  width: 56px;
}
.svg-60 svg {
  height: 60px;
  width: 60px;
}
.svg-h60 svg {
  height: 60px;
  width: auto;
}
.svg-70 svg {
  height: 70px;
  width: 70px;
}
.svg-80 svg {
  height: 80px;
  width: 80px;
}
.svg-96 svg {
  height: 96px;
  width: 96px;
}
.svg-100 svg {
  height: 100px;
  width: 100px;
}
.svg-h100 svg {
  height: 100px;
  width: auto;
}
.svg-w100 svg {
  height: auto;
  width: 100px;
}
.svg-120 svg {
  height: 120px;
  width: 120px;
}
.svg-130 svg {
  height: 130px;
  width: 130px;
}
.svg-140 svg {
  height: 140px;
  width: 140px;
}
.svg-150 svg {
  height: 150px;
  width: 150px;
}
.svg-h160 svg {
  height: 160px;
  width: auto;
}
.svg-180 svg {
  height: 180px;
  width: 180px;
}
.svg-200 svg {
  height: 200px;
  width: 200px;
}
.svg-w200 svg {
  height: auto;
  width: 200px;
}
.svg-230 svg {
  height: 230px;
  width: 230px;
}
.svg-320 svg {
  width: 320px;
  height: 320px;
}
.svg-w320 svg {
  width: 320px;
  height: auto;
}
.svg-500 svg {
  width: 500px;
  height: 500px;
}
.svg-fullwidth svg {
  width: 100%;
  height: auto;
}
.svg-fullheight svg {
  width: auto;
  height: 100%;
}
.svg-ml2px svg {
  margin-left: 2px;
}
.svg-mr2px svg {
  margin-right: 2px;
}
@media (min-width: 40em) {
  .sm-svg-100 svg {
    height: 100px;
    width: 100px;
  }
  .sm-svg-200 svg {
    height: 200px;
    width: 200px;
  }
}
@media (min-width: 52em) {
  .md-svg-40 svg {
    height: 40px;
    width: 40px;
  }
  .md-svg-200 svg {
    height: 200px;
    width: 200px;
  }
  .md-svg-w300 svg {
    height: auto;
    width: 300px;
  }
  .md-svg-w320 svg {
    width: 320px;
    height: auto;
  }
}
.pointer {
  cursor: pointer;
}
.pointer-disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) and (min-width: 52em) {
  .hover-text-ruby:hover {
    color: #e85b5b;
  }
  .hover-text-mid-grey:hover {
    color: #cad1d9;
  }
  .hover-text-dark-grey:hover {
    color: #9da5ad;
  }
  .hover-text-bluey-grey:hover {
    color: #8697a5;
  }
  .hover-grey:hover {
    background-color: #f7f9fb;
    border-color: #f7f9fb;
  }
  .hover-green:hover {
    background-color: #02b494;
    color: #f7f9fb;
    border-color: #02b494;
  }
  .hover_effect,
  .tool_router_landing_page .tool_router_card {
    transition: all 0.1s;
  }
  .hover_effect:hover,
  .tool_router_landing_page .tool_router_card:hover,
  .hover_effect:focus,
  .tool_router_landing_page .tool_router_card:focus {
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  }
  .hover-bold:hover {
    font-weight: bold;
  }
  .hover-border-mid-grey:hover {
    border-color: #cad1d9;
  }
  .hover-translucify:hover {
    opacity: 0.9;
  }
  .hover-pointer:hover {
    cursor: pointer;
  }
  .hover-grey:hover {
    background: #f7f9fb;
    color: var(--color-neutral-800);
  }
  .hover-underline:hover {
    text-decoration: underline !important;
  }
  .hover-ruby:hover {
    background: #e85b5b;
    color: white;
  }
}
@media (hover: hover) and (pointer: fine) {
  .parent-hover:hover .parent-hover-svg-bluey-grey svg g:not(.lock-fill),
  .parent-hover:hover .parent-hover-svg-bluey-grey svg path:not(.lock-fill) {
    fill: #8697a5;
  }
  .parent-hover:hover .parent-hover-svg-mid-grey svg g:not(.lock-fill),
  .parent-hover:hover .parent-hover-svg-mid-grey svg path:not(.lock-fill) {
    fill: #cad1d9;
  }
  .parent-hover:hover .hover-translucent-child {
    opacity: 0.9 !important;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .parent-hover:hover .hover-transparent-child {
    opacity: 1 !important;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .parent-hover:hover .hover-underline {
    text-decoration: underline;
  }
  .parent-hover:hover .parent-hover-block {
    display: block;
  }
}
.trigger_complete_task_modal .complete_task_icon {
  display: none;
}
.trigger_complete_task_modal .incomplete_task_icon {
  display: block;
}
.trigger_complete_task_modal:hover .complete_task_icon {
  display: block;
}
.trigger_complete_task_modal:hover .incomplete_task_icon {
  display: none;
}
body {
  padding: 0;
  margin: 0;
}
html,
body {
  min-height: 100%;
}
.sidebar,
.content {
  height: 100%;
}
.border-box {
  box-sizing: border-box;
}
.fullheight {
  height: 100%;
}
.top-100 {
  top: 100%;
}
.min-fullheight {
  min-height: 100vh;
}
.max-fullheight {
  max-height: 100vh;
}
.fullwidth {
  width: 100%;
}
.aspect-ratio-1 {
  aspect-ratio: 1;
}
.fit-content {
  width: fit-content;
}
.fit-content-height {
  height: fit-content;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.visibility-hidden {
  visibility: hidden;
}
.transparent {
  opacity: 0;
}
.object-cover {
  object-fit: cover;
}
.object-contain {
  object-fit: contain;
}
.pointer-none {
  pointer-events: none;
}
@media (max-width: 52em) {
  .xs-sm-mx-auto {
    margin: 0 auto;
  }
  .xs-sm-hidden {
    display: none;
  }
}
@media (max-width: 40em) {
  .xs-max-width-0-5 {
    max-width: 18rem;
  }
}
@media (min-width: 52em) {
  .md-max-width-1 {
    max-width: 24rem;
  }
  .md-max-width-1-5 {
    max-width: 28rem;
  }
}
@media (min-width: 64em) {
  .lg-max-width-4 {
    max-width: 64rem;
  }
}
.max-width-0-5 {
  max-width: 18rem;
}
.max-width-1-5 {
  max-width: 28rem;
}
.max-width-2-5 {
  max-width: 40rem;
}
.max-width-3-5 {
  max-width: 58rem;
}
.max-width-4-5 {
  max-width: 75rem;
}
.max-width-5 {
  max-width: 1440px;
}
.max-width-6 {
  max-width: 1680px;
}
.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}
.hidden {
  display: none;
}
.fixed {
  position: fixed;
}
.sticky {
  position: sticky;
}
.sticky-top {
  position: sticky;
  top: 0;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  -webkit-backface-visibility: hidden;
}
.z5 {
  z-index: 5;
}
.z6 {
  z-index: 6;
}
div.alwaysbreak {
  page-break-before: always;
}
div.nobreak:before {
  clear: both;
}
div.nobreak {
  page-break-inside: avoid;
}
.height-0 {
  height: 0;
}
.height-1 {
  height: 1px;
}
.w1 {
  width: 1px;
}
.w2 {
  width: 2px;
}
.h10 {
  height: 10px;
}
.w10 {
  width: 10px;
}
.h14 {
  height: 14px;
}
.w14 {
  width: 14px;
}
.h15 {
  height: 15px;
}
.w15 {
  width: 15px;
}
.h16 {
  height: 16px;
}
.w16 {
  width: 16px;
}
.h18 {
  height: 18px;
}
.w18 {
  width: 18px;
}
.h20 {
  height: 20px;
}
.w20 {
  width: 20px;
}
.h22 {
  height: 22px;
}
.w22 {
  width: 22px;
}
.h24 {
  height: 24px;
}
.w24 {
  width: 24px;
}
.h25 {
  height: 25px;
}
.w25 {
  width: 25px;
}
.h30 {
  height: 30px;
}
.w30 {
  width: 30px;
}
.h32 {
  height: 32px;
}
.w32 {
  width: 32px;
}
.h35 {
  height: 35px;
}
.w35 {
  width: 35px;
}
.h40 {
  height: 40px;
}
.w40 {
  width: 40px;
}
.h48 {
  height: 48px;
}
.w48 {
  width: 48px;
}
.h50 {
  height: 50px;
}
.w50 {
  width: 50px;
}
.h55 {
  height: 55px;
}
.w55 {
  width: 55px;
}
.h60 {
  height: 60px;
}
.w60 {
  width: 60px;
}
.h64 {
  height: 64px;
}
.w64 {
  width: 64px;
}
.h65 {
  height: 65px;
}
.w65 {
  width: 65px;
}
.h70 {
  height: 70px;
}
.w70 {
  width: 70px;
}
.h75 {
  height: 75px;
}
.w75 {
  width: 75px;
}
.h80 {
  height: 80px;
}
.w80 {
  width: 80px;
}
.h88 {
  height: 88px;
}
.w88 {
  width: 88px;
}
.h90 {
  height: 90px;
}
.w90 {
  width: 90px;
}
.h100 {
  height: 100px;
}
.w100 {
  width: 100px;
}
.h110 {
  height: 110px;
}
.w110 {
  width: 110px;
}
.h120 {
  height: 120px;
}
.w120 {
  width: 120px;
}
.h130 {
  height: 130px;
}
.w130 {
  width: 130px;
}
.h140 {
  height: 140px;
}
.w140 {
  width: 140px;
}
.h150 {
  height: 150px;
}
.w150 {
  width: 150px;
}
.h160 {
  height: 160px;
}
.w160 {
  width: 160px;
}
.h170 {
  height: 170px;
}
.w170 {
  width: 170px;
}
.h180 {
  height: 180px;
}
.w180 {
  width: 180px;
}
.h190 {
  height: 190px;
}
.w190 {
  width: 190px;
}
.h200 {
  height: 200px;
}
.w200 {
  width: 200px;
}
.h210 {
  height: 210px;
}
.w210 {
  width: 210px;
}
.h220 {
  height: 220px;
}
.w220 {
  width: 220px;
}
.h230 {
  height: 230px;
}
.w230 {
  width: 230px;
}
.h240 {
  height: 240px;
}
.w240 {
  width: 240px;
}
.h250 {
  height: 250px;
}
.w250 {
  width: 250px;
}
.h270 {
  height: 270px;
}
.w270 {
  width: 270px;
}
.h280 {
  height: 280px;
}
.w280 {
  width: 280px;
}
.h300 {
  height: 300px;
}
.w300 {
  width: 300px;
}
.h320 {
  height: 320px;
}
.w320 {
  width: 320px;
}
.h330 {
  height: 330px;
}
.w330 {
  width: 330px;
}
.h340 {
  height: 340px;
}
.w340 {
  width: 340px;
}
.h350 {
  height: 350px;
}
.w350 {
  width: 350px;
}
.h370 {
  height: 370px;
}
.w370 {
  width: 370px;
}
.h380 {
  height: 380px;
}
.w380 {
  width: 380px;
}
.h400 {
  height: 400px;
}
.w400 {
  width: 400px;
}
.h410 {
  height: 410px;
}
.w410 {
  width: 410px;
}
.h450 {
  height: 450px;
}
.w450 {
  width: 450px;
}
.h470 {
  height: 470px;
}
.w470 {
  width: 470px;
}
.h500 {
  height: 500px;
}
.w500 {
  width: 500px;
}
.h550 {
  height: 550px;
}
.w550 {
  width: 550px;
}
.h600 {
  height: 600px;
}
.w600 {
  width: 600px;
}
.h640 {
  height: 640px;
}
.w640 {
  width: 640px;
}
.h700 {
  height: 700px;
}
.w700 {
  width: 700px;
}
.h768 {
  height: 768px;
}
.w768 {
  width: 768px;
}
.h800 {
  height: 800px;
}
.w800 {
  width: 800px;
}
.h850 {
  height: 850px;
}
.w850 {
  width: 850px;
}
.h900 {
  height: 900px;
}
.w900 {
  width: 900px;
}
.h1000 {
  height: 1000px;
}
.w1000 {
  width: 1000px;
}
.minw0 {
  min-width: 0px;
}
.maxw0 {
  max-width: 0px;
}
.minw50 {
  min-width: 50px;
}
.maxw50 {
  max-width: 50px;
}
.minw70 {
  min-width: 70px;
}
.maxw70 {
  max-width: 70px;
}
.minw90 {
  min-width: 90px;
}
.maxw90 {
  max-width: 90px;
}
.minw100 {
  min-width: 100px;
}
.maxw100 {
  max-width: 100px;
}
.minw105 {
  min-width: 105px;
}
.maxw105 {
  max-width: 105px;
}
.minw120 {
  min-width: 120px;
}
.maxw120 {
  max-width: 120px;
}
.minw150 {
  min-width: 150px;
}
.maxw150 {
  max-width: 150px;
}
.minw160 {
  min-width: 160px;
}
.maxw160 {
  max-width: 160px;
}
.minw170 {
  min-width: 170px;
}
.maxw170 {
  max-width: 170px;
}
.minw200 {
  min-width: 200px;
}
.maxw200 {
  max-width: 200px;
}
.minw210 {
  min-width: 210px;
}
.maxw210 {
  max-width: 210px;
}
.minw230 {
  min-width: 230px;
}
.maxw230 {
  max-width: 230px;
}
.minw240 {
  min-width: 240px;
}
.maxw240 {
  max-width: 240px;
}
.minw250 {
  min-width: 250px;
}
.maxw250 {
  max-width: 250px;
}
.minw260 {
  min-width: 260px;
}
.maxw260 {
  max-width: 260px;
}
.minw300 {
  min-width: 300px;
}
.maxw300 {
  max-width: 300px;
}
.minw310 {
  min-width: 310px;
}
.maxw310 {
  max-width: 310px;
}
.minw320 {
  min-width: 320px;
}
.maxw320 {
  max-width: 320px;
}
.minw350 {
  min-width: 350px;
}
.maxw350 {
  max-width: 350px;
}
.minw400 {
  min-width: 400px;
}
.maxw400 {
  max-width: 400px;
}
.minw450 {
  min-width: 450px;
}
.maxw450 {
  max-width: 450px;
}
.minw470 {
  min-width: 470px;
}
.maxw470 {
  max-width: 470px;
}
.minw500 {
  min-width: 500px;
}
.maxw500 {
  max-width: 500px;
}
.minw550 {
  min-width: 550px;
}
.maxw550 {
  max-width: 550px;
}
.minw600 {
  min-width: 600px;
}
.maxw600 {
  max-width: 600px;
}
.minw700 {
  min-width: 700px;
}
.maxw700 {
  max-width: 700px;
}
.minw750 {
  min-width: 750px;
}
.maxw750 {
  max-width: 750px;
}
.minw800 {
  min-width: 800px;
}
.maxw800 {
  max-width: 800px;
}
.minw900 {
  min-width: 900px;
}
.maxw900 {
  max-width: 900px;
}
.minw1200 {
  min-width: 1200px;
}
.maxw1200 {
  max-width: 1200px;
}
.maxwfull {
  max-width: 100%;
}
.minwfull {
  min-width: 100%;
}
.minh0 {
  min-height: 0px;
}
.maxh0 {
  max-height: 0px;
}
.minh20 {
  min-height: 20px;
}
.maxh20 {
  max-height: 20px;
}
.minh30 {
  min-height: 30px;
}
.maxh30 {
  max-height: 30px;
}
.minh80 {
  min-height: 80px;
}
.maxh80 {
  max-height: 80px;
}
.minh100 {
  min-height: 100px;
}
.maxh100 {
  max-height: 100px;
}
.minh150 {
  min-height: 150px;
}
.maxh150 {
  max-height: 150px;
}
.minh170 {
  min-height: 170px;
}
.maxh170 {
  max-height: 170px;
}
.minh190 {
  min-height: 190px;
}
.maxh190 {
  max-height: 190px;
}
.minh200 {
  min-height: 200px;
}
.maxh200 {
  max-height: 200px;
}
.minh220 {
  min-height: 220px;
}
.maxh220 {
  max-height: 220px;
}
.minh240 {
  min-height: 240px;
}
.maxh240 {
  max-height: 240px;
}
.minh270 {
  min-height: 270px;
}
.maxh270 {
  max-height: 270px;
}
.minh300 {
  min-height: 300px;
}
.maxh300 {
  max-height: 300px;
}
.minh320 {
  min-height: 320px;
}
.maxh320 {
  max-height: 320px;
}
.minh340 {
  min-height: 340px;
}
.maxh340 {
  max-height: 340px;
}
.minh350 {
  min-height: 350px;
}
.maxh350 {
  max-height: 350px;
}
.minh380 {
  min-height: 380px;
}
.maxh380 {
  max-height: 380px;
}
.minh400 {
  min-height: 400px;
}
.maxh400 {
  max-height: 400px;
}
.minh450 {
  min-height: 450px;
}
.maxh450 {
  max-height: 450px;
}
.minh490 {
  min-height: 490px;
}
.maxh490 {
  max-height: 490px;
}
.minh500 {
  min-height: 500px;
}
.maxh500 {
  max-height: 500px;
}
.minh520 {
  min-height: 520px;
}
.maxh520 {
  max-height: 520px;
}
.minh600 {
  min-height: 600px;
}
.maxh600 {
  max-height: 600px;
}
.minh640 {
  min-height: 640px;
}
.maxh640 {
  max-height: 640px;
}
.minh720 {
  min-height: 720px;
}
.maxh720 {
  max-height: 720px;
}
.minh800 {
  min-height: 800px;
}
.maxh800 {
  max-height: 800px;
}
.inset1 {
  inset: 1px;
}
.dev_placeholder {
  display: block;
  box-sizing: border-box;
  background: #ffffff;
  padding: 10px;
  border: 4px var(--color-neutral-55) dotted;
  text-align: center;
}
.container {
  padding-left: 0px;
}
@media (min-width: 52em) {
  .container {
    padding-left: 200px;
  }
}
.inline-flex {
  display: inline-flex;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-1 {
  flex: 1 1 0;
}
.flex-grow-2 {
  flex: 2 1 0;
}
.flex-equal,
.navigation_console .navigation_console_tab {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}
.flex-equal-children > * {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
}
.flex-children-p0 > * {
  flex: 0 1 0%;
  min-width: 0;
}
.flex-children-p25 > * {
  flex: 0 1 25%;
  min-width: 0;
}
.flex-children-p33 > * {
  flex: 0 1 33%;
  min-width: 0;
}
.flex-children-p50 > * {
  flex: 0 1 50%;
  min-width: 0;
}
.flex-children-p100 > * {
  flex: 0 1 100%;
  min-width: 0;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.justify-evenly {
  justify-content: space-evenly;
}
.vertical-align-text-top {
  vertical-align: text-top;
}
#overlay,
.app_client_overlay,
.app_third_party_overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
#overlay {
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
}
.app_client_overlay,
.app_third_party_overlay {
  z-index: 5;
  background-color: rgba(134, 151, 165, 0.6);
}
.pin {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scroll-hidden::-webkit-scrollbar {
  display: none;
}
.scroll-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 40em) {
  .xs-col-12 {
    width: 100%;
  }
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
@media (max-width: 40em) {
  .xs-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .xs-center {
    text-align: center;
  }
  .xs-self-center {
    align-self: center;
  }
  .xs-items-center {
    align-items: center;
  }
  .xs-justify-center {
    justify-content: center;
  }
  .xs-flex-column {
    flex-direction: column;
  }
}
@media (max-width: 52em) {
  .xs-flex-wrap {
    flex-wrap: wrap;
  }
  .xs-sm-center {
    text-align: center;
  }
  .xs-sm-flex-column {
    flex-direction: column;
  }
  .xs-sm-justify-center {
    justify-content: center;
  }
  .xs-sm-justify-start {
    justify-content: flex-start !important;
  }
  .xs-sm-items-center {
    align-items: center;
  }
  .xs-sm-h35 {
    height: 35px;
  }
  .xs-sm-h80 {
    height: 80px;
  }
  .xs-sm-maxw220 {
    max-width: 220px;
  }
  .xs-sm-fullheight {
    height: 100%;
  }
  .xs-sm-absolute {
    position: absolute;
  }
}
@media (min-width: 40em) {
  .sm-hidden {
    display: none;
  }
  .sm-block {
    display: block;
  }
  .sm-flex {
    display: flex;
  }
  .sm-h350 {
    height: 350px;
  }
  .sm-h450 {
    height: 450px;
  }
  .sm-w900 {
    width: 900px;
  }
  .sm-max-width-4-5 {
    max-width: 75rem;
  }
  .sm-center {
    text-align: center;
  }
  .sm-left-align {
    text-align: left;
  }
  .sm-items-center {
    align-items: center;
  }
  .sm-items-start {
    align-items: start;
  }
  .sm-items-end {
    align-items: flex-end;
  }
  .sm-justify-start {
    justify-content: flex-start !important;
  }
  .sm-justify-end {
    justify-content: end;
  }
  .sm-justify-center {
    justify-content: center !important;
  }
  .sm-flex-row {
    flex-direction: row;
  }
  .sm-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm-flex-col {
    flex-direction: column;
  }
  .sm-self-start {
    align-self: flex-start;
  }
  .sm-order-0 {
    order: 0;
  }
  .sm-order-1 {
    order: 1;
  }
  .sm-order-2 {
    order: 2;
  }
  .sm-order-3 {
    order: 3;
  }
  .sm-order-last {
    order: 99999;
  }
}
@media (min-width: 52em) {
  .md-hidden {
    display: none;
  }
  .md-flex {
    display: flex;
  }
  .md-sticky {
    position: sticky;
  }
  .md-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .md-center {
    text-align: center;
  }
  .md-left-align {
    text-align: left;
  }
  .md-right-align {
    text-align: right;
  }
  .md-self-stretch {
    align-self: stretch;
  }
  .md-self-end {
    align-self: end;
  }
  .md-justify-center {
    justify-content: center;
  }
  .md-justify-start {
    justify-content: flex-start;
  }
  .md-justify-end {
    justify-content: flex-end;
  }
  .md-justify-between {
    justify-content: space-between;
  }
  .md-items-center {
    align-items: center;
  }
  .md-items-start {
    align-items: start;
  }
  .md-left {
    float: left;
  }
  .md-flex-col,
  .md-flex-column {
    flex-direction: column;
  }
  .md-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md-flex-row {
    flex-direction: row;
  }
  .md-flex-wrap {
    flex-wrap: wrap;
  }
  .md-h55 {
    height: 55px;
  }
  .md-h88 {
    height: 88px;
  }
  .md-h600 {
    height: 600px;
  }
  .md-h550 {
    height: 550px;
  }
  .md-h160 {
    height: 160px;
  }
  .md-h190 {
    height: 190px;
  }
  .md-h250 {
    height: 250px;
  }
  .md-h25 {
    height: 25px;
  }
  .md-w55 {
    width: 55px;
  }
  .md-w88 {
    width: 88px;
  }
  .md-w110 {
    width: 110px;
  }
  .md-w130 {
    width: 130px;
  }
  .md-w230 {
    width: 230px;
  }
  .md-h200 {
    height: 200px;
  }
  .md-block {
    display: block;
  }
  .md-order-0 {
    order: 0;
  }
  .md-order-1 {
    order: 1;
  }
  .md-order-2 {
    order: 2;
  }
  .md-order-3 {
    order: 3;
  }
  .md-order-4 {
    order: 4;
  }
  .md-order-last {
    order: 99999;
  }
  .md-flex-equal-children > * {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .lg-order-0 {
    order: 0;
  }
}
@media (min-width: 64em) {
  .lg-fullheight {
    height: 100%;
  }
  .lg-w900 {
    width: 900px;
  }
  .lg-flex-equal {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
  }
  .lg-left-align {
    text-align: left;
  }
  .lg-flex-row {
    flex-direction: row;
  }
  .lg-flex-col {
    flex-direction: column;
  }
  .lg-block {
    display: block;
  }
  .lg-flex {
    display: flex;
  }
  .lg-items-center {
    align-items: center;
  }
  .lg-items-start {
    align-items: start;
  }
  .lg-justify-start {
    justify-content: flex-start;
  }
  .lg-max-width-1-5 {
    max-width: 28rem;
  }
}
@media (min-width: 80em) {
  .xl-col-4 {
    width: 33.3333333333%;
  }
  .xl-hide {
    display: none !important;
  }
  .xl-show {
    display: block !important;
  }
}
.divider {
  width: 100%;
  border-top: 1px solid #e1dddd;
}
.bg-none {
  background: none;
}
.bg-ruby {
  background: #e85b5b;
}
.bg-light-ruby {
  background: #fdf2f2;
}
.bg-grey {
  background: #f7f9fb;
}
.bg-mid-grey {
  background: #cad1d9;
}
.bg-dark-grey {
  background: #9da5ad;
}
.bg-green {
  background: #02b494;
}
.bg-action {
  background: #4990e2;
}
.bg-bluey-grey {
  background: #8697a5;
}
.selected-blue {
  background: var(--color-info-400) !important;
  border: 1px solid white;
  margin: -1px;
  color: white !important;
  font-weight: 600;
}
.btn-outline,
.btn-outline-green,
.btn-outline-ruby,
.btn-outline-blue,
.btn-outline-yellow,
.btn-outline-white,
.btn-outline-dark-grey,
.btn-outline-bluey-grey,
.btn-outline-mid-grey {
  border: 1px solid;
  font-weight: 300;
  color: var(--color-neutral-400);
  border-color: var(--color-neutral-400);
}
.btn-outline-green {
  border-color: #02b494;
  color: #02b494;
}
.btn-outline-green:hover {
  background-color: #02b494;
  border-color: #02b494;
  color: #f7f9fb;
}
.btn-outline-ruby {
  border-color: #e85b5b;
  color: #e85b5b;
}
.btn-outline-blue {
  border-color: #0099f8;
  color: #0099f8;
}
.btn-outline-yellow {
  border-color: #ffc300;
  color: #ffc300;
}
.btn-outline-white {
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-dark-grey {
  border-color: #9da5ad;
  color: #9da5ad;
}
.btn-outline-bluey-grey {
  border-color: #8697a5;
  color: #8697a5;
}
.btn-outline-mid-grey {
  border-color: #cad1d9;
  color: #cad1d9;
}
.btn,
.btn-mini,
.btn-micro,
.btn-nano,
.btn-marketing {
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  box-sizing: border-box;
  line-height: 1.125rem;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
.btn:hover,
.btn-mini:hover,
.btn-micro:hover,
.btn-nano:hover,
.btn-marketing:hover,
.btn:focus,
.btn-mini:focus,
.btn-micro:focus,
.btn-nano:focus,
.btn-marketing:focus {
  text-decoration: none;
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.btn-mini {
  font-size: 0.7rem;
  padding: 4px 16px;
}
.btn-micro {
  font-size: 0.6rem;
  padding: 3px 12px;
  font-weight: 600;
}
.btn-nano {
  font-size: 0.6rem;
  padding: 0px 12px;
  font-weight: 600;
  line-height: 1rem;
}
.btn-marketing {
  padding: 10px 25px;
  border: none;
  border-radius: 30px;
  font-size: 1rem;
  font-family: "Mabry Pro", sans-serif;
  font-weight: 500;
  display: inline-block;
}
.hover-btn-section {
  color: var(--color-secondary-700);
  font-size: 0.875rem;
  margin: 0;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.hover-btn-section:hover {
  background-color: var(--color-neutral-55);
  border-color: var(--color-neutral-55);
}
.btn-section {
  background: var(--color-neutral-55);
  color: #8697a5;
  border: 1px solid var(--color-neutral-55);
  font-size: 0.875rem;
  margin: 0 0 5px 0;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}
.btn-section.btn-section-selected {
  color: var(--color-neutral-0);
  font-weight: 600;
  background: var(--color-primary-700);
  border: 1px solid transparent;
}
.btn-section.btn-section-selected:hover {
  background: var(--color-primary-800);
}
.btn-section.hover-btn-section {
  margin-bottom: 0;
}
.close-modal {
  z-index: 999 !important;
}
.btn-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.btn-disabled:hover,
.btn-disabled:focus {
  transform: none !important;
  box-shadow: none !important;
}
.btn-reset {
  border: none;
  font-family: inherit;
  color: inherit;
  padding: 0;
  background-color: inherit;
  letter-spacing: -0.1px;
}
.btn-reset:focus {
  outline: none;
}
.admin_project_nav_btn {
  min-height: 25px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  flex: none;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.admin_project_nav_btn i {
  display: inline-block;
  width: 14px;
}
.admin_project_nav_btn i,
.admin_project_nav_btn svg {
  flex: none;
}
.admin_project_nav_btn span:not(.fw400) {
  font-weight: 600;
}
.admin_project_nav_btn.alert_badge,
.admin_project_nav_btn.nav_btn_blue,
.admin_project_nav_btn.nav_btn_green,
.admin_project_nav_btn.nav_btn_light_ocean_blue {
  color: var(--color-neutral-0);
  border: 1px solid transparent;
}
.admin_project_nav_btn.alert_badge svg g:not(.lock-fill),
.admin_project_nav_btn.alert_badge svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_blue svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_blue svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_green svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_green svg path:not(.lock-fill),
.admin_project_nav_btn.nav_btn_light_ocean_blue svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_light_ocean_blue svg path:not(.lock-fill) {
  fill: var(--color-neutral-0);
}
.admin_project_nav_btn.alert_badge {
  background-color: var(--color-error-500);
  opacity: 1;
}
.admin_project_nav_btn.alert_badge:hover,
.admin_project_nav_btn.alert_badge.active_navigation_btn {
  background-color: var(--color-error-600);
}
.admin_project_nav_btn.nav_btn_light_ocean_blue {
  background-color: var(--color-secondary-800);
  opacity: 1;
}
.admin_project_nav_btn.nav_btn_light_ocean_blue:hover,
.admin_project_nav_btn.nav_btn_light_ocean_blue.active_navigation_btn {
  background-color: var(--color-secondary-900);
}
.admin_project_nav_btn.nav_btn_blue {
  background-color: var(--color-info-400);
}
.admin_project_nav_btn.nav_btn_blue:hover,
.admin_project_nav_btn.nav_btn_blue.active_navigation_btn {
  background-color: var(--color-info-500);
}
.admin_project_nav_btn.nav_btn_green {
  background-color: var(--color-success-400);
}
.admin_project_nav_btn.nav_btn_green:hover,
.admin_project_nav_btn.nav_btn_green.active_navigation_btn {
  background-color: var(--color-success-500);
}
.admin_project_nav_btn.nav_btn_disabled {
  background-color: var(--color-neutral-15);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-55);
}
.admin_project_nav_btn.nav_btn_disabled svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_disabled svg path:not(.lock-fill) {
  fill: var(--color-neutral-55);
}
.admin_project_nav_btn.nav_btn_outline_green {
  border: 1px solid;
  font-weight: 300;
  border-color: #02b494;
  color: #02b494;
}
.admin_project_nav_btn.nav_btn_outline_green:hover {
  background-color: #02b494;
  border-color: #02b494;
  color: #f7f9fb;
}
.admin_project_nav_btn.nav_btn_outline_green:hover svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_green:hover svg path:not(.lock-fill) {
  fill: var(--color-neutral-400);
}
.admin_project_nav_btn.nav_btn_outline_green svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_green svg path:not(.lock-fill) {
  fill: var(--color-success-500);
}
.admin_project_nav_btn.nav_btn_outline_red {
  border: 1px solid var(--color-error-500);
  color: var(--color-error-500);
}
.admin_project_nav_btn.nav_btn_outline_red svg g:not(.lock-fill),
.admin_project_nav_btn.nav_btn_outline_red svg path:not(.lock-fill) {
  fill: var(--color-error-500);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red) {
  background-color: var(--color-neutral-40);
  color: var(--color-neutral-400);
  border: 1px solid var(--color-neutral-55);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red)
  svg
  g:not(.lock-fill),
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red)
  svg
  path:not(.lock-fill) {
  fill: var(--color-neutral-400);
}
.admin_project_nav_btn:not(.alert_badge):not(.nav_btn_blue):not(
    .nav_btn_green
  ):not(.nav_btn_light_ocean_blue):not(.nav_btn_outline_green):not(
    .nav_btn_disabled
  ):not(.nav_btn_outline_red):hover,
.admin_project_nav_btn.active_navigation_btn:not(.alert_badge):not(
    .nav_btn_blue
  ):not(.nav_btn_green):not(.nav_btn_light_ocean_blue):not(
    .nav_btn_outline_green
  ):not(.nav_btn_disabled):not(.nav_btn_outline_red) {
  background-color: var(--color-neutral-55);
}
.btn-blue {
  background: #0099f8;
  border: 1px solid #0099f8;
  color: #ffffff;
}
.btn-green,
input:checked + .hidden_radio_button.checked-green,
input:not(:checked) + .hidden_radio_button.unchecked-green {
  background: #02b494;
  border: 1px solid #02b494;
  color: #ffffff;
}
.btn-action,
.btn-yellow,
input:checked + .hidden_radio_button.checked-yellow,
input:not(:checked) + .hidden_radio_button.unchecked-yellow {
  background: #ffc300;
  color: var(--color-neutral-800);
  border: 1px solid #ffc300;
}
.btn-ruby,
input:checked + .hidden_radio_button.checked-ruby,
input:not(:checked) + .hidden_radio_button.unchecked-ruby {
  background: #e85b5b;
  color: #ffffff;
  border: 1px solid #e85b5b;
}
.btn-white,
input:checked + .hidden_radio_button.checked-white,
input:not(:checked) + .hidden_radio_button.unchecked-white {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: var(--color-neutral-800);
}
.btn-mid-grey,
input:checked + .hidden_radio_button.checked-mid-grey,
input:not(:checked) + .hidden_radio_button.unchecked-mid-grey {
  background: #cad1d9;
  border: 1px solid #cad1d9;
}
.btn-dark-grey {
  background: #9da5ad;
  border: 1px solid #9da5ad;
  color: #ffffff;
}
.btn-cloud {
  background: var(--color-neutral-55);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-400);
}
.btn-cloud-hover,
input:checked + .hidden_radio_button.checked-cloud-hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover {
  background: var(--color-neutral-40);
  border: 1px solid var(--color-neutral-55);
  color: var(--color-neutral-800);
}
.btn-cloud-hover:hover,
input:checked + .hidden_radio_button.checked-cloud-hover:hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:hover {
  background: var(--color-neutral-55);
}
.btn-cloud-hover:hover,
input:checked + .hidden_radio_button.checked-cloud-hover:hover,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:hover,
.btn-cloud-hover:focus,
input:checked + .hidden_radio_button.checked-cloud-hover:focus,
input:not(:checked) + .hidden_radio_button.unchecked-cloud-hover:focus {
  transform: none !important;
  box-shadow: none !important;
}
.btn-tertiary,
input:checked + .hidden_radio_button.checked-tertiary,
input:not(:checked) + .hidden_radio_button.unchecked-tertiary {
  background: var(--color-tertiary-500);
  border: 1px solid var(--color-tertiary-500);
  color: var(--color-neutral-0);
}
.border-yellow {
  border-color: #ffc300;
}
.border-grey {
  border-color: #f7f9fb;
}
.border-mid-grey {
  border-color: #cad1d9;
}
.border-dark-grey {
  border-color: #9da5ad;
}
.border-ruby {
  border-color: #e85b5b;
}
.border-green {
  border-color: #02b494;
}
.border-action {
  border-color: #4990e2;
}
.border-transparent {
  border-color: transparent;
}
.border-1 {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border-4 {
  border-width: 4px;
}
.border-5 {
  border-width: 5px;
}
.border-10 {
  border-width: 10px;
}
@media (max-width: 52em) {
  .xs-sm-border-top {
    border-top-style: solid;
    border-top-width: 1px;
  }
}
@media (min-width: 52em) {
  .md-border-right {
    border-right-style: solid;
    border-right-width: 1px;
  }
}
@media (min-width: 52em) {
  .md-border-top {
    border-top-style: solid;
    border-top-width: 1px;
  }
}
.border-dashed {
  border-style: dashed;
}
.rounded-0 {
  border-radius: 0px;
}
.rounded-4 {
  border-radius: 4px;
}
.rounded-6 {
  border-radius: 6px;
}
.rounded-8 {
  border-radius: 8px;
}
.rounded-14 {
  border-radius: 14px;
}
.rounded-16 {
  border-radius: 16px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-50 {
  border-radius: 50px;
}
.rounded-top-4 {
  border-radius: 4px 4px 0 0;
}
.rounded-top-6 {
  border-radius: 6px 6px 0 0;
}
.rounded-top-8 {
  border-radius: 8px 8px 0 0;
}
.rounded-top-20 {
  border-radius: 20px 20px 0 0;
}
.rounded-bottom-4 {
  border-radius: 0px 0px 4px 4px;
}
.rounded-bottom-6 {
  border-radius: 0px 0px 6px 6px;
}
.rounded-bottom-8 {
  border-radius: 0px 0px 8px 8px;
}
.rounded-bottom-20 {
  border-radius: 0 0 20px 20px;
}
.rounded-left-6 {
  border-radius: 6px 0px 0px 6px;
}
.rounded-left-8 {
  border-radius: 8px 0px 0px 8px;
}
.rounded-left-20 {
  border-radius: 20px 0px 0px 20px;
}
.rounded-left-99 {
  border-radius: 99px 0px 0px 99px;
}
.rounded-right-4 {
  border-radius: 0px 4px 4px 0px;
}
.rounded-right-6 {
  border-radius: 0px 6px 6px 0px;
}
.rounded-right-8 {
  border-radius: 0px 8px 8px 0px;
}
.rounded-right-20 {
  border-radius: 0px 20px 20px 0px;
}
.rounded-right-25 {
  border-radius: 0px 25px 25px 0px;
}
.rounded-right-99 {
  border-radius: 0px 99px 99px 0px;
}
.rounded-top-right-8 {
  border-radius: 0px 8px 0px 0px;
}
.rounded-bottom-right-8 {
  border-radius: 0px 0px 8px 0px;
}
.rounded-bottom-left-8 {
  border-radius: 0px 0px 0px 8px;
}
.rounded-top-left-8 {
  border-radius: 8px 0px 0px 0px;
}
.rounded-25 {
  border-radius: 25px;
}
.rounded-30 {
  border-radius: 30px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-left-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-right-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.selected_element {
  border: 5px black solid;
}
@media (max-width: 52em) {
  .xs-sm-border-none {
    border: 0;
  }
}
@media (min-width: 40em) {
  .sm-rounded-16 {
    border-radius: 16px;
  }
  .sm-rounded-24 {
    border-radius: 24px;
  }
}
@media (min-width: 52em) {
  .md-rounded-0 {
    border-radius: 0;
  }
  .md-rounded-8 {
    border-radius: 8px;
  }
  .md-rounded-25 {
    border-radius: 25px;
  }
}
@media (min-width: 64em) {
  .lg-border-none {
    border: 0;
  }
  .lg-rounded-6 {
    border-radius: 8px;
  }
}
.box-shadow-none {
  box-shadow: none;
}
.box-shadow-lighter {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-heavier {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-large {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}
.box-shadow-heavier-primary-300 {
  box-shadow: 0px 4px 0px -1px var(--color-primary-300);
}
.box-shadow-inset {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
}
@media (min-width: 40em) {
  .sm-box-shadow-none {
    box-shadow: none;
  }
  .sm-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .sm-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .sm-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (min-width: 52em) {
  .md-box-shadow-none {
    box-shadow: none;
  }
  .md-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .md-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .md-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (min-width: 64em) {
  .lg-box-shadow-none {
    box-shadow: none;
  }
  .lg-box-shadow-lighter {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-heavier {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-large {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .lg-box-shadow-heavier-primary-300 {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .lg-box-shadow-inset {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .hover-box-shadow-none:hover {
    box-shadow: none;
  }
  .hover-box-shadow-none {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-lighter:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-lighter {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-heavier:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-heavier {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-large:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
  }
  .hover-box-shadow-large {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-heavier-primary-300:hover {
    box-shadow: 0px 4px 0px -1px var(--color-primary-300);
  }
  .hover-box-shadow-heavier-primary-300 {
    transition: box-shadow ease-out 150ms;
  }
  .hover-box-shadow-inset:hover {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15) inset;
  }
  .hover-box-shadow-inset {
    transition: box-shadow ease-out 150ms;
  }
}
@use "sass:map";
:root {
  --spacing-0: 0rem;
  --spacing-1: 0.5rem;
  --spacing-2: 1rem;
  --spacing-3: 2rem;
  --spacing-4: 4rem;
  --spacing-5: 8rem;
  --spacing-0-5: 0.25rem;
  --spacing-1-5: 0.75rem;
  --spacing-2-25: 1.25rem;
  --spacing-2-5: 1.5rem;
  --spacing-2-75: 1.75rem;
  --spacing-3-25: 2.5rem;
  --spacing-3-5: 3rem;
  --spacing-3-75: 3.5rem;
  --spacing-4-5: 5rem;
  --spacing-4-75: 6.25rem;
  --spacing-5-5: 10rem;
  --spacing-5-75: 12.5rem;
  --spacing-6: 15rem;
}
#rep-src-iframe-container {
  min-height: 450px;
  position: relative;
}
#rep-src-iframe-container > .progress-bar {
  width: 100%;
}
#rep-src-iframe {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  height: 0;
}
.rep--main-container a {
  color: #4a90e2;
  text-decoration: none;
  transition: color 0.1s linear;
}
.rep--main-container a:active,
.rep--main-container a:focus,
.rep--main-container a:hover {
  color: #1f69c1;
}
.rep--main-container a:active {
  outline: none;
}
.rep--main-container a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.rep--main-container hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #f1f3f4;
}
.rep--main-container {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
}
.rep--main-container *,
.rep--main-container *::before,
.rep--main-container *::after {
  box-sizing: inherit;
}
.rep--row {
  margin-left: -15px;
  margin-right: -15px;
}
.rep--row::after {
  content: "";
  display: table;
  clear: both;
}
.rep--email-headers,
.rep--email-list-half,
.rep--email-nav-container {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .rep--email-nav-container {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .rep--email-list-half {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .rep--email-headers {
    float: left;
    width: 66.6666666667%;
  }
}
.rep--breadcrumbs {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.15em;
  list-style: none;
  background-color: #f1f3f4;
}
.rep--breadcrumbs__breadcrumb {
  display: inline-block;
}
.rep--breadcrumbs__breadcrumb + ::before {
  display: inline-block;
  padding: 0 0.5em;
  color: #dedede;
  content: "/";
}
.rep--breadcrumbs__breadcrumb-active {
  display: inline-block;
}
.rep--headers-list {
  margin: 0;
}
.rep--headers-list dt {
  color: #263238;
  font-weight: bold;
}
@media (min-width: 768px) {
  .rep--headers-list dt {
    float: left;
    clear: left;
    margin-right: 0.4em;
    text-align: right;
    width: 6em;
  }
}
.rep--headers-list dd {
  width: auto;
  margin-left: 0;
  margin-bottom: 0.2em;
}
.rep--btn {
  appearance: none;
  -webkit-font-smoothing: antialiased;
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}
.rep--btn:active,
.rep--btn.rep--btn-active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.rep--btn:focus {
  outline: none;
}
.rep--btn-default {
  color: #111;
  background: #f1f3f4;
  border-color: #e3e7e9;
}
.rep--btn-default:hover {
  background: #d4dbde;
  border-color: #c0c9ce;
}
.rep--btn-default:focus {
  box-shadow: 0 0 3px #f1f3f4;
  background-color: #c0c9ce;
  border-color: #9baab1;
}
.rep--btn-primary {
  color: #fff;
  background: #4a90e2;
  border-color: #3483de;
}
.rep--btn-primary:hover {
  background: #2275d7;
  border-color: #1d65b8;
}
.rep--btn-primary:focus {
  box-shadow: 0 0 3px #4a90e2;
  background-color: #1d65b8;
  border-color: #14457f;
}
.rep--btn-danger {
  color: #fff;
  background: #d9534f;
  border-color: #d43f3a;
}
.rep--btn-danger:hover {
  background: #c9302c;
  border-color: #ac2925;
}
.rep--btn-danger:focus {
  box-shadow: 0 0 3px #d9534f;
  background-color: #ac2925;
  border-color: #761c19;
}
.rep--btn-group .rep--btn + .rep--btn {
  margin-left: -1px;
}
.rep--btn-group .rep--btn {
  z-index: 1;
}
.rep--btn-group .rep--btn.rep--btn-active {
  z-index: 2;
}
.rep--btn-group .rep--btn:focus,
.rep--btn-group .rep--btn:hover {
  z-index: 3;
}
.rep--list-group {
  font-size: 1.15em;
}
.rep--list-group__item {
  display: block;
  padding: 1rem 1.5rem;
}
.rep--list-group__item:hover {
  background-color: #f1f3f4;
  transition: background-color ease-in-out 0.15s,
    background-color ease-in-out 0.15s;
}
.rep--list-group__item + .rep--list-group__item {
  border-top: 1px solid #dedede;
}
.rep--panel {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  margin-bottom: 1rem;
}
.rep--email-options {
  font-size: 0.875rem;
  text-align: left;
}
.rep--email-options p {
  margin-top: 0;
}
@media (min-width: 768px) {
  .rep--email-options {
    text-align: right;
  }
}
.rep--send-to-form {
  display: block;
  white-space: nowrap;
  padding-bottom: 4px;
}
.rep--send-to-form button,
.rep--send-to-form [type="email"] {
  display: inline-block;
}
.rep--send-to-form button:focus,
.rep--send-to-form button:active,
.rep--send-to-form [type="email"]:focus,
.rep--send-to-form [type="email"]:active {
  z-index: 2;
}
.rep--send-to-form button {
  line-height: 1.25;
  padding: 0.5rem;
}
.rep--send-to-form [type="email"] {
  max-width: 135px;
  padding: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rep--form-control {
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.rep--form-control::placeholder {
  color: #999;
  opacity: 1;
}
.rep--form-control:focus {
  border-color: #a2c6f0;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.rep--footer {
  text-align: center;
  color: #818a91;
}
body {
  margin: 0;
  padding: 0;
  color: #045476 !important;
}
.rep-standalone-container {
  padding: 0 15px;
}