@charset "UTF-8";
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.flex-column-xs {
  flex-direction: column;
}

.flex-row-xs {
  flex-direction: row;
}

.end-xs {
  justify-content: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.baseline-xs {
  align-items: baseline;
}

.stretch-xs {
  align-items: stretch;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48rem) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .flex-row-sm {
    flex-direction: row;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .baseline-sm {
    align-items: baseline;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 65rem) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .flex-column-md {
    flex-direction: column;
  }

  .flex-row-md {
    flex-direction: row;
  }

  .end-md {
    justify-content: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .baseline-md {
    align-items: baseline;
  }

  .stretch-md {
    align-items: stretch;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 85.375rem) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .flex-column-lg {
    flex-direction: column;
  }

  .flex-row-lg {
    flex-direction: row;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .baseline-lg {
    align-items: baseline;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.row {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-reverse {
  flex-direction: row-reverse;
}

.natural-height {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.grid {
  display: grid;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex-wrap {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.self-start {
  -moz-align-self: start;
  -webkit-align-self: start;
  align-self: start;
}

.self-end {
  -moz-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}

.self-center {
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}

.self-baseline {
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}

.btn-outline {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.btn-outline:hover {
  background: #082939 !important;
}
.btn-outline:hover a {
  color: white !important;
}

.btn-primary {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
  background: #ffffff;
}
.btn-primary:hover {
  background: #082939 !important;
}
.btn-primary:hover a {
  color: white;
}

.col-gutter-lr {
  padding: 0 1rem;
}

.col-no-gutter {
  padding: 0;
}

/* BOX */
.box {
  /*@include box;*/
}

.box-top {
  padding-top: 1rem;
}

.box-bottom {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 65rem) {
  .text-center-md {
    text-align: center;
  }
}
.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  justify-content: center;
}

.link {
  line-height: 100%;
  text-decoration-line: underline;
  color: #082939;
}
.link:hover {
  cursor: pointer;
}

.middle {
  align-items: center;
}

.between {
  justify-content: space-between;
}

.base {
  align-items: center;
}

.tooltip {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #F1F0EE;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.bottomBar__countryPicker {
  position: relative;
}
.bottomBar__countryPicker .country-picker__active {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.bottomBar__countryPicker .country-picker__active:hover {
  cursor: pointer;
}
.bottomBar__countryPicker .country-picker__active svg {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.bottomBar__countryPicker .country-picker__active svg path {
  stroke: white;
}
.bottomBar__countryPicker .country-picker ul:not(.active) {
  display: none;
  margin: 0;
}
.bottomBar__countryPicker .country-picker ul.active {
  width: 9rem;
  position: absolute;
  bottom: 34px;
  right: 1rem;
  position: absolute;
  top: unset;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  row-gap: 0.5rem;
}
@media only screen and (min-width: 48rem) {
  .bottomBar__countryPicker .country-picker ul.active {
    bottom: 29px;
    right: 1.5rem;
  }
}
.bottomBar__countryPicker .country-picker ul.active li a {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.bottomBar__countryPicker .country-picker ul.active li a span {
  color: #000;
}
.bottomBar__countryPicker .country-picker a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.bottomBar__countryPicker .country-picker a svg:first-child {
  margin-right: 0.5rem;
}

.country-picker__active {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 47.99rem) {
  .country-picker__active {
    padding: 0 1rem 1rem;
  }
}
.country-picker__active svg {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.country-picker__active svg.open {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.country-picker ul:not(.active) {
  display: none;
  margin: 0;
}
.country-picker ul.active {
  top: 29px;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  right: 24px;
  row-gap: 0.5rem;
}
@media only screen and (min-width: 48rem) {
  .country-picker ul.active {
    position: absolute;
  }
}
.country-picker ul.active li a {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.country-picker a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.country-picker a svg:first-child {
  margin-right: 0.5rem;
}

body.lang__SV .country__SV {
  display: flex;
}

body.lang__NO .country__NO {
  display: flex;
}

body.lang__DK .country__DK {
  display: flex;
}

body.lang__EN .country__EN {
  display: flex;
}

body.lang__FI .country__FI {
  display: flex;
}

body.lang__DE .country__DE {
  display: flex;
}

@media only screen and (max-width: 47.99rem) {
  .customerStyle .footerMenu__menuList {
    row-gap: 1rem;
  }
}

.footerMenu__menuList {
  row-gap: 1rem;
  line-height: 140%;
  font-size: 0.875em;
  margin-top: 1.5rem;
}
.footerMenu__menuTitle {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px;
}
.footerMenu__menuListItem:last-child {
  padding-bottom: 2rem;
}
.footerMenu__titleWrapper {
  align-items: center;
  line-height: 3.5rem;
  justify-content: space-between;
}
@media only screen and (min-width: 65rem) {
  .footerMenu__titleWrapper {
    line-height: 2rem;
  }
}
.footerMenu__accordionIcon {
  display: block;
}
@media only screen and (min-width: 65rem) {
  .footerMenu__accordionIcon {
    display: none;
  }
}

.bottomBar {
  border-top: 1px solid rgba(255, 255, 255, 0.1882352941);
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 47.99rem) {
  .bottomBar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bottomBar {
    padding: 35px 32px;
  }
}
.bottomBar__brand {
  order: 2;
  color: #717171 !important;
  font-size: 14px;
}
@media only screen and (max-width: 47.99rem) {
  .bottomBar__brand {
    padding: 1rem;
  }
}
.bottomBar__icons {
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  order: 1;
  filter: grayscale(1);
  column-gap: 1rem;
  flex-wrap: wrap;
  row-gap: 1rem;
}
@media only screen and (max-width: 47.99rem) {
  .bottomBar__icons {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1882352941);
  }
}
@media only screen and (min-width: 65rem) {
  .bottomBar__icons {
    padding: 0;
  }
}
.bottomBar__icons img {
  object-fit: contain;
  max-height: 42px;
}
.bottomBar__countryPicker {
  order: 3;
  font-size: 14px;
}
@media only screen and (max-width: 47.99rem) {
  .bottomBar__countryPicker {
    padding: 1rem;
  }
}
@media only screen and (min-width: 65rem) {
  .bottomBar__countryPicker, .bottomBar__icons, .bottomBar__brand {
    order: unset;
    width: unset;
  }
}

.Medskick420, .Medskick421, .Medskick422, .Medskick423, .Medskick430, .Medskick431, .Medskick432, .Medskick433 {
  display: none;
}

.contain {
  object-fit: contain;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input:focus {
  outline: none;
}

.newsletter {
  position: relative;
  padding: 4rem 1rem;
  justify-content: center;
  text-align: center;
}
@media only screen and (min-width: 65rem) {
  .newsletter {
    padding: 80px;
  }
}
.newsletter #required-message {
  justify-content: center;
  margin-top: 0.875rem;
}
.newsletter__submit {
  background: #F1F0EE;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F1F0EE;
  padding: 0 1rem;
  border: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.newsletter__submit:focus {
  outline: none;
}
.newsletter__submit:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
}
.newsletter__heading {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  color: white;
}
.newsletter__miniHeading {
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 0.875rem;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 100%;
}
.newsletter__input {
  background: #F1F0EE;
  -webkit-appearance: none;
  margin: 0 auto;
  outline: none;
  appearance: none;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 0.75rem;
}
.newsletter__input:focus {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.newsletter__link {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-decoration: underline;
  color: #717171;
  margin: 1rem auto;
  width: 245px;
}
.newsletter form {
  outline: none;
  -webkit-appearance: none;
  border: 1px solid #D0D0D0;
  position: relative;
}
@media only screen and (min-width: 65rem) {
  .newsletter form {
    width: 30%;
    margin: 0 auto;
  }
}
.newsletter form.--success {
  display: none;
}
.newsletter form.--success + .successMsg {
  display: block !important;
}

.reviews {
  display: flex;
  overflow: auto;
  font-family: "GT America";
  padding: 2rem 0 2rem 0rem !important;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 47.99rem) {
  .reviews {
    padding-left: 1rem;
  }
}
.reviewsStars {
  display: flex;
  column-gap: 5px;
  width: 100%;
  height: 11px;
}
.reviewsCard {
  display: flex;
  row-gap: 1rem;
  flex-wrap: wrap;
  margin-right: 0.5rem;
  padding: 1.5rem;
  background: rgba(174, 166, 148, 0.2);
}
.reviewsCard .reviewMeta {
  column-gap: 0.5rem;
  align-items: center;
}
.reviewsCard .purchaseMeta {
  column-gap: 0.25rem;
  align-items: center;
}
.reviewsCard__reviewSummary {
  margin: 0;
  line-height: 140%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.reviewsCard__reviewDate {
  color: #717171;
}
.reviewsCard > div:not(.reviewsStars) {
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
  column-gap: 0.5rem;
  letter-spacing: 0.06em;
  width: 100%;
}
.reviewsCard > div:not(.reviewsStars) p {
  margin: 0;
}

.snapping--wrapper .reviewsCard__reviewSummary--clamped {
  height: 67px;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.flex-column-xs {
  flex-direction: column;
}

.flex-row-xs {
  flex-direction: row;
}

.end-xs {
  justify-content: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.baseline-xs {
  align-items: baseline;
}

.stretch-xs {
  align-items: stretch;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48rem) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .flex-row-sm {
    flex-direction: row;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .baseline-sm {
    align-items: baseline;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 65rem) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .flex-column-md {
    flex-direction: column;
  }

  .flex-row-md {
    flex-direction: row;
  }

  .end-md {
    justify-content: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .baseline-md {
    align-items: baseline;
  }

  .stretch-md {
    align-items: stretch;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 85.375rem) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .flex-column-lg {
    flex-direction: column;
  }

  .flex-row-lg {
    flex-direction: row;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .baseline-lg {
    align-items: baseline;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.row {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-reverse {
  flex-direction: row-reverse;
}

.natural-height {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.grid {
  display: grid;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex-wrap {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.self-start {
  -moz-align-self: start;
  -webkit-align-self: start;
  align-self: start;
}

.self-end {
  -moz-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}

.self-center {
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}

.self-baseline {
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}

.btn-outline {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.btn-outline:hover {
  background: #082939 !important;
}
.btn-outline:hover a {
  color: white !important;
}

.btn-primary {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
  background: #ffffff;
}
.btn-primary:hover {
  background: #082939 !important;
}
.btn-primary:hover a {
  color: white;
}

.col-gutter-lr {
  padding: 0 1rem;
}

.col-no-gutter {
  padding: 0;
}

/* BOX */
.box {
  /*@include box;*/
}

.box-top {
  padding-top: 1rem;
}

.box-bottom {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 65rem) {
  .text-center-md {
    text-align: center;
  }
}
.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  justify-content: center;
}

.link {
  line-height: 100%;
  text-decoration-line: underline;
  color: #082939;
}
.link:hover {
  cursor: pointer;
}

.middle {
  align-items: center;
}

.between {
  justify-content: space-between;
}

.base {
  align-items: center;
}

.tooltip {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #F1F0EE;
}

form > div {
  flex-grow: 1;
  display: flex;
  column-gap: 0.5rem;
}

.search-label {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-label p {
  margin: 0;
}
.search-label span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.form-error {
  color: red;
}

#search {
  border: none;
  width: 100%;
  background: none;
  font-size: 16px;
  border-width: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 47.99rem) {
  #search {
    text-overflow: ellipsis;
  }
}
@media only screen and (min-width: 65rem) {
  #search {
    font-size: 14px;
  }
}
#search:focus {
  outline: none;
}
#search::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s linear;
  color: #969696;
}
#search:focus::-webkit-input-placeholder {
  opacity: 0;
}

input[type=submit] {
  display: none;
}

.SokMer {
  border: 1px solid #082939;
  padding: 1rem;
  display: inline-block;
  color: #082939;
  column-gap: 0.5rem;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#suggest-area.no-results {
  display: none;
}
#suggest-area .headline {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 100%;
  color: #717171;
}
#suggest-area #suggest-init {
  padding: 1.5rem;
  display: none !important;
}
#suggest-area #suggest-result {
  overflow: auto;
}
#suggest-area #suggest-result > .row {
  row-gap: 2.5rem;
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result > .row {
    padding: 1.5rem;
    row-gap: 0;
  }
}
#suggest-area #suggest-result .noHit {
  padding: 1.5rem;
}
#suggest-area #suggest-result .products {
  padding: 0;
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result .products {
    overflow: auto;
    padding: 1.5rem;
    border-left: 1px solid #D0D0D0;
    background: #F1F0EE;
  }
}
#suggest-area #suggest-result .products .LSS_Artiklar {
  column-gap: 1.5rem;
  margin-bottom: 1.5rem;
}
#suggest-area #suggest-result .products .LSS_Artiklar .artikel {
  padding: 1rem 0 1.5rem 0;
  border-bottom: 1px solid #D0D0D0;
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result .products .LSS_Artiklar .artikel {
    flex-basis: calc(50% - 0.75rem);
  }
}
#suggest-area #suggest-result .products .LSS_Artiklar .artikel .LSS_Artikelinfo {
  display: flex;
  row-gap: 0.5rem;
}
#suggest-area #suggest-result .products .LSS_Artiklar .artikel .LSS_Artikelinfo__name {
  line-height: 140%;
}
#suggest-area #suggest-result .products .LSS_Artiklar .artikel img {
  max-width: 66px;
}
#suggest-area #suggest-result .searchSuggestions {
  padding: 1rem 0 0 0;
}
#suggest-area #suggest-result .searchSuggestions .searchLabel {
  color: #717171;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 48rem) {
  #suggest-area #suggest-result .searchSuggestions .searchLabel {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result .searchSuggestions {
    overflow: auto;
  }
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result .searchSuggestions {
    padding: 0;
  }
}
#suggest-area #suggest-result .searchSuggestions a.term {
  font-weight: 400;
}
@media only screen and (min-width: 65rem) {
  #suggest-area #suggest-result .searchSuggestions a.term {
    padding-right: 40px;
  }
}
#suggest-area #suggest-result .searchSuggestions a.term .suggest-hl {
  font-weight: 300;
}
#suggest-area #suggest-result .searchSuggestions .LSS_Artiklar a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#suggest-area #suggest-result .searchSuggestions .LSS_Blogs a {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#suggest-area #suggest-result .searchSuggestions > ul, #suggest-area #suggest-result .searchSuggestions > div > ul {
  row-gap: 0.75rem;
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0;
}
#suggest-area #suggest-result .searchSuggestions > ul > li, #suggest-area #suggest-result .searchSuggestions > div > ul > li {
  font-size: 20px;
  line-height: 110%;
  display: flex;
  letter-spacing: -0.01em;
  justify-content: space-between;
  font-weight: 400;
  align-items: center;
}
#suggest-area #suggest-result .searchSuggestions > ul > li > a, #suggest-area #suggest-result .searchSuggestions > div > ul > li > a {
  margin-right: 1.5rem;
}

/**
 * Sort Dropdown Component Styles
 * WCAG 2.1 Level AA compliant dropdown with keyboard navigation
 * Extends .filter styles from global.scss for visual consistency
 * 
 * Structure:
 * - .ul-li-list wrapper with .filter class (inherits button/container styles from global)
 * - .filter__title button (styled in global .page__sort)
 * - .filter__container with listbox inside (styled in global .filter)
 * - [role="option"] items with .filter__item class (bullet styles here)
 */
.ul-li-list {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .ul-li-list:not(.--active) .filter__title {
    position: relative;
  }
  .ul-li-list:not(.--active) .filter__title::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    pointer-events: none;
  }
}
.ul-li-list .filter__container {
  display: none;
  flex-direction: column;
}
@media only screen and (min-width: 48rem) {
  .ul-li-list .filter__container {
    position: absolute;
    width: 285px;
    padding: 1.5rem;
    z-index: 3;
    top: 48px;
    background: #F1F0EE;
    border-radius: 2px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 47.99rem) {
  .ul-li-list .filter__container {
    position: static;
    width: 100%;
    padding: 0;
  }
}
.ul-li-list .filter__title {
  cursor: pointer;
  pointer-events: auto;
}
.ul-li-list .filter__title:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  z-index: 1;
}
html.user-tabbing .ul-li-list .filter__title:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  z-index: 1;
}
html:not(.user-tabbing) .ul-li-list .filter__title:focus {
  outline: none;
}
.ul-li-list .filter__title .activeSort-text {
  position: static;
  padding: 0;
  margin: 0;
  background: none;
  pointer-events: none;
}
.ul-li-list .filter__title .activeSort-text::before {
  content: none;
}
.ul-li-list:not(.--active) span:not(.activeSort):not(.activeSort-text):hover::before {
  display: none !important;
}
.ul-li-list .filter__container--list {
  display: none;
  flex-direction: column;
  row-gap: 16px;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ul-li-list .filter__container--items {
  padding: 0;
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
}
.ul-li-list .filter__container--items:hover {
  background-color: rgba(8, 41, 57, 0.05);
}
.ul-li-list .filter__container--items:focus, .ul-li-list .filter__container--items:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  background-color: rgba(8, 41, 57, 0.08);
}
.ul-li-list .filter__container--items:focus:not(:focus-visible) {
  outline: none;
}
.ul-li-list .filter__container--items.filter__item {
  display: flex;
  align-items: center;
  margin: 0;
}
.ul-li-list .filter__container--items.filter__item::before {
  content: "";
  height: 12px;
  width: 12px;
  min-width: 12px;
  border: 1px solid #000;
  border-radius: 90px;
  margin-right: 0.5rem;
  flex: 0 0 auto;
}
.ul-li-list .filter__container--items.filter__item.--active::before {
  background: #000;
}

@media (max-width: 47.9375rem) {
  .ul-li-list {
    width: 100% !important;
    flex-direction: column;
  }
  .ul-li-list.--active::before {
    content: none !important;
    display: none !important;
  }
  .ul-li-list .filter__title {
    width: 100% !important;
    height: 65px;
    background-color: #F1F0EE;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    padding: 0 1rem;
    cursor: pointer;
    pointer-events: auto;
  }
  .ul-li-list .filter__title svg:last-child {
    margin-left: auto;
    transform: rotate(270deg);
  }
  .ul-li-list .filter__title:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: -2px;
    z-index: 1;
  }
  html.user-tabbing .ul-li-list .filter__title:focus {
    outline: 2px solid #0066cc;
    outline-offset: -2px;
    z-index: 1;
  }
  .ul-li-list.--active {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: calc(100% - 65px);
    z-index: 1;
    background-color: #F1F0EE;
    overflow: hidden;
    overflow-y: scroll;
  }
  .ul-li-list.--active .filter__title {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #F1F0EE;
    column-gap: 0.5rem;
  }
  .ul-li-list.--active .filter__title:focus, .ul-li-list.--active .filter__title:focus-visible {
    outline-offset: -2px;
  }
  .ul-li-list.--active .filter__title svg:first-child {
    display: flex !important;
    margin-right: 0.25rem;
  }
  .ul-li-list.--active .filter__title svg:last-child {
    display: none;
  }
  .ul-li-list.--active .filter__container {
    display: flex !important;
    position: static !important;
    width: 100% !important;
    border: 0;
    height: auto;
    margin-top: 0;
    padding: 0 1rem;
    overflow: visible;
    background: transparent;
  }
  .ul-li-list.--active .filter__container--wrap {
    max-height: none;
    overflow: visible;
  }
  .ul-li-list.--active .filter__container--list {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    padding-top: 16px;
  }
}
@media (prefers-contrast: high) {
  .ul-li-list .filter__title:focus,
.ul-li-list [role=option]:focus {
    outline-width: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ul-li-list .filter__title svg {
    transition: none;
  }
}
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
@media only screen and (max-width: 47.99rem) {
  /*
  body{
      height: 100%;
      width: 100%;
  }
  body{
      overflow: hidden;
      overflow-y: scroll;
  }
  html.menu_active{
      height: 100vh;
      position: fixed;
  } 
  */
  body.modal_active {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  body.modal_active #header {
    z-index: 10;
  }
  body.modal_active .page__filter--btn {
    z-index: 1;
  }
}
body.styleadvisor, body.cart-open {
  overflow: hidden;
}
body.styleadvisor .backdrop, body.cart-open .backdrop {
  top: 0 !important;
  z-index: 10 !important;
}
@media only screen and (min-width: 65rem) {
  body.activeNav #header:not(.header__scrolled) .backdrop, body.activeNav #header.top .backdrop {
    top: 138px !important;
  }
  body.activeNav #header.header__scrolled .backdrop {
    top: 108px;
  }
}

/* Navigation backdrop element - replaces problematic pseudo-element */
.nav-backdrop {
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100vw - 17px);
  height: 316px;
  /* Same height as submenus */
  background-color: #F7F6F4;
  /* Same as submenu background */
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  z-index: 99;
  /* Below submenus but above page content */
  pointer-events: none;
  /* Don't interfere with submenu interactions */
  display: none;
  /* Hidden by default */
  opacity: 0;
  transition: opacity 0.2s ease;
}
.nav-backdrop.visible {
  display: block;
  opacity: 1;
}
.nav-backdrop.nav-disabled {
  display: none !important;
  opacity: 0 !important;
}

/* Auto-show backdrop when any menu item is hovered (desktop only) */
@media only screen and (min-width: 65rem) {
  /* Show backdrop when menu categories container is hovered */
  .menu__categories:hover + .nav-backdrop {
    display: block;
    opacity: 1;
  }

  /* Hide backdrop when navigation is disabled by click */
  #main--nav.nav-disabled-by-click .nav-backdrop {
    display: none !important;
    opacity: 0 !important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nav__brands {
  font-size: 0.875rem;
}

.backdrop {
  opacity: 0;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  left: 0;
  z-index: -1;
}
.backdrop.filter-open {
  top: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  opacity: 1;
}
@media only screen and (min-width: 65rem) {
  .backdrop.filter-open {
    top: 3.25rem;
  }
}

.nav.active + .backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  opacity: 1;
}

@media only screen and (min-width: 65rem) {
  .top .backdrop.active {
    top: 5.15rem;
  }
}

.backdrop.active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 125px;
  z-index: 2;
  opacity: 1;
}
@media only screen and (min-width: 65rem) {
  .backdrop.active {
    top: 3.25rem;
  }
}

@media only screen and (min-width: 65rem) {
  .fullbackdrop .backdrop.active {
    top: 0rem;
  }
}

.nav {
  /* MOBILE */
  /* DESKTOP */
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .nav#main--nav {
    transition: transform 0.25s linear;
    -webkit-transition: transform 0.25s linear;
    -moz-transition: transform 0.25s linear;
    -ms-transition: transform 0.25s linear;
    -o-transition: transform 0.25s linear;
    transform: translateX(100%);
    position: fixed;
    width: calc(100% - 48px);
    right: 0;
    top: 0;
  }
  .nav#main--nav.active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    width: calc(100% - 48px);
    height: 100%;
    position: fixed;
    z-index: 100;
    background: #fff;
    top: 0;
    right: 0;
  }
  .nav .category-level2 {
    padding-bottom: 2rem;
  }
  .nav .category-level2 .brandLabelWrapper {
    padding: 0 1rem;
  }
  .nav .menu {
    background-color: rgb(247, 246, 244);
    flex-direction: column;
    width: 100%;
    height: -webkit-fill-available;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: absolute;
  }
  .nav .menu ul,
.nav .menu li {
    list-style: none;
    margin: 0;
  }
  .nav .menu__categories {
    flex-direction: column;
  }
  .nav .menu__categories--headline {
    font-family: "Financier Display";
    font-size: 32px;
    padding: 0.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f6f4;
  }
  .nav .menu__categories--close {
    position: relative;
    right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    z-index: 1;
    margin-left: auto;
    background: none;
    border: none;
  }
  .nav .menu__categories--back {
    color: rgb(150, 150, 150);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    font-size: 12px;
    padding: 1.5rem 1rem;
  }
  .nav .menu__categories--back svg {
    padding-right: 0.5rem;
  }
  .nav .menu__categories > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .nav .menu__categories > li > button,
.nav .menu__categories > li > a {
    height: 54px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem;
    align-items: center;
    font-size: 20px;
    background: none;
    border: none;
  }
  .nav .menu__categories > li > button svg,
.nav .menu__categories > li > a svg {
    margin-left: auto;
  }
  .nav .menu__categories > li > div, .nav .menu__categories > li > div > a {
    display: none;
  }
  .nav .menu__categories > li.open {
    position: absolute;
    background-color: rgb(247, 246, 244);
    width: 100%;
  }
  .nav .menu__categories > li.open > a {
    font-family: "Financier Display";
    font-size: 32px;
    padding: 1rem 1.8rem;
    height: auto;
    pointer-events: none;
    background-color: #fff;
  }
  .nav .menu__categories > li.open > a svg {
    display: none;
  }
  .nav .menu__categories > li.open > div {
    display: block;
  }
  .nav .menu__categories > li.open > div li a {
    height: 48px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem;
    align-items: center;
    font-size: 20px;
  }
  .nav .menu__categories > li.open > div .global-category-items {
    padding: 0 1rem;
    font-size: 28px;
    line-height: 26.4px;
    letter-spacing: -1px;
    font-family: "Financier Display";
    padding: 0 0 1.5rem;
  }
  .nav .menu__categories > li.open > div .global-category-items a {
    font-size: 1.75rem;
    line-height: 26.4px;
    letter-spacing: -1px;
  }
  .nav .menu__categories.open .menu__categories--close {
    position: absolute;
    right: 0rem;
    top: 0.4rem;
    padding: 1rem;
  }
  .nav .menu__pages {
    padding: 1rem 0 0;
  }
  .nav .menu__pages li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 1rem;
  }
  .nav .menu__styleadvicer {
    padding: 1rem;
  }
  .nav .menu__styleadvicer a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem;
    color: #fff;
    background: #082939;
    width: calc(100% - 2rem);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav .menu__styleadvicer a svg {
    margin-left: 0.5rem;
  }
  .nav .menu .country-picker {
    margin-top: auto;
  }
}
.nav .menu__pages [href*=luxury-brands] {
  display: none;
}
@media only screen and (min-width: 65rem) {
  .nav {
    position: static;
    background: none;
    flex-direction: row;
    display: block;
    border-bottom: 1px solid #D0D0D0;
  }
  .nav .menu__categories {
    position: relative;
    /* Make this the positioning context for submenus */
    /* REMOVED: Pseudo-element backdrop - replaced with controllable DOM element */
  }
  .nav .menu__categories > li {
    height: 45px;
    display: flex;
    order: 2;
  }
  .nav .menu__categories > li > button,
.nav .menu__categories > li > a {
    display: flex;
    align-items: center;
    font-size: 14px;
    background: none;
    border: none;
  }
  .nav .menu__pages {
    margin-left: auto;
    margin-right: 4px;
  }
  .nav .menu__pages > li {
    height: 45px;
    display: flex;
    order: 2;
  }
  .nav > div {
    flex-direction: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0rem 1rem 0rem 0rem;
    position: relative;
  }
  .nav > div a {
    color: #000;
  }
  .nav > div > ul {
    flex-direction: inherit;
    margin: 0;
    padding-left: 1rem;
    flex-wrap: wrap;
    display: flex;
    /* Navigation-specific hiding class for submenus */
  }
  .nav > div > ul > li > a {
    position: relative;
  }
  .nav > div > ul > li > a:after, .nav > div > ul > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 2;
    background-color: #082939;
    -webkit-transition: width 2s;
    transition: width 2s;
    transition: transform 2s linear;
    -webkit-transition: transform 2s linear;
    -moz-transition: transform 2s linear;
    -ms-transition: transform 2s linear;
    -o-transition: transform 2s linear;
    opacity: 0.2;
  }
  .nav > div > ul > li > a:hover,
.nav > div > ul > li > button:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .nav > div > ul > li > a, .nav > div > ul > a {
    padding: 0 0.5rem;
  }
  .nav > div > ul .nav-hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .nav > div > ul li {
    /* Smooth mega menu approach - extend hover zone */
    /* Base state for submenus */
    /* Show submenu on hover with minimal delay - override nav-hidden class */
    /* Keep submenu open when hovering the submenu itself - override nav-hidden class */
    /* Prevent hover overrides when navigation is disabled by click */
  }
  .nav > div > ul li > div {
    display: flex !important;
    flex-direction: row !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    transition-delay: 0s;
    /* Immediate hiding when completely leaving menu */
    /* Extend the hover zone to prevent gaps */
    padding-top: 1px;
    /* Bridge any potential gap */
    margin-top: -1px;
    /* Pull submenu up to connect */
    /* Override the ul flex-direction for desktop */
  }
  .nav > div > ul li > div ul {
    flex-direction: column !important;
  }
  .nav > div > ul li:hover > div, .nav > div > ul li:hover > div.nav-hidden {
    display: flex !important;
    /* Override .nav-hidden class when hovering */
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0.1s;
    /* Minimal delay - just enough to prevent accidents */
  }
  .nav > div > ul li > div:hover,
.nav > div > ul li > div.nav-hidden:hover {
    display: flex !important;
    /* Override .nav-hidden class when hovering */
    visibility: visible !important;
    opacity: 1 !important;
    transition-delay: 0s;
    /* No delay when already in submenu */
  }
  #main--nav.nav-disabled-by-click .nav > div > ul li:hover > div, #main--nav.nav-disabled-by-click .nav > div > ul li:hover > div.nav-hidden,
#main--nav.nav-disabled-by-click .nav > div > ul li > div:hover,
#main--nav.nav-disabled-by-click .nav > div > ul li > div.nav-hidden:hover {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  .nav > div > ul li, .nav > div > ul li + li {
    list-style: none;
  }
  .nav > div > ul li div, .nav > div > ul li + li div {
    display: none;
    z-index: 100;
    overflow: hidden;
    height: 316px;
    position: absolute;
    width: calc(100vw - 17px);
    top: 100%;
    /* Standard positioning - no gap */
    left: 0px;
    background-color: #F7F6F4;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
  }
  .nav > div > ul li div ul, .nav > div > ul li + li div ul {
    row-gap: 0.875rem;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #D0D0D0;
    padding: 1.5rem 1.5rem 4rem 1.5rem;
  }
  .nav > div > ul li div ul.category-level2, .nav > div > ul li + li div ul.category-level2 {
    flex-wrap: wrap;
    flex: 1;
    display: flex;
    flex-direction: column;
    row-gap: 0.875rem;
    column-gap: 5.313rem;
    align-content: flex-start;
  }
}
@media only screen and (min-width: 65rem) and (min-width: 65rem) and (max-width: 84.375rem) {
  .nav > div > ul li div ul.category-level2, .nav > div > ul li + li div ul.category-level2 {
    row-gap: 0.725rem;
    column-gap: 1.313rem;
  }
}
@media only screen and (min-width: 65rem) and (min-width: 1400px) and (max-width: 1650px) {
  .nav > div > ul li div ul.category-level2, .nav > div > ul li + li div ul.category-level2 {
    row-gap: 0.775rem;
  }
}
@media only screen and (min-width: 65rem) {
  .nav > div > ul li div ul.category-level2 .brandLabelWrapper, .nav > div > ul li + li div ul.category-level2 .brandLabelWrapper {
    margin-top: -14px;
  }
  .nav > div > ul li div ul.category-level2 .brandLabelWrapper .brandLabel, .nav > div > ul li + li div ul.category-level2 .brandLabelWrapper .brandLabel {
    position: absolute;
    top: 30px;
  }
}
@media only screen and (min-width: 65rem) {
  .nav > div > ul li div ul.category-level2 > li, .nav > div > ul li + li div ul.category-level2 > li {
    max-width: fit-content;
    font-size: 0.875rem;
    min-width: 176px;
  }
  .nav > div > ul li div ul.category-level2 > li > a:hover, .nav > div > ul li + li div ul.category-level2 > li > a:hover {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 65rem) {
  .nav > div > ul li div ul.global-category-items, .nav > div > ul li + li div ul.global-category-items {
    width: 228px;
  }
  .nav > div > ul li div ul.global-category-items a, .nav > div > ul li + li div ul.global-category-items a {
    font-family: "Financier Display";
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: -0.01em;
  }
  .nav > div > ul li div ul.global-category-items a:hover, .nav > div > ul li + li div ul.global-category-items a:hover {
    color: rgb(4, 71, 120);
  }
  .nav > div > ul li div ul.global-category-items .block_1, .nav > div > ul li + li div ul.global-category-items .block_1 {
    row-gap: 0.5rem;
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 64.99rem) and (min-resolution: 144dpi) {
  .nav .menu__categories > li > a,
.nav .menu__pages > li > a {
    font-size: 13px;
  }

  .nav > div > ul > li > a,
.nav > div > ul > a {
    padding: 0 0.4rem;
  }

  #search {
    font-size: 13px;
  }
}
.menu__categories .global-category-items br {
  display: none;
}
.menu__categories .category_blocks {
  flex: 0 1 29%;
  padding: 0 !important;
}
.menu__categories .category_blocks .block_2:not(:empty) {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 47.99rem) {
  .menu__categories .category_blocks .block_2:not(:empty) br {
    display: none;
  }
}
.menu__categories .category_blocks .block_2:not(:empty) img {
  height: 100%;
  aspect-ratio: 5/4;
  object-fit: cover;
  display: flex;
}
.menu__categories .category_blocks .block_2:not(:empty) a {
  letter-spacing: 0.05em;
  position: absolute;
  left: 16px;
  align-items: center;
  bottom: 16px;
  text-transform: uppercase;
  background: white;
  padding: 16px;
  display: flex;
  z-index: 2;
}
@media only screen and (max-width: 47.99rem) {
  .menu__categories .category_blocks .block_2:not(:empty) a {
    font-size: 12px !important;
    width: auto !important;
  }
}
.menu__categories .category_blocks .block_2:not(:empty) a:after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !important;
  speak: never;
  font-style: normal;
  right: 0.75rem;
  top: 1.2rem;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.menu__categories .category_blocks .block_2:not(:empty) a:hover {
  background: #082939;
  color: #FFFFFF;
}
.menu__categories .category_blocks .block_2:not(:empty):after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  position: absolute;
  width: 100%;
  height: 75px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

@media only screen and (min-width: 65rem) {
  .nav__brands ul ul {
    max-height: 295px;
    flex-wrap: wrap;
    row-gap: 0.5rem !important;
    column-gap: 5rem;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .nav__brands ul ul > a {
    display: none;
  }
  .nav__brands .menu-child-headline {
    font-family: "Financier Display";
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: -0.01em;
    margin-top: -43px;
  }
}
.menu-item-sale {
  order: 10 !important;
}
.menu-item-sale > a {
  color: #91322f;
}
@media (max-width: 991px) {
  .menu-item-sale {
    order: 0 !important;
  }
}

/**
 * Country Selector Modal - Modern Styling
 * Refactored from inline styles in country_select_20.tt
 * Component: Smart Country Selector with Geo-positioning
 */
/* Backdrop and Modal Container */
.country-selector-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
  padding: 1rem;
  backdrop-filter: blur(2px);
}

.country-selector-modal {
  background: white;
  max-width: 600px;
  width: 100%;
  height: 80vh;
  max-height: 80vh;
  min-height: 500px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  animation: modalSlideIn 0.3s ease-out;
  display: flex;
  flex-direction: column;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Modal Header */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #e5e5e5;
  background: #f9f9f9;
}
.modal-header h2,
.modal-header .h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #333;
}

.modal-close {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  color: #666;
}
.modal-close:hover {
  background: #e5e5e5;
  color: #333;
}

html.user-tabbing .modal-close:focus {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}

/* Modal Body */
.modal-body {
  padding: 1.5rem 2rem 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Search Container */
.search-container {
  margin-bottom: 1.5rem;
}

.country-search-input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid #e5e5e5;
  font-size: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

html.user-tabbing .country-search-input:focus {
  outline: 2px solid #007acc;
  outline-offset: 2px;
  border-color: transparent;
}

/* Countries Container */
.countries-container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
}

.countries-list {
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 200px;
}

/* Country Items */
.country-item {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
  position: relative;
}
.country-item[style*="display: none"] {
  display: none !important;
}
.country-item:last-child {
  border-bottom: none;
}
.country-item:hover {
  background: #f8f9fa;
}

html.user-tabbing .country-item:focus {
  outline: 2px solid #007acc;
  outline-offset: -2px;
  background: #f8f9fa;
}

/* Smart Positioning - Priority Countries */
.country-item.priority-country {
  background: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 100%);
  border-left: 4px solid #007acc;
  font-weight: 500;
}
.country-item.priority-country:hover {
  background: linear-gradient(135deg, #d1e9f8 0%, #e6f3ff 100%);
}

.priority-icon {
  color: #007acc;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Country Separator */
.country-separator {
  padding: 0.75rem 1.5rem;
  background: #f8f9fa;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.separator-line {
  border: none;
  height: 1px;
  background: #e5e5e5;
  margin: 0 0 0.5rem 0;
}

.separator-text {
  font-size: 0.875rem;
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.country-item.suggested-country {
  background: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 100%);
  border-left: 4px solid #007acc;
  font-weight: 500;
}
.country-item.suggested-country:hover {
  background: linear-gradient(135deg, #d4eafc 0%, #e6f3ff 100%);
}

/* Country Info Layout */
.country-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.country-flag {
  width: 32px;
  height: 24px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  flex-shrink: 0;
}
.country-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.country-name {
  font-size: 1rem;
  color: #333;
  flex-grow: 1;
}

/* Responsive Design - Mobile First */
@media (max-width: 640px) {
  .country-selector-backdrop {
    padding: 0;
    z-index: 9999999999;
  }

  .country-selector-modal {
    max-height: 100vh;
    height: 100vh;
    margin: 0;
    width: 100vw;
    max-width: 100vw;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .modal-header {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header h2,
.modal-header .h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .modal-body {
    padding: 1rem 1.5rem 1.5rem;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .search-container {
    flex-shrink: 0;
    margin-bottom: 1rem;
  }

  .countries-container {
    flex: 1;
    overflow-y: auto;
    border: none;
  }

  .countries-list {
    height: 100%;
    overflow-y: auto;
  }

  .country-item {
    padding: 1rem;
    min-height: 60px;
  }

  .country-info {
    gap: 0.75rem;
  }

  .country-flag {
    width: 32px;
    height: 24px;
  }

  .country-name {
    font-size: 1rem;
  }

  .priority-icon {
    width: 16px;
    height: 16px;
  }

  .separator-text {
    font-size: 0.85rem;
  }

  .close-btn {
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}
/* Accessibility Improvements */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .country-selector-modal {
    animation: none;
  }

  .country-item,
.modal-close,
.country-search-input {
    transition: none;
  }
}
/* High Contrast Mode Support */
@media (prefers-contrast: high) {
  .country-selector-backdrop {
    background: rgba(0, 0, 0, 0.8);
  }

  .country-selector-modal {
    border: 2px solid #000;
  }

  .modal-header {
    border-bottom-color: #000;
  }

  .country-search-input {
    border-color: #000;
  }

  .country-item {
    border-bottom-color: #ccc;
  }

  html.user-tabbing .country-item:focus {
    outline: 2px solid #007acc;
    outline-offset: -2px;
  }
}
.kundradgivning {
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  position: fixed;
  transition: transform 0.5s ease;
  right: 0;
  top: 0;
  background: #f7f6f4;
  z-index: 999999999;
  width: 100%;
  overflow: auto;
  height: 100%;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
@media only screen and (min-width: 48rem) {
  .kundradgivning {
    min-width: 75vw;
    max-width: 683px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
}
.kundradgivning.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media only screen and (min-width: 48rem) {
  .kundradgivning.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
.kundradgivning__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.kundradgivning__header .kundradgivning__back {
  cursor: pointer;
}
.kundradgivning__header .kundradgivning__close {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  cursor: pointer;
}
.kundradgivning__header .kundradgivning__close svg {
  pointer-events: none;
}

/**
 * Modern Full-Screen Image Viewer Styles
 */
/* Prevent body scroll when viewer is open */
body.no-scroll {
  overflow: hidden;
  position: relative;
}

/* Main modal container - ensure it breaks out of any stacking context */
.pdp-image-viewer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  margin: 0 !important;
  padding: 0;
  transform: none !important;
  will-change: opacity, visibility;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

.pdp-image-viewer.active {
  opacity: 1;
  visibility: visible;
}

/* Overlay (backdrop) */
.pdp-image-viewer__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1;
}

/* Stage (image container) */
.pdp-image-viewer__stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  overflow: hidden;
  touch-action: manipulation;
  /* Prevent viewport zoom, allow gestures */
  isolation: isolate;
  /* Create new stacking context to contain transforms */
  contain: layout style paint;
  /* Contain rendering, layout and style to prevent overflow */
  transform: translateZ(0);
  /* Force GPU acceleration */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
}

/* Image element */
.pdp-image-viewer__image {
  max-width: 90%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.pdp-image-viewer__image.loading {
  opacity: 0.5;
}

/* Close button - matching productImage close button style */
.pdp-image-viewer__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  z-index: 3;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.pdp-image-viewer__close svg path {
  stroke: #082939;
  transition: stroke 0.3s ease;
}

.pdp-image-viewer__close:hover {
  background: #082939;
  transform: scale(1.1);
}
.pdp-image-viewer__close:hover svg path {
  stroke: white;
}

.pdp-image-viewer__close:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Zoom controls */
.pdp-image-viewer__zoom-controls {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 3;
}

.pdp-image-viewer__zoom-btn {
  width: 44px;
  height: 44px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
  color: #082939;
}
.pdp-image-viewer__zoom-btn svg {
  display: block;
}

.pdp-image-viewer__zoom-btn:hover {
  background: #082939;
  color: white;
  transform: scale(1.1);
}

.pdp-image-viewer__zoom-btn:disabled {
  background: #f5f5f5;
  color: #999999;
  cursor: not-allowed;
  pointer-events: none;
}

.pdp-image-viewer__zoom-btn:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Navigation buttons - ensure flexbox centering works properly */
.pdp-image-viewer .nav-prev,
.pdp-image-viewer .nav-next {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  left: auto;
  right: auto;
}
.pdp-image-viewer .nav-prev {
  left: 20px;
}
.pdp-image-viewer .nav-next {
  right: 20px;
}
.pdp-image-viewer .nav-prev:focus,
.pdp-image-viewer .nav-next:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}
.pdp-image-viewer .nav-prev:disabled,
.pdp-image-viewer .nav-next:disabled {
  opacity: 0;
  pointer-events: none;
}

/* Thumbnails */
.pdp-image-viewer__thumbs {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  max-width: 90%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pdp-image-viewer__thumbs::-webkit-scrollbar {
  height: 4px;
}

.pdp-image-viewer__thumbs::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.pdp-image-viewer__thumbs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

.pdp-image-viewer__thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease;
  padding: 0;
  background: transparent;
}

.pdp-image-viewer__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-image-viewer__thumb:hover {
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.05);
}

.pdp-image-viewer__thumb.active {
  border-color: white;
}

.pdp-image-viewer__thumb:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .pdp-image-viewer__close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    font-size: 28px;
  }

  .pdp-image-viewer__nav {
    width: 44px;
    height: 44px;
    font-size: 40px;
  }

  .pdp-image-viewer__nav--prev {
    left: 12px;
  }

  .pdp-image-viewer__nav--next {
    right: 12px;
  }

  .pdp-image-viewer__thumbs {
    bottom: 12px;
    padding: 8px;
    gap: 8px;
  }

  .pdp-image-viewer__thumb {
    width: 50px;
    height: 50px;
  }

  .pdp-image-viewer__image {
    max-width: 95%;
    max-height: 85vh;
  }
}
/* Touch feedback */
@media (hover: none) {
  .pdp-image-viewer__close:active,
.pdp-image-viewer__nav:active,
.pdp-image-viewer__thumb:active {
    opacity: 0.7;
  }
}
/* Loading state */
.pdp-image-viewer__image.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  animation: pdp-viewer-spin 0.8s linear infinite;
}

@keyframes pdp-viewer-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* Accessibility - focus visible */
.pdp-image-viewer *:focus-visible {
  outline: 2px solid white;
  outline-offset: 4px;
}

/* Prevent text selection during drag */
.pdp-image-viewer * {
  -webkit-touch-callout: none;
}

.rotate-0 {
  transform: rotate(0deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.rotate-360 {
  transform: rotate(360deg);
}

/* PREOWNED + TOOLTIP */
.preowned {
  position: relative;
  cursor: pointer;
}
.preowned .tooltip-wrapper {
  display: none;
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px;
  z-index: 12;
}
.preowned .tooltip-wrapper:hover {
  display: block;
}
.preowned .tooltip-wrapper .buybox__tooltip {
  line-height: 140%;
}
.preowned .tooltip-wrapper .buybox__link {
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #082939;
}
.preowned .buybox__USP:hover + div {
  display: block;
}

/* Made in Europe badge for US customers */
.made-in-europe-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: #253934;
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.made-in-europe-badge:hover {
  background-color: #1a2825;
  color: #fff;
  text-decoration: none;
}

@media only screen and (min-width: 48rem) {
  .header__scrolled .buybox {
    top: 127px;
  }

  .header__notScrolled .buybox {
    top: 20px;
  }
}
.buybox__priceProp {
  font-style: italic;
  color: #000;
}
.buybox .row.variusColors span .tooltip-color {
  display: none;
  background: #e4e1dc;
  font-size: 12px;
}
.buybox .row.variusColors span:hover {
  cursor: pointer;
}
.buybox .row.variusColors span:hover .tooltip-color.active {
  display: block;
  position: fixed;
  overflow: hidden;
  z-index: 9;
  padding: 0.5rem;
}
.buybox .row.variusColors span:hover .tooltip-color.active .notActive {
  display: none !important;
}
.buybox .row.variusColors span:hover .tooltip-color.notActive {
  display: none;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .buybox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .buybox > * {
    order: 1;
  }
  .buybox .variusColors {
    order: 2;
  }
}
@media only screen and (min-width: 48rem) {
  .buybox {
    position: sticky;
    top: 127px;
    z-index: 1;
    transition: top 0.3s ease;
  }
}
.buybox .brand--wrapper {
  position: relative;
}
.buybox__brand {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #d0d0d0;
}
.buybox__wishlist.product__wishlist {
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 48rem) {
  .buybox__wishlist.product__wishlist {
    top: auto;
    right: auto;
  }
}
@media only screen and (max-width: 47.99rem) {
  .buybox__wishlist.product__wishlist {
    top: auto;
    right: auto;
  }
}
.buybox__wishlist.product__wishlist.--filled path {
  fill: #000;
}
.buybox__title {
  margin: 0;
  letter-spacing: -0.01em;
}
.buybox__rating {
  height: 20px;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .buybox__rating {
    position: absolute;
    top: 20px;
    right: 16px;
  }
}
.buybox__rating.no--badge span {
  padding-left: 0px;
}
.buybox__variant, .buybox__bundles {
  position: relative;
}
.buybox__variant--title, .buybox__bundles--title {
  cursor: pointer;
}
.buybox__variant--items, .buybox__bundles--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
  gap: 0.5rem;
}
.buybox__variant--items.xl, .buybox__bundles--items.xl {
  display: none;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}
.buybox__variant--item, .buybox__bundles--item {
  width: 100%;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  position: relative;
}
.buybox__variant--item.disabled, .buybox__bundles--item.disabled {
  border: 1px solid #d0d0d0;
  color: #717171;
}
.buybox__variant--item.disabled:after, .buybox__bundles--item.disabled:after {
  content: "";
  height: 20px;
  width: 1px;
  background: #d0d0d0;
  position: absolute;
  transform: rotate(45deg);
}
.buybox__variant--item.active:not(.disabled), .buybox__bundles--item.active:not(.disabled) {
  border: 1px solid rgb(8, 41, 57);
  background-color: rgb(8, 41, 57);
  color: #fff;
}
.buybox__variant--item.active.disabled, .buybox__bundles--item.active.disabled {
  background-color: rgba(208, 208, 208, 0.2);
}
.buybox__variant.open .buybox__variant--title, .buybox__bundles.open .buybox__variant--title {
  border-bottom: 0px;
}
.buybox__variant.open .buybox__variant--title > svg, .buybox__bundles.open .buybox__variant--title > svg {
  transform: rotate(180deg);
  transition: rotate(180deg);
}
.buybox__variant.open .xl, .buybox__bundles.open .xl {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
}
.buybox .variusColors img {
  max-width: 30px;
  max-height: 45px;
  width: auto;
  height: auto;
  object-fit: cover;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  flex-shrink: 0;
}
@media only screen and (min-width: 48rem) {
  .buybox .variusColors img {
    max-width: 40px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media only screen and (min-width: 65rem) {
  .buybox .variusColors img {
    max-width: 48px;
    max-height: 72px;
  }
  .buybox .variusColors .old--image img {
    padding: 4px;
  }
}
.buybox__price {
  font-family: "Financier Display";
  /* Accessible strike-through for --regular--sale handled by global accessible-prices.scss */
}
.buybox__price--regular, .buybox__price--regular--sale, .buybox__price--campaign {
  font-weight: 400;
}
.buybox__price--campaign {
  margin-left: 0.5rem;
}
.buybox__lowestprice {
  font-style: italic;
}
.buybox__lowestprice span {
  margin-left: 2px;
}
.buybox .buy-area {
  position: relative;
}
.buybox .model_size p {
  margin: 0;
}
.buybox .model_size .about--producttext_short li {
  padding: 0;
}
.buybox .model_size .about--producttext_short li:before {
  display: none;
}
.buybox .model_size .about--producttext_short {
  margin: 0;
}
.buybox #air-buy {
  position: relative;
  border: 0px;
}
.buybox #air-buy svg {
  opacity: 0;
  margin-left: 0.5rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
@media only screen and (min-width: 48rem) {
  .buybox #air-buy:not(.disabled):hover svg {
    opacity: 1;
    transform: rotate(90deg);
  }
  .buybox #air-buy:not(.disabled):hover svg line {
    stroke: #fff;
  }
}
.buybox #alert-popup {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 9;
  /*
        position: absolute;
        @media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
            width: calc(100% - 2rem);
        }
        @media only screen and (min-width: 65rem) {
            width: calc(100% - 4rem);
        }
        */
}
.buybox #alert-popup input#alert-email {
  width: 100%;
  border: 1px solid #d0d0d0;
  border-radius: 0;
  height: 34px;
  padding: 0 1rem;
}
.buybox #alert-popup button#alert-save {
  border: 0;
  height: 34px;
  position: absolute;
  right: 0.5rem;
  background: transparent;
  top: 0;
  cursor: pointer;
}
.buybox #alert-popup input[type=checkbox] {
  margin-right: 0.25rem;
}
.buybox #alert-popup .alert-input {
  position: relative;
}
.buybox #alert-popup #close-alert {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}

.buybox__variant--items.xl {
  border-bottom: none;
}
.buybox__variant--items.poi {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
.buybox__variant--item.active:not(.disabled) {
  border-color: transparent;
}
.buybox__variant--item .overlay-text {
  top: -0.75rem;
  right: -1px;
  border-radius: 0;
}
.buybox.model_size p {
  margin: 0;
}
.buybox.model_size .about--producttext_short {
  margin: 0;
}
.buybox.model_size .about--producttext_short li {
  padding: 0;
}
.buybox.model_size .about--producttext_short li:before {
  display: none;
}
.buybox .grid_newline {
  grid-column: 1/-1;
  /* This makes .poi items span all columns, forcing a new line */
}
.buybox .variant-group {
  border: 0;
  margin: 0 0 1rem;
  padding: 0;
}
.buybox .variant-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.lipscore-rating-star {
  height: 16px;
  width: 15px;
}

.TrueSize {
  display: table !important;
}
.TrueSize .trueSizeLink {
  text-decoration: underline;
  cursor: pointer;
}

.in-stock {
  color: rgb(55, 124, 78);
}
.in-stock svg {
  fill: rgb(55, 124, 78);
}

.low-on-stock {
  color: rgb(210, 81, 8);
}
.low-on-stock svg {
  fill: rgb(210, 81, 8);
}

.out-of-stock {
  color: #d25108;
}
.out-of-stock svg {
  fill: #d25108;
}

.choose-size {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5 ease-in-out;
  -webkit-transition: opacity 0.5 ease-in-out;
  width: 100%;
}

.error .choose-size {
  opacity: 1;
  transition: opacity 0.55s ease-in-out;
  -moz-transition: opacity 0.55s ease-in-out;
  -webkit-transition: opacity 0.55s ease-in-out;
}

#productpage-back {
  cursor: pointer;
}

.buybox__bundles--items.ts-wrap .buybox__bundles--item.active {
  border: 1px solid #aea694;
  background-color: #aea694;
  color: #fff;
}

.ts-item {
  pointer-events: none;
}

@media (min-width: 1040px) {
  .buybox__bundles--items.ts-wrap {
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    gap: unset;
  }

  .ts-wrap {
    border-top: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
  }

  .ts-item--wrap {
    border-left: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }
}
@media (max-width: 1040px) {
  .buybox__bundles--items.ts-wrap {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    gap: unset;
  }

  .ts-wrap {
    border: 1px solid #d0d0d0;
  }

  .ts-item--wrap {
    /* border-left: 1px solid #d0d0d0; */
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
  }
}
.ts-product {
  grid-row: unset !important;
  grid-column: 1/4 !important;
}
.ts-product .faded {
  opacity: 0.1;
  pointer-events: none;
  display: none;
}
.ts-product .ts-sizes-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ts-product .ts-sizes {
  gap: 0.5rem !important;
  display: grid;
  border: unset;
  grid-template-columns: repeat(4, 1fr);
}
.ts-product .ts-sizes .ts-item--wrap {
  border: 1px solid #d0d0d0;
}
.ts-product .ts-sizes .ts-item--wrap h2 {
  margin: 0;
}
.ts-product .ts-colors {
  grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
  gap: 0;
}
.ts-product .ts-colors .ts-color {
  transition: all 0.2s ease-in-out;
}
.ts-product .ts-colors .ts-color .ts-item {
  margin-top: 2rem;
}
.ts-product .ts-colors .ts-color.active {
  background-color: rgb(37, 57, 52);
  border: 1px solid rgb(37, 57, 52);
}
.ts-product .clickable {
  cursor: pointer;
  pointer-events: all;
  width: fit-content;
}
.ts-product .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 20;
}
.ts-product .modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
}
.ts-product .modal .modal-content {
  margin: auto;
  padding: 20px;
  background-color: #fff;
  width: 100%;
}
.ts-product .modal .close {
  cursor: pointer;
}
.ts-product .ts-about-wrap {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.ts-product .ts-about-wrap .pdp-romance {
  grid-row: 1/-4;
  flex-direction: column;
}
.ts-product .ts-about-wrap .about.py-8 {
  display: flex;
}
.ts-product .ts-item--wrap.active {
  background-color: rgb(37, 57, 52) !important;
  border: 1px solid rgb(37, 57, 52) !important;
}
.ts-product .ts-buybox {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.ts-product .fit-box {
  border: 2px solid rgb(8, 41, 57);
  padding-inline: 4rem;
  padding-block: 0.5rem;
  width: 180px;
}
.ts-product .first {
  order: 0;
}
.ts-product .second {
  order: 1;
}
.ts-product .single--product__img,
.ts-product .snapping--wrapper {
  height: 100%;
}
.ts-product video {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 48rem) and (max-width: 64.99rem) {
  .ts-product video {
    object-fit: cover;
    object-position: center;
    min-height: 300px;
  }
}
.ts-product #air-buy.disabled {
  pointer-events: none;
  background-color: rgba(8, 41, 57, 0.37);
}
.ts-product .ts-extra select,
.ts-product .ts-extra input {
  color: #000;
  border-top: none;
  border-bottom: 1px solid #d0d0d0;
  border-left: 0px;
  border-right: 0px;
  height: 30px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
  width: 100%;
  max-width: 100px;
  margin-left: 0.5rem;
  font-weight: 100;
  cursor: pointer;
}
.ts-product .ts-extra .select::after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  bottom: 0;
  margin: auto;
  z-index: 0;
  width: 24px;
  pointer-events: none;
  height: 100%;
  display: flex;
  align-items: center;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDEwMjAyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIuNiw2LjhsNyw2bDctNiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
}
.ts-product .js-ts-sizelist__header {
  cursor: pointer;
}
@media screen and (min-width: 620px) and (max-width: 1040px) {
  .ts-product .single--product__img--item.d-flex {
    flex: 1 1 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 1040px) {
  .ts-product .ts-product .single--product__img,
.ts-product .ts-product .snapping--wrapper {
    height: 100%;
  }
}
@media screen and (max-width: 1040px) {
  .ts-product .ts-colors {
    grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
  }
  .ts-product .ts-product .ts-color .ts-item {
    margin-top: 1rem;
  }
  .ts-product .modal {
    width: 90%;
  }
  .ts-product .ts-sizes {
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)) !important;
  }
  .ts-product .ts-about-wrap {
    display: flex;
    flex-direction: column;
  }
  .ts-product .ts-about-wrap .about.py-8 {
    flex-direction: column;
  }
}

.gwps .miniatureProduct--wrapper img {
  width: 32px;
  height: 48px;
  max-width: 32px;
  max-height: 48px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (min-width: 48rem) {
  .gwps .miniatureProduct--wrapper img {
    width: 40px;
    height: 60px;
    max-width: 40px;
    max-height: 60px;
  }
}
@media only screen and (min-width: 65rem) {
  .gwps .miniatureProduct--wrapper img {
    width: 48px;
    height: 72px;
    max-width: 48px;
    max-height: 72px;
  }
}
#air-cart-wrapper #air-cart-label {
  cursor: pointer;
  margin: 0px 0;
  color: #000;
  position: relative;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  #air-cart-wrapper #air-cart-label {
    margin: -8px;
    padding: 8px;
  }
}
@media (max-width: 767px) {
  #air-cart-wrapper #air-cart-label {
    margin: -4px -2px;
    padding: 8px 6px;
  }
}
#air-cart-wrapper #air-cart-label.active #air-cart-label-text {
  display: flex;
}
#air-cart-wrapper #air-cart-label #air-cart-label-text {
  background: #044778;
  padding: 2px 5px 2px 6px;
  border-radius: 20px;
  color: white;
  display: none;
  position: absolute;
  font-size: 10px;
  font-weight: 400;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (min-width: 768px) {
  #air-cart-wrapper #air-cart-label #air-cart-label-text {
    top: 0px;
    right: 0;
  }
}
@media (max-width: 767px) {
  #air-cart-wrapper #air-cart-label #air-cart-label-text {
    top: 0;
    right: 0;
  }
}
#air-cart-wrapper .air-cart-sub, #air-cart-wrapper .air-cart-inc {
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}
#air-cart-wrapper #air-cart-sum {
  font-weight: bold;
}
#air-cart-wrapper #air-cart-module {
  width: 50%;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  position: fixed;
  transition: transform 0.5s ease;
  right: 0;
  top: 0;
  justify-content: center;
  background: #F7F6F4;
  z-index: 999999999;
  height: 100vh;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
@media only screen and (max-width: 47.99rem) {
  #air-cart-wrapper #air-cart-module {
    width: 85%;
  }
}
#air-cart-wrapper #air-cart-module.active {
  overflow: auto;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
#air-cart-wrapper #air-cart-module.error .air-cart-headline {
  display: none;
}
#air-cart-wrapper #air-cart-module .close {
  position: absolute;
  right: 1rem;
  top: 1.4rem;
}
#air-cart-wrapper #air-cart-module .air-cart-row #air-cart-btn {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.country-mismatch-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.country-mismatch-modal.hide {
  display: none;
}
.country-mismatch-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.country-mismatch-modal__content {
  position: relative;
  background: white;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.country-mismatch-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px 16px;
}
.country-mismatch-modal__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #666;
  transition: background-color 0.2s ease;
}
.country-mismatch-modal__close:hover {
  background: #e5e5e5;
  color: #333;
}
html.user-tabbing .country-mismatch-modal__close:focus {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}
.country-mismatch-modal__title {
  margin: 0;
  font-size: 24px;
  color: #082939;
}
.country-mismatch-modal__body {
  padding: 0 32px 32px;
}
.country-mismatch-modal__message {
  margin: 0 0 24px 0;
  line-height: 1.6;
  color: #333;
}
.country-mismatch-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.country-mismatch-modal__button {
  border: 1px solid #082939;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
html.user-tabbing .country-mismatch-modal__button:focus {
  outline: 2px solid #007acc;
}
.country-mismatch-modal__button--primary {
  background: #082939;
  color: white;
}
.country-mismatch-modal__button--primary:hover {
  background: #ffffff;
  color: #082939;
}
.country-mismatch-modal__button--secondary {
  background: #ffffff;
  color: #082939;
}
.country-mismatch-modal__button--secondary:hover {
  background: #082939;
  color: #ffffff;
}

#login-wrapper {
  display: none;
  position: absolute;
  top: 52px;
  right: 24px;
  z-index: 3;
  padding: 1rem;
  width: 328px;
  background: #F7F6F4;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  cursor: initial;
}

#login-wrapper.checklogin {
  position: fixed;
  top: 25%;
  left: 50%;
  margin-left: -164px;
  display: block !important;
  z-index: 99999999999;
}

.login-close {
  position: absolute;
  right: 13px;
  cursor: pointer;
}

.checklogin-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 125px;
  z-index: 999;
  opacity: 1;
}

.overflow-hidden {
  overflow: hidden;
}

#modal_area {
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  position: fixed;
  transition: transform 0.5s ease;
  right: 0;
  top: 0;
  background: #f7f6f4;
  z-index: 999999999;
  width: 100%;
  overflow: auto;
  height: 100%;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
@media only screen and (min-width: 48rem) {
  #modal_area {
    min-width: 75vw;
    max-width: 683px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
}
#modal_area.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media only screen and (min-width: 48rem) {
  #modal_area.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}

.modal__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal__header svg {
  cursor: pointer;
}

#modal_area.blog-modal .modal__header {
  display: none;
}
#modal_area.blog-modal .modal__content {
  padding: 0;
  height: 100%;
}

#modal_area.blog-modal .blog-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
#modal_area.blog-modal .blog-modal-close:hover {
  opacity: 0.7;
}
#modal_area.blog-modal .blog-modal-close svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.5;
}
@media only screen and (max-width: 47.9375rem) {
  #modal_area.blog-modal .blog-modal-close {
    top: 12px;
    right: 12px;
  }
  #modal_area.blog-modal .blog-modal-close svg {
    width: 20px;
    height: 20px;
  }
}

#modal_area .productpage-back .close {
  display: none;
}

.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
.product-cell {
  cursor: pointer;
  touch-action: pan-y pan-x;
}
.product-cell:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.product-cell:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.product-cell:focus:not(:focus-visible) {
  outline: none;
}
.product-cell[role=link] {
  cursor: pointer;
  touch-action: pan-y pan-x;
}
.product-cell[role=link]:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.product-cell[role=link]:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.position1 {
  order: 6;
  grid-column: span 2;
  grid-row: span 1;
}

.position1.marked {
  order: 9;
}

.position2 {
  order: 12;
}

.position2.marked {
  order: 29;
}

.position3 {
  order: 23;
}

.position3.marked {
  order: 26;
}

.position4 {
  order: 34;
}

.position4.marked {
  order: 36;
}

.position5 {
  order: 44;
}

.position5.marked {
  order: 46;
}

.position6 {
  order: 54;
}

.position6.marked {
  order: 56;
}

.marked {
  grid-column: 1/-1;
  grid-row: span 1;
}

@media only screen and (max-width: 47.99rem) {
  .position1.marked {
    order: 9;
  }

  .single .position1.marked {
    order: 4;
  }

  .position2.marked {
    order: 21;
  }

  .single .position2.marked {
    order: 12;
  }

  .position3.marked {
    order: 31;
  }

  .single .position3.marked {
    order: 26;
  }
}
@media only screen and (min-width: 48rem) {
  .position1.marked {
    order: 5;
  }

  .position2.marked {
    order: 14;
  }

  .position3.marked {
    order: 32;
  }
}
@media only screen and (min-width: 65rem) {
  .position1.marked {
    order: 7;
  }

  .position2.marked {
    order: 23;
  }

  .position3.marked {
    order: 35;
  }
}
@media only screen and (min-width: 113rem) {
  .position1.marked {
    order: 9;
  }

  .position2.marked {
    order: 29;
  }

  .position3.marked {
    order: 44;
  }
}
.product {
  flex-direction: column;
  font-size: 14px;
  width: 100%;
  position: relative;
}
.product__container {
  row-gap: 4px;
  padding-top: 0.75rem;
  padding-bottom: 0;
}
@media only screen and (min-width: 48rem) {
  .product__container {
    row-gap: 8px;
    padding-top: 0.75rem;
    padding-bottom: 0;
  }
}
.product__img {
  position: relative;
  align-items: flex-start;
}
.product__img img {
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  width: 100%;
  height: auto;
  height: intrinsic;
  aspect-ratio: 647/808;
}
.product__img--car.product__img img {
  aspect-ratio: auto;
}
.product__img.old-image {
  background: white;
  padding-bottom: 0.5rem;
}
.product__img.old-image img {
  padding: 1rem;
  box-sizing: border-box;
}
@media only screen and (min-width: 65rem) {
  .product__img.old-image .product__badge {
    bottom: 0.6rem;
  }
}
.product__img--hover {
  padding: 0 !important;
  box-sizing: unset;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
@media only screen and (max-width: 47.99rem) {
  .product__img--hover {
    display: none;
  }
}
@media only screen and (min-width: 48rem) {
  .product__img:hover .product__img--hover {
    opacity: 1;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition-delay: 0.1s;
  }
  .product__img:hover img:not(.product__img--hover) {
    opacity: 0;
  }
}
@media only screen and (min-width: 48rem) {
  .product:hover .product__img .product__img--hover {
    opacity: 1;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition-delay: 0.1s;
  }
  .product:hover .product__img img:not(.product__img--hover) {
    opacity: 0;
  }
}
.product__size {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 100%;
}
.product__list {
  display: flex;
  column-gap: 1rem;
  font-size: 11px !important;
}
.product__name {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 140%;
}
.product__price {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: auto;
  line-height: 140%;
}
.product__price--regular--sale {
  margin-right: 4px;
  /* Accessible strike-through handled by global accessible-prices.scss */
  /* Old underline hack removed for WCAG compliance */
}
.product__brand {
  padding-bottom: 3px;
  line-height: 150%;
  word-break: break-all;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #D0D0D0;
  -moz-text-decoration-color: #D0D0D0;
  font-size: 11px;
}
.product__brand, .product__name, .product__size {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product__price {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product__badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
}
@media only screen and (min-width: 65rem) {
  .product__badge {
    bottom: 0.5rem;
    left: 0.5rem;
    top: auto;
  }
}
.product__badge > * {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 0.5rem;
  margin-right: 0.25rem;
  height: 22px;
}
.product__wishlist {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding: 0.5rem 0.5rem 1rem 1rem;
  z-index: 2;
  pointer-events: auto;
}
.product__wishlist:focus {
  outline: none;
}
.product__wishlist svg {
  max-width: 20px;
  width: 100%;
}
.product__wishlist.--filled svg {
  fill: #000;
}
@media only screen and (min-width: 48rem) {
  .product__wishlist:hover svg {
    fill: rgb(8, 41, 57);
  }
}

.product.product-cell .product__container {
  padding-bottom: 0;
}
.product.product-cell .product__price {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.sliding.snapping > * {
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.sliding.snapping {
  scroll-snap-type: none;
  scroll-behavior: auto;
  cursor: grabbing;
}

.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
.styleview--row {
  column-gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.5rem), 1fr));
  row-gap: 0rem;
}
@media only screen and (min-width: 48rem) {
  .styleview--row {
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 0.5rem), 1fr));
  }
}
.styleview--row article {
  flex: 0 1 50%;
}
@media only screen and (min-width: 48rem) {
  .styleview--row article {
    flex: 0 1 33%;
  }
}

.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
.product {
  flex-direction: column;
  font-size: 14px;
  width: 100%;
  position: relative;
}
.product__container {
  row-gap: 4px;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 48rem) {
  .product__container {
    row-gap: 8px;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
  }
}
.product__img {
  position: relative;
}
.product__img img {
  transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  width: 100%;
  height: auto;
  aspect-ratio: 647/808;
}
.product__img.old-image {
  background: white;
  padding-bottom: 0.5rem;
}
.product__img.old-image img {
  padding: 1rem;
  box-sizing: border-box;
}
@media only screen and (min-width: 65rem) {
  .product__img.old-image .product__badge {
    bottom: 0.6rem;
  }
}
.product__img--hover {
  padding: 0 !important;
  box-sizing: unset;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
@media only screen and (max-width: 47.99rem) {
  .product__img--hover {
    display: none;
  }
}
@media only screen and (min-width: 48rem) {
  .product__img:hover img.no_hover:hover {
    opacity: 1;
  }
  .product__img:hover .product__img--hover {
    opacity: 1;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition-delay: 0.1s;
  }
  .product__img:hover img:not(.product__img--hover) {
    opacity: 0;
  }
}
.product__size {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product__price {
  margin-top: auto;
  /* Accessible strike-through for --regular--sale handled by global accessible-prices.scss */
}
.product__brand, .product__name, .product__size, .product__price {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.product__badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
}
@media only screen and (min-width: 65rem) {
  .product__badge {
    bottom: 0.5rem;
    left: 0.5rem;
    top: auto;
  }
}
.product__badge > * {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 0.5rem;
  margin-right: 0.25rem;
  height: 22px;
}
.product__wishlist {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0rem;
  right: 0rem;
  padding: 0.5rem 0.5rem 1rem 1rem;
}
.product__wishlist svg {
  max-width: 20px;
  width: 100%;
}
.product__wishlist.--filled svg {
  fill: #000;
}
@media only screen and (min-width: 48rem) {
  .product__wishlist:hover svg {
    fill: rgb(8, 41, 57);
  }
}

.sliding.snapping > * {
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.sliding.snapping {
  scroll-snap-type: none;
  scroll-behavior: auto;
  cursor: grabbing;
}

/* Fredrik special för egenskaper */
.single .product--group.single {
  grid-template-columns: repeat(auto-fill, minmax(calc(100% - 0.5rem), 1fr));
  column-gap: 0.5rem;
  row-gap: 1.5rem;
}
.single--product__img--item {
  max-width: calc(100% - 24px);
}
@media only screen and (min-width: 48rem) {
  .single--product__img--item {
    max-width: calc(50% - 12px);
  }
}

.product--group:not(.single) {
  display: grid !important;
  column-gap: 0.5rem;
  row-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.5rem), 1fr));
}
@media only screen and (min-width: 48rem) {
  .product--group:not(.single) {
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 65rem) {
  .product--group:not(.single) {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 113rem) {
  .product--group:not(.single) {
    grid-template-columns: repeat(auto-fill, minmax(calc(20% - 0.5rem), 1fr));
  }
}
.product--group:not(.single) .product {
  flex-basis: 100%;
  max-width: 100%;
}
.product--group:not(.single) .product__container {
  padding-bottom: 0;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 47.99rem) {
  .product--group:not(.single).product-fullwidth-xs .product {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 48rem) {
  .product--list > div {
    max-height: 325px;
    overflow: auto;
    padding: 1rem 1rem 0 1rem;
  }
}
@media only screen and (min-width: 65rem) {
  .product--list > div {
    max-height: 580px !important;
    padding: 2.5rem 2rem;
  }
}
@media only screen and (min-width: 85.375rem) {
  .product--list > div {
    max-height: 725px !important;
  }
}
.product--list > .careofcarl-icon-pil {
  padding: 2rem 1rem;
  color: #082939;
  align-items: center;
}
@media only screen and (max-width: 47.99rem) {
  .product--list > .careofcarl-icon-pil {
    justify-content: center;
  }
}
.product--list .product {
  border-bottom: 1px solid #D0D0D0;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin: 1rem 0 1rem;
  padding-bottom: 1rem;
}
.product--list .product__img {
  width: 50% !important;
}
@media only screen and (min-width: 65rem) {
  .product--list .product__img {
    width: 114px !important;
  }
}
.product--list .product > * {
  width: 50%;
}
@media only screen and (min-width: 65rem) {
  .product--list .product > * {
    width: calc(100% - 114px);
  }
}
.product--list .product > .product__name {
  font-size: 1.14em;
}
.product--list .product__price {
  margin-top: 0px;
}
.product--list .product__size {
  color: #595959;
}
.product--list .product:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 48rem) {
  .product--list .product__brand, .product--list .product__price, .product--list .product__name, .product--list .product__size {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.product--list .product__wishlist {
  right: 2.25rem;
}

.slider__pagination {
  display: flex;
  justify-content: center;
}
.slider__pagination--dot.active circle {
  fill: #fff;
}
.slider__pagination * {
  cursor: pointer;
  margin: 0 0.25rem;
}

.tooltip-span {
  display: none;
  background: #E4E1DC;
  font-size: 12px;
}

@media only screen and (min-width: 48rem) {
  .snapping--wrapper:hover .tooltip-span.active {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 9;
    padding: 0.5rem;
  }
  .snapping--wrapper:hover .tooltip-span.active .notActive {
    display: none !important;
  }
}
.snapping--wrapper:hover .tooltip-span.notActive {
  display: none;
}

.variusColors a:hover, .variusColors img:hover {
  cursor: pointer;
}
@media only screen and (min-width: 48rem) {
  .variusColors a:hover + .tooltip-span.active,
.variusColors a:hover ~ .tooltip-span.active,
.variusColors a:hover .tooltip-span.active, .variusColors img:hover + .tooltip-span.active,
.variusColors img:hover ~ .tooltip-span.active,
.variusColors img:hover .tooltip-span.active {
    display: block;
    position: fixed;
    overflow: hidden;
    z-index: 9;
    padding: 0.5rem;
  }
  .variusColors a:hover + .tooltip-span.active .notActive,
.variusColors a:hover ~ .tooltip-span.active .notActive,
.variusColors a:hover .tooltip-span.active .notActive, .variusColors img:hover + .tooltip-span.active .notActive,
.variusColors img:hover ~ .tooltip-span.active .notActive,
.variusColors img:hover .tooltip-span.active .notActive {
    display: none !important;
  }
  .variusColors a:hover + .tooltip-span.notActive,
.variusColors a:hover ~ .tooltip-span.notActive,
.variusColors a:hover .tooltip-span.notActive, .variusColors img:hover + .tooltip-span.notActive,
.variusColors img:hover ~ .tooltip-span.notActive,
.variusColors img:hover .tooltip-span.notActive {
    display: none;
  }
}

.nav-prev, .nav-next {
  display: none;
  position: absolute;
  z-index: 4;
  bottom: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (min-width: 48rem) {
  .nav-prev, .nav-next {
    display: flex;
  }
}
.nav-prev.nav-large, .nav-next.nav-large {
  top: calc(50% - 29px);
  height: 58px;
  width: 58px;
  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
}
.nav-prev.nav-small, .nav-next.nav-small {
  top: -2px;
}

.nav-prev {
  left: 16px;
}
.nav-prev.offset {
  left: 0px;
}

.nav-next {
  right: 16px;
}
.nav-next.offset {
  right: 0px;
}

.snapping--wrapper {
  width: 100%;
  position: relative;
}
.snapping--wrapper:has(.product) {
  padding-bottom: 1rem;
}
.snapping--wrapper .nav-prev,
.snapping--wrapper .nav-next {
  display: none;
}
.snapping--wrapper.nav-on-hover .nav-prev,
.snapping--wrapper.nav-on-hover .nav-next {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5 ease-in-out;
  -webkit-transition: opacity 0.5 ease-in-out;
}
@media only screen and (max-width: 47.99rem) {
  .snapping--wrapper.nav-on-hover .nav-prev,
.snapping--wrapper.nav-on-hover .nav-next {
    display: none;
  }
}
@media only screen and (min-width: 48rem) {
  .snapping--wrapper.nav-on-hover:hover .nav-prev,
.snapping--wrapper.nav-on-hover:hover .nav-next {
    opacity: 1;
    transition: opacity 0.55s ease-in-out;
    -moz-transition: opacity 0.55s ease-in-out;
    -webkit-transition: opacity 0.55s ease-in-out;
  }
}
.snapping--wrapper .nav-prev,
.snapping--wrapper .nav-next {
  display: none;
  position: absolute;
  z-index: 4;
  bottom: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (min-width: 48rem) {
  .snapping--wrapper .nav-prev,
.snapping--wrapper .nav-next {
    display: flex;
  }
}
.snapping--wrapper .nav-prev.nav-large,
.snapping--wrapper .nav-next.nav-large {
  top: calc(50% - 29px);
  height: 58px;
  width: 58px;
  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
}
.snapping--wrapper .nav-prev.nav-small,
.snapping--wrapper .nav-next.nav-small {
  top: -2px;
}
.snapping--wrapper .nav-prev {
  left: 16px;
}
.snapping--wrapper .nav-prev.offset {
  left: 0px;
}
.snapping--wrapper .nav-next {
  right: 16px;
}
.snapping--wrapper .nav-next.offset {
  right: 0px;
}

.snapping {
  width: 100%;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  flex-wrap: nowrap !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-width: none;
}
.snapping > * {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.snapping::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0px !important;
}
.snapping.autoslide {
  background: #F7F6F4;
}
@media only screen and (min-width: 48rem) {
  .snapping.autoslide {
    scroll-snap-type: none;
  }
}
.snapping .product {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.snapping.cell--large .product {
  flex-basis: 100%;
  min-width: 100%;
}
.snapping.cell--large .product__wishlist {
  right: 0.25rem;
  padding: 0.5rem 0.5rem 1rem 1rem;
}
.snapping.cell--normal .product {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media only screen and (max-width: 47.99rem) {
  .snapping.cell--normal .product {
    flex-basis: 260px;
    min-width: 260px;
  }
  .snapping.cell--normal .product__wishlist {
    right: 0.8rem;
    padding: 0.5rem 0.5rem 1rem 1rem;
  }
}
@media only screen and (min-width: 48rem) {
  .snapping.cell--normal .product {
    flex-basis: 342px;
    min-width: 342px;
  }
  .snapping.cell--normal .product__wishlist {
    right: 0.8rem;
    padding: 0.5rem 0.5rem 1rem 1rem;
  }
}
@media only screen and (min-width: 65rem) {
  .snapping.cell--normal .product {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    flex-basis: calc(350px + 1.5rem);
    min-width: calc(350px + 1.5rem);
  }
  .snapping.cell--normal .product__wishlist {
    right: 1.5rem;
    padding: 0.5rem 0.5rem 1rem 1rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .snapping.cell--small .product {
    min-width: calc(40% - 0.5rem);
    width: calc(40% - 0.5rem);
  }
}
@media only screen and (min-width: 48rem) {
  .snapping.cell--small .product {
    min-width: calc(228px - 0.5rem);
    width: calc(228px - 0.5rem);
  }
}
@media only screen and (min-width: 65rem) {
  .snapping.cell--small .product {
    min-width: calc(228px - 0.5rem);
    width: calc(228px - 0.5rem);
  }
}

.ace-product-list {
  width: 100%;
}

.video {
  position: relative;
}
.video:hover {
  cursor: pointer;
}
.video button:hover {
  cursor: pointer;
}
.video.playing .videoInfoWrapper {
  opacity: 0;
}
.video.started:not(.playing) video {
  filter: brightness(70%);
  -webkit-filter: brightness(70%);
}
.video .videoInfoWrapper {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: white;
}
.video .videoInfoWrapper span {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.video .videoInfoWrapper h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 65rem) {
  .video .videoInfoWrapper h3 {
    font-size: 48px;
  }
}
.video .videoInfoWrapper p {
  display: none;
  font-size: 16px;
  line-height: 140%;
  margin: 0;
}
@media only screen and (min-width: 48rem) {
  .video .videoInfoWrapper p {
    display: block;
  }
}
.video .videoInfoWrapper .play {
  border: none;
}

.single-product {
  position: relative;
  align-items: start;
}
.single-product__img--wrapper .breadcrumb {
  position: absolute;
  left: 16px;
  top: 16px;
  padding: 0;
  z-index: 1;
}
@media only screen and (min-width: 48rem) {
  .single-product__img--wrapper .breadcrumb {
    left: 24px;
  }
}
.single-product__img--wrapper .breadcrumb__item--last, .single-product__img--wrapper .breadcrumb__item--back {
  display: none;
}
.single-product__buybox {
  position: sticky;
  top: 170px;
}

.product__badge_right {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  left: unset;
}
.product__badge_right > * {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0;
  margin-right: 0rem;
  height: 22px;
}

.other-colors-cell-wrapper .other-colors-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.other-colors-cell-wrapper .other-colors-link svg {
  display: block;
  flex-shrink: 0;
  aspect-ratio: 1;
  position: relative;
}
.other-colors-cell-wrapper .other-colors-link svg circle {
  vector-effect: non-scaling-stroke;
}
.other-colors-cell-wrapper .other-colors-link .tooltip-span {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  margin-top: 4px;
  pointer-events: none;
}

.other_colors_qty {
  position: absolute;
  left: 15px;
  font-size: 10px;
  top: 10px;
  color: #082939;
}

.pdp--wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
.pdp-sizeguide {
  overflow-x: scroll;
}

@media only screen and (min-width: 48rem) {
  .pdp--wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .pdp_image--wrapper {
    grid-row: 1;
    grid-column: 1/span 2;
  }

  .pdp_buybox--wrapper {
    grid-column: 1/span 2;
  }

  .pdp-sizeguide, .pdp-properties {
    grid-column: 1/span 2;
    overflow-x: unset;
  }
}
@media only screen and (min-width: 65rem) {
  .pdp--wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .pdp-romance {
    grid-row: 2/span 3;
  }
  .pdp-properties {
    grid-column: 2/span 2;
  }
  .pdp-sizeguide {
    grid-column: 2/span 2;
  }

  .pdp_buybox--wrapper {
    grid-row: 1/span 2;
    grid-column: 3;
  }
}
@media only screen and (max-width: 64.99rem) {
  .miniatureProduct--wrapper {
    order: 1;
  }
}
.gads_panel {
  position: relative;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  height: 0;
}
.gads_panel.open {
  height: auto;
}

.show-overlay {
  position: absolute;
  top: 132px;
  right: 0;
  cursor: pointer;
  z-index: 9;
}

.gads .product__price,
.gads a {
  font-size: 10px;
}
.gads .product__container {
  row-gap: 4px;
}
@media only screen and (max-width: 47.99rem) {
  .gads .snapping--wrapper {
    padding: 0;
  }
}
@media only screen and (max-width: 47.99rem) {
  .gads .snapping.cell--small .product {
    min-width: calc(125px - 0.5rem);
    width: calc(30% - 0.5rem);
    max-width: calc(175px - 0.5rem);
  }
}
@media only screen and (min-width: 65rem) {
  .gads .snapping.cell--small .product {
    min-width: calc(150px - 0.5rem);
    width: calc(8% - 0.5rem);
    max-width: calc(228px - 0.5rem);
  }
}

@media only screen and (max-width: 47.99rem) {
  .care-guide-wrapper,
.blog-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .care-guide-wrapper .blog-image,
.care-guide-wrapper .care-guide-products,
.care-guide-wrapper .blog-info-wrapper,
.blog-wrapper .blog-image,
.blog-wrapper .care-guide-products,
.blog-wrapper .blog-info-wrapper {
    width: 100%;
    max-width: 100%;
  }
  .care-guide-wrapper > div[class*=col-],
.blog-wrapper > div[class*=col-] {
    width: 100%;
    max-width: 100%;
  }

  .blog-wrapper .blog-image {
    width: 100%;
  }
  .blog-wrapper .blog-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .blog-wrapper .blog-info-wrapper {
    padding: 2rem 1rem;
    text-align: center;
  }
  .blog-wrapper .blog-info-wrapper > a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .blog-wrapper .blog-info-wrapper .btn-outline {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 48rem) {
  .care-guide-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1rem;
  }

  .care-guide-wrapper > div[class*=col-md-9],
.care-guide-wrapper > .blog-image {
    flex: 0 0 calc(75% - 12px);
    max-width: calc(75% - 12px);
    position: relative;
  }
  .care-guide-wrapper > div[class*=col-md-9]::before,
.care-guide-wrapper > .blog-image::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .care-guide-wrapper > div[class*=col-md-9] video,
.care-guide-wrapper > .blog-image video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .care-guide-wrapper > .care-guide-products {
    flex: 0 0 calc(25% - 4px);
    max-width: calc(25% - 4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1rem;
  }

  .blog-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .blog-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #f5f5f5;
    z-index: 0;
  }
  .blog-wrapper .blog-wrapper-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 400px;
    gap: 0;
    background-color: #fff;
  }
  .blog-wrapper .blog-image {
    flex: 0 0 320px;
    width: 320px;
    overflow: hidden;
  }
  .blog-wrapper .blog-image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .blog-wrapper .blog-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .blog-wrapper .blog-info-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem 2rem;
    background-color: #fff;
    text-align: center;
  }
  .blog-wrapper .blog-info-wrapper > a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 600px;
  }
  .blog-wrapper .blog-info-wrapper .btn-outline {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 65rem) {
  .care-guide-wrapper {
    gap: 2rem;
  }

  .care-guide-wrapper > .care-guide-products {
    padding: 2rem 1.5rem;
  }

  .blog-wrapper .blog-wrapper-inner {
    max-width: 1400px;
    min-height: 500px;
  }
  .blog-wrapper .blog-image {
    flex: 0 0 400px;
    width: 400px;
  }
  .blog-wrapper .blog-info-wrapper {
    padding: 4rem 3rem;
  }
  .blog-wrapper .blog-info-wrapper > a {
    max-width: 700px;
  }
}
.miniatureProduct__img img {
  width: 32px;
  height: 44px;
  max-width: 32px;
  max-height: 44px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (min-width: 48rem) {
  .miniatureProduct__img img {
    width: 40px;
    height: 55px;
    max-width: 40px;
    max-height: 55px;
  }
}
@media only screen and (min-width: 65rem) {
  .miniatureProduct__img img {
    width: 48px;
    height: 66px;
    max-width: 48px;
    max-height: 66px;
  }
}
.brands .brandText {
  line-height: 140%;
}
.brands .brandText p {
  margin: 0;
}
.brands .cm_content_wrapper {
  height: 100%;
  display: flex;
}
.brands .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 47.99rem) {
  .brands .wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 140px;
  }
}
.brands .dark-blue-bg {
  color: white;
}
.brands .cm-img-wrapper .cm-img-txt-wrap {
  padding: 12px 12px 24px 12px;
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap {
    padding: 2rem;
  }
}
@media only screen and (min-width: 48rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap {
    width: unset;
  }
}
@media only screen and (max-width: 47.99rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap .cm-img-txt a::after {
    content: "\e900";
    margin-left: 8px;
    font-size: 7.2px;
    font-family: "Care-of-Carl-Icons" !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;
  }
}
.brands .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta {
  display: none;
}
@media only screen and (min-width: 48rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta {
    display: flex;
  }
}
@media only screen and (max-width: 47.99rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta a::after {
    content: none;
  }
}
.brands .cm-img-wrapper .cm-img-txt-wrap a {
  flex-direction: row;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap a {
    width: unset;
    justify-content: flex-start;
  }
}
.brands .cm-img-wrapper .cm-img-txt-wrap a h2 {
  order: 0;
  margin: 0;
  width: unset;
  font-size: 1.5rem;
}
@media only screen and (min-width: 48rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap a h2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 65rem) {
  .brands .cm-img-wrapper .cm-img-txt-wrap a h2 {
    font-size: 2.5rem;
  }
}

.brandsInGroup  {
  padding-bottom: 2rem;
}

.departments .product--group {
  column-gap: 0.5rem;
  row-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.5rem), 1fr));
}
@media only screen and (min-width: 48rem) {
  .departments .product--group {
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 65rem) {
  .departments .product--group {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 113rem) {
  .departments .product--group {
    grid-template-columns: repeat(auto-fill, minmax(calc(20% - 0.5rem), 1fr));
  }
}
.departments .product--group .product {
  flex-basis: 100%;
  max-width: 100%;
}
.departments .product--group .product.Silver {
  grid-column: span 2;
  grid-row: span 2;
  padding: 60px 80px;
  background: #AEA694;
}
@media only screen and (min-width: 48rem) {
  .departments .product--group .product.Silver {
    padding: 120px 64px;
  }
}
@media only screen and (min-width: 65rem) {
  .departments .product--group .product.Silver {
    padding: 169px 112px;
  }
}
.departments .product--group .product.Silver .product__container {
  color: white !important;
}
.departments .product--group .product.Silver .product__container a {
  color: white !important;
}
.departments #filter_more {
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .departments #filter_more {
    width: fit-content;
  }
}
.departments .page__pagination {
  margin-top: 1rem;
}
@media only screen and (max-width: 47.99rem) {
  .departments .recently_viewed {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
.departments .recently_viewed--wrapper {
  margin-top: 3rem;
}
.departments__desc {
  color: white;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  .departments__desc {
    width: 50%;
  }
}
.departments > .headingWrapper {
  background: #253934;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 140px;
  align-items: flex-start;
}
@media only screen and (min-width: 65rem) {
  .departments > .headingWrapper {
    padding: 2rem;
    row-gap: 340px;
  }
}
.departments > .headingWrapper .breadcrumb {
  padding: 0rem 1rem 1rem 0;
}
@media only screen and (min-width: 48rem) {
  .departments > .headingWrapper .breadcrumb {
    padding: 1rem 1rem 1rem 0;
  }
}
.departments > .headingWrapper .breadcrumb li a {
  color: white;
}
.departments .page__heading h1 {
  margin-left: 0;
  color: white;
  font-size: 3rem;
  line-height: 100%;
  letter-spacing: -0.01em;
  font-weight: 300;
}
@media only screen and (max-width: 47.99rem) {
  .departments .full-width > .row {
    margin: 0;
    padding: 0;
  }
}
.departments .full-width > .row > div {
  padding: 0;
}
@media only screen and (min-width: 65rem) {
  .departments .full-width .cm-img-wrapper img {
    height: 568px;
  }
}
.departments .full-width .cm-img-wrapper .cm-img-txt-wrap {
  justify-content: end;
  left: 0;
  width: 100%;
  top: 0;
  background: linear-gradient(0deg, rgba(2, 0, 36, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
@media only screen and (max-width: 47.99rem) {
  .departments .full-width .cm-img-wrapper .cm-img-txt-wrap {
    padding: 1.5rem 0.75rem;
  }
}
.departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-txt {
  text-align: left;
  color: white;
}
@media only screen and (max-width: 47.99rem) {
  .departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-txt h2 {
    margin: 0;
    font-size: 28px;
  }
  .departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-txt h2::after {
    right: 12px;
    bottom: 40px;
    position: absolute;
    content: "\e900";
    font-size: 7.2px;
    font-family: "Care-of-Carl-Icons" !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;
  }
}
@media only screen and (max-width: 47.99rem) {
  .departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta {
    display: none;
  }
}
.departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta {
  margin-top: 0 !important;
}
.departments .full-width .cm-img-wrapper .cm-img-txt-wrap .cm-img-cta a {
  padding: 0;
  flex-direction: row;
  text-transform: uppercase;
  font-size: 12px;
}

.department--product {
  position: relative;
}
.department--product .product--group-department {
  column-gap: 0.5rem;
  row-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.5rem), 1fr));
}
@media only screen and (min-width: 48rem) {
  .department--product .product--group-department {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 0.5rem), 1fr));
  }
}
.department--product .product--group-department .product {
  flex-basis: 100%;
  max-width: 100%;
}
.department--product .product--group-department .product.department {
  grid-column: span 2;
  grid-row: span 2;
  padding: 80px 22px;
}
.department--product .product--group-department .product.department img {
  aspect-ratio: 4/5;
  object-fit: cover;
}
@media only screen and (min-width: 48rem) {
  .department--product .product--group-department .product.department {
    padding: 120px 64px;
  }
}
@media only screen and (min-width: 65rem) {
  .department--product .product--group-department .product.department {
    padding: 116px 112px;
  }
}

.rounded .navigate {
  border-radius: 5px;
  justify-content: center;
  min-width: 125px;
  margin: 0;
}

.curated_filter .page__category--item.navigate {
  height: 30px;
}
.curated_filter .page__category--item:hover, .curated_filter .page__category--item--clicked .page__category--item {
  background: rgb(4, 71, 120);
}
@media only screen and (max-width: 64rem) {
  .curated_filter {
    padding-top: 24px;
  }
}

.page__category--item--clicked .page__category--item {
  color: white;
}

.snapping .productImg--wrapper .product__img {
  min-width: 50%;
}

.single-product__img--wrapper .product__badge {
  top: unset;
  bottom: 0.5rem;
  z-index: 9;
}

.productpage-back {
  z-index: 2;
  position: absolute;
  top: 0;
  text-align: center;
  right: 0;
}
.productpage-back:hover {
  cursor: pointer;
}

@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .single--product__img {
    display: flex !important;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    flex-direction: row;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 24px 0 0;
    -ms-overflow-style: none;
  }
  .single--product__img::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
  }
  .single--product__img--item {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 24px);
    scroll-snap-align: center;
    position: relative;
  }

  .one-img {
    max-width: 100%;
  }

  span.one-img-back.productpage-back {
    right: 0;
  }
}
@media only screen and (min-width: 65rem) {
  .single--product__img {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .single--product__img--item {
    position: relative;
    flex: 1 1 50%;
    min-width: 50%;
  }
  .single--product__img--item.full--width {
    flex: 0 1 100%;
    grid-column: 1/-1;
  }
  .single--product__img--item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
  }
  .single--product__img.old-image .single--product__img--item {
    outline: 1px solid #d0d0d0;
  }
}
.img-alt-order div:nth-child(1) {
  order: 1;
}
.img-alt-order div:nth-child(2) {
  order: 3;
}
.img-alt-order div:nth-child(3) {
  order: 2;
}
.img-alt-order div:nth-child(4) {
  order: 4;
}
.img-alt-order div:nth-child(5) {
  order: 5;
}
.img-alt-order div:nth-child(6) {
  order: 6;
}
.img-alt-order div:nth-child(7) {
  order: 7;
}

.model-info-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: none;
  color: #000;
  padding: 8px;
  font-size: 14px;
  text-align: right;
  z-index: 10;
}

@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .single--product__img--item {
    position: relative;
  }
  .single--product__img--item .model-info-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
  }
}
#toplist {
  max-height: 40px;
  transition: max-height 0.1s ease;
  -webkit-transition: max-height 0.1s ease;
  -moz-transition: max-height 0.1s ease;
  -ms-transition: max-height 0.1s ease;
  -o-transition: max-height 0.1s ease;
  text-align: center;
  background: #082939;
  color: #F7F6F4;
  font-size: 12px;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
}
#toplist .toplist_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 48rem) {
  #toplist .toplist_wrapper {
    width: 45%;
    max-width: 710px;
  }
}
#toplist .toplist_wrapper .snapping {
  background: unset;
  height: 30px;
  display: flex;
  align-items: center;
}
#toplist .toplist_wrapper .snapping > * {
  width: 100%;
  flex-shrink: 0;
}

#cookie_consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 30px 50px 50px;
  color: #000;
  z-index: 999999997;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 66, 122, 0.44);
  box-shadow: 0 1px 20px 0 rgba(0, 66, 122, 0.44);
  background: #fff;
}

#cookie_consent_manager_text {
  padding-bottom: 30px;
}

#cookie_consent_manager {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 640px;
  height: 72vh;
  overflow-y: auto;
  padding: 40px;
  background: #fff;
  color: #222;
  z-index: 999999998;
  -webkit-box-shadow: 2px 0 9px 0 rgba(25, 25, 25, 0.3);
  box-shadow: 2px 0 9px 0 rgba(25, 25, 25, 0.3);
  font-size: 12px;
  line-height: normal;
}

#cookie_consent_text {
  margin-bottom: 28px;
}

.cc_ingress {
  font-size: 14px;
  margin-bottom: 15px;
}

#cookie_consent_text p {
  color: #fff;
  margin-bottom: 16px;
}

.cookie-toggle {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 0.25em;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  color: #fff;
}
.cookie-toggle:focus {
  outline: none;
}

html.user-tabbing .cookie-toggle:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.cookie-link {
  text-decoration: underline;
  color: #fff;
}
.cookie-link:hover, .cookie-link:focus {
  text-decoration: underline;
}

noscript .dots {
  display: none !important;
}
noscript #cookie-extra[hidden] {
  display: inline !important;
}
noscript .cookie-toggle {
  display: none !important;
}

.consentInput {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
}

#cookie_consent_manager_accept {
  display: block;
}

.cookie_consent_manager_block {
  margin-bottom: 20px;
}

.cookie_manager_head {
  font-size: 18px;
  font-weight: 900;
  display: block;
}

.cc_head {
  font-size: 24px;
}

#cookie_consent_manager_wrapper .Knapp_Generell {
  padding: 10px;
  border: 1px solid;
  margin: 0 auto;
  width: fit-content;
  cursor: pointer;
}

#cookie_consent_manager_wrapper #cookie_consent_manage_rec {
  font-size: 14px;
  font-weight: 600;
  background-color: #fff !important;
  color: #082939 !important;
  padding: 15px;
}

#cookie_consent.managing {
  display: none;
}

div#cookie_consent_manager_confirm {
  float: left;
  background-color: unset !important;
  color: #082939 !important;
}

span#cookie_consent_manage {
  border: none !important;
}

div#cookie_consent_manager_accept {
  padding: 15px !important;
  font-size: 14px;
  font-weight: 600;
}

.cookie-banner-text-rubrik {
  color: #fff !important;
  font-size: 24px;
  font-family: Merriweather;
  font-weight: 100;
}

.cookie-banner-text {
  color: #fff;
}

@media (max-width: 870px) {
  #cookie_consent_manager {
    width: 90%;
    height: 68vh;
    padding: 40px;
    top: 54%;
  }

  #cookie_consent {
    padding: 0 24px 30px;
  }

  #cookie_consent_manager_buttons .cookie_consent_manager_accept_req, #cookie_consent_manager_confirm {
    min-width: 100%;
    display: block;
  }
}
span.cookie_consent_manager_accept_req {
  background-color: #fff !important;
  color: #082939 !important;
}

.rotate-0 {
  transform: rotate(0deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.rotate-360 {
  transform: rotate(360deg);
}

/* resets for accordion */
.about--shortText * {
  line-height: 110%;
  padding: 0;
  margin: 0;
  font-style: normal;
}
.about--list {
  margin: 0;
  margin-left: 0;
  margin-right: 0;
}
.about--list li {
  flex-wrap: wrap;
}
.about--list li > span {
  cursor: pointer;
  position: relative;
  letter-spacing: 0.06em;
}
.about--list li > span::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.about--list li ul {
  width: 100%;
  text-transform: none;
}
.about--list li ul p {
  margin: 0;
}
.about--list li ul p strong {
  font-weight: 300;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #717171;
}
.about--producttext_short li {
  text-transform: none;
  padding-bottom: 8px;
  position: relative;
  padding-left: 8px;
}
.about--producttext_short li:before {
  content: "•";
  padding-right: 5px;
  position: absolute;
  left: 0;
}
.about--producttext_short ul {
  list-style-position: inside;
}
.about--listItem p {
  margin: 0;
}

.property--list {
  display: grid;
  grid-template-columns: max-content 1fr;
}
@media (max-width: 64rem) {
  .property--list {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.property--list dt {
  grid-column: 1;
  padding: 1rem;
  overflow-wrap: break-word;
}
.property--list dd {
  grid-column: 2;
  margin-inline-start: 1rem;
  padding: 1rem;
}
.property--listItem {
  text-transform: none;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: unset !important;
  padding-top: unset !important;
}

.size_guide--wrapper {
  position: relative;
}
.size_guide--wrapper:after {
  content: "";
  background: linear-gradient(270deg, #F7F6F4 0%, rgba(247, 246, 244, 0) 100%);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 48rem) {
  .size_guide--wrapper:after {
    width: 54px;
  }
}
@media only screen and (max-width: 47.99rem) {
  .size_guide--wrapper:after {
    width: 46px;
  }
}

table#storleksguide-tabell {
  border-collapse: collapse;
  overflow: auto;
  display: flex;
  padding-bottom: 1.5rem;
  font-size: 12px;
  padding-left: 0px;
}
table#storleksguide-tabell tr td, table#storleksguide-tabell tr th {
  border: 1px solid #D0D0D0;
  padding: 1rem;
  text-align: center;
  font-weight: unset;
}
@media only screen and (min-width: 48rem) {
  table#storleksguide-tabell tr td, table#storleksguide-tabell tr th {
    min-width: 80px;
  }
}
table#storleksguide-tabell tr td:first-child, table#storleksguide-tabell tr th:first-child {
  background-color: #f7f6f4 !important;
  border-top: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
  border-right: unset;
  margin-top: -1px;
  text-align: left;
  padding-left: 0;
  position: inherit;
  left: 1rem;
  width: 100px;
  text-transform: uppercase;
}
@media only screen and (min-width: 48rem) {
  table#storleksguide-tabell tr td:first-child, table#storleksguide-tabell tr th:first-child {
    left: 2rem;
  }
}
table#storleksguide-tabell tr td:nth-child(odd) {
  background: #F1F0EE;
}
table#storleksguide-tabell tr:first-child td:not(:first-child) {
  color: #044778;
}
table#storleksguide-tabell + a {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
  color: #082939;
}

.lipscore-rating-small {
  height: 20px;
  cursor: pointer;
}
.lipscore-rating-small * {
  cursor: pointer;
}

/* MOVE CSS */
.blog__post {
  min-height: 450px;
  position: relative;
}
.blog__post--img {
  object-fit: cover;
  display: flex;
  height: 100%;
}
.blog__post--content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.blog__post::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#material {
  margin: 1rem 0;
}

#tvattinfo .tvattrad {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
}
#tvattinfo .tvattrad img {
  width: 25px;
  margin-right: 8px;
}

.accordion__item {
  transition: max-height 0ms ease-out;
  overflow: hidden;
  margin-top: -1px;
}
@media only screen and (max-width: 47.99rem) {
  .accordion__item {
    max-height: 46px;
  }
}
@media only screen and (min-width: 48rem) {
  .accordion__item {
    max-height: 62px;
  }
}
@media only screen and (min-width: 65rem) {
  .accordion__item:hover {
    background-color: rgb(174, 166, 148);
  }
}
.accordion__item svg {
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

.accordion__item.active {
  background-color: #f7f6f4;
  max-height: 5000px;
  overflow: visible;
  transition: max-height 500ms ease-in;
}
.accordion__item.active > span > svg {
  transform: rotate(180deg);
  transition: rotate(180deg);
}

.accordion__item ul {
  opacity: 0;
}

.accordion__item.active ul {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}

.pdp_headline {
  text-transform: uppercase;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  color: #717171;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}

.accordion--list {
  margin: 0;
}
.accordion--list li {
  flex-wrap: wrap;
}
.accordion--list li > span {
  cursor: pointer;
  position: relative;
}
.accordion--list li > span::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.accordion--list li ul {
  width: 100%;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
body.sizeandfit-open {
  overflow: hidden;
}

.snf-trigger__btn {
  width: 100%;
  background-color: unset;
  border: 1px solid #d0d0d0;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.snf-span {
  all: unset;
  text-decoration: underline;
  cursor: pointer;
  font-weight: unset !important;
}

.sizeandfit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  position: fixed;
  transition: transform 0.5s ease;
  right: 0;
  top: 0;
  background: #f7f6f4;
  z-index: 999999999;
  width: 100%;
  overflow: auto;
  height: 100%;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
@media only screen and (min-width: 48rem) {
  .sizeandfit {
    min-width: 75vw;
    max-width: 683px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
}
.sizeandfit.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media only screen and (min-width: 48rem) {
  .sizeandfit.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
.sizeandfit__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sizeandfit__header svg {
  cursor: pointer;
}
.sizeandfit__header.step1 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 25%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
.sizeandfit__header.step2 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 50%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
.sizeandfit__header.step3 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 75%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
.sizeandfit__header.step4 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
.sizeandfit__inputs input {
  position: relative;
  margin-top: 0.5rem;
  background: rgba(174, 166, 148, 0.2);
  border: 1px solid #d0d0d0;
}
.sizeandfit__inputs label {
  font-weight: 500;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .sizeandfit__inputs {
    width: 100%;
  }
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__inputs {
    width: 60%;
  }
}
.sizeandfit__inputs .snf-weight__after {
  position: relative;
}
.sizeandfit__inputs .snf-weight__after::after {
  content: "KG";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
}
.sizeandfit__inputs .snf-height__after {
  position: relative;
}
.sizeandfit__inputs .snf-height__after::after {
  content: "CM";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
}
.sizeandfit__steps {
  font-weight: 500;
  display: flex;
  gap: 0.2rem;
}
.sizeandfit__steps p {
  margin: 0;
}
.sizeandfit__continueWrapper {
  border: 1px solid #d0d0d0;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  padding: 1rem 0.75rem;
}
.sizeandfit__continue, .sizeandfit__finish, .sizeandfit__close {
  background: #082939;
  color: white;
  display: flex;
  justify-content: center;
  padding: 1rem;
  cursor: pointer;
}
.sizeandfit__continue.--disabled, .sizeandfit__finish.--disabled, .sizeandfit__close.--disabled {
  cursor: not-allowed;
}
.sizeandfit__continue p, .sizeandfit__finish p, .sizeandfit__close p {
  all: unset;
}
.sizeandfit__rangeslider {
  width: 300px;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__rangeslider {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sizeandfit__rangeslider .range__label:nth-child(2) {
    margin-right: 1rem;
  }
  .sizeandfit__rangeslider .label_wrapper {
    width: 110%;
  }
}
.sizeandfit__rangeslider .range__input {
  width: 100%;
  color: rgba(174, 166, 148, 0.2);
  -webkit-appearance: none;
}
.sizeandfit__rangeslider .range__input::-webkit-slider-runnable-track {
  background: rgba(174, 166, 148, 0.2);
  height: 3px;
}
.sizeandfit__rangeslider .range__input::-moz-range-thumb {
  background: rgba(174, 166, 148, 0.2);
}
.sizeandfit__rangeslider .range__input::-ms-track {
  background: transparent;
}
.sizeandfit__rangeslider .range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #082939;
  margin-top: -6px;
  z-index: 5;
}
.sizeandfit__rangeslider .range__list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.sizeandfit__rangeslider .range__list .range__opt {
  content: "";
  width: 3px;
  height: 20px;
  display: block;
  background: rgba(174, 166, 148, 0.2);
  margin-top: -3px;
  z-index: -1;
}
.sizeandfit__rangeslider .range__label {
  color: rgba(174, 166, 148, 0.3);
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
.sizeandfit__rangeslider .range__label.active {
  color: #353332;
}
.sizeandfit__back {
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  cursor: pointer;
}
.sizeandfit__types-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__types-wrapper {
    gap: 3rem;
  }
}
.sizeandfit__types-wrapper-image {
  background: #f1f0ee;
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__types-wrapper-image {
    width: 300px;
    padding: 2rem;
  }
}
.sizeandfit__types-wrapper-image.active {
  border: 4px solid #044778;
}
.sizeandfit__types-wrapper-heading {
  font-size: 1.5rem;
}
.sizeandfit__results--wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__results--wrapper {
    width: 70%;
  }
}
.sizeandfit__results--wrapper p {
  margin: 0;
}
.sizeandfit__results--img {
  margin-top: 1rem;
  width: 70%;
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__results--img {
    margin-top: 3rem;
    width: 30%;
  }
}
.sizeandfit__loading_pageWrapper {
  display: none;
}
.sizeandfit__heading:not(.sizeandfit__header h2) {
  text-align: center;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .sizeandfit__heading:not(.sizeandfit__header h2) {
    width: 100%;
  }
}
@media only screen and (min-width: 65rem) {
  .sizeandfit__heading:not(.sizeandfit__header h2) {
    width: 60%;
  }
}

.generatedsize,
.sizematchfailed {
  grid-column: -5/-1;
}
.generatedsize span,
.sizematchfailed span {
  margin: 0;
  margin-top: 0.5rem;
  font-weight: 500;
}

.sizeandfit__loading_pageWrapper p {
  text-align: center;
}

.progress-bar {
  width: 50%;
  height: 30px;
  background-color: #f3f3f3;
  border-radius: 5px;
  margin: 30px auto;
  overflow: hidden;
}

.progress {
  width: 0%;
  height: 100%;
  background-color: #082939;
  border-radius: 5px;
  transition: width 0.3s ease-in-out;
}
.progress.progress--complete {
  width: 100%;
}

.percentage {
  color: #082939;
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}

@media only screen and (min-width: 65rem) {
  .sizeandfit__types-wrapper-image {
    width: unset;
    max-width: 300px;
    max-height: calc(100vh - 420px);
  }
}
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/* Boka stylist webbsida */
.bokaStylist ul {
  list-style-type: disc;
  padding-left: 14px;
}
.bokaStylist ul li::marker {
  font-size: 0.8em;
}

.brands_search input {
  border: none;
  width: 100%;
  background: none;
  font-size: 14px;
  border-width: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.brands_search input:focus {
  outline: none;
}

#styleadvisor:not(.live) .continuePop, #styleadvisor:not(.live) .bgdrop {
  display: none;
}

.personlizedContent {
  padding: 1rem;
  overflow: auto;
  position: relative;
}
.personlizedContent .stylist h2 {
  margin: 0 !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  width: 100% !important;
}
.personlizedContent h2 {
  margin: 1rem 0;
  font-size: 24px;
  font-weight: 400;
}
.personlizedContent .cm-category-info .category-list .category-card-main, .personlizedContent .cm-category-info .category-list .category-card {
  flex: unset;
  width: 50%;
}
@media only screen and (min-width: 48rem) {
  .personlizedContent .cm-category-info .category-list .category-card-main, .personlizedContent .cm-category-info .category-list .category-card {
    width: 33.33%;
  }
}

#styleadvisor-login-form {
  opacity: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  max-height: 0;
  transition: max-height 0.5s linear;
  -webkit-transition: max-height 0.5s linear;
  -moz-transition: max-height 0.5s linear;
  -ms-transition: max-height 0.5s linear;
  -o-transition: max-height 0.5s linear;
}
#styleadvisor-login-form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
#styleadvisor-login-form #styleadvisor__login-error:not(.hidden) {
  display: block;
  margin-bottom: 12px;
}
#styleadvisor-login-form #styleadvisor__login-error.hidden {
  display: none;
}
#styleadvisor-login-form input[aria-invalid=true] {
  border-color: #d32f2f;
  outline-color: #d32f2f;
}
#styleadvisor-login-form input[aria-invalid=true]:focus {
  border-color: #d32f2f;
  box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2);
}

#styleadvisor-login-form:not(.hidden) {
  opacity: 1;
  max-height: 300px;
  max-width: 550px;
  margin: 0 auto;
}

#styleadvisor.live .bgdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0.168627451);
  width: 100%;
}
#styleadvisor.live .continuePop {
  z-index: 999999;
  padding: 2rem;
  background: #F7F6F4;
  position: absolute;
  top: 50%;
  width: 70%;
  border: 1px solid #D0D0D0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#styleadvisor.live .continuePop h5 {
  font-size: 1.5em;
}
#styleadvisor.live .continuePop .buttons .continue, #styleadvisor.live .continuePop .buttons .restart {
  border: 0;
  padding: 1rem;
  color: white;
  font: inherit;
  cursor: pointer;
  position: relative;
}
#styleadvisor.live .continuePop .buttons .continue {
  background: #082939;
}
#styleadvisor.live .continuePop .buttons .restart {
  background: #8C0C0C;
}

#barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 0.5%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}

#styleadvisor {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  position: fixed;
  transition: transform 0.5s ease;
  right: 0;
  top: 0;
  justify-content: center;
  background: #F7F6F4;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
#styleadvisor .step2 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 33%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
#styleadvisor .step3 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 66%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
#styleadvisor .step4 #barStatus {
  transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #044778;
}
@media only screen and (min-width: 48rem) {
  #styleadvisor {
    min-width: 75vw;
    max-width: 683px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
  }
}
#styleadvisor.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media only screen and (min-width: 48rem) {
  #styleadvisor.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
#styleadvisor .brands_list_filter {
  border-top: none;
  border-left: none;
  border-right: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2717%27 height=%2717%27 viewBox=%270 0 17 17%27 fill=%27none%27 xmlns=%27https://www.w3.org/2000/svg%27%3E%3Ccircle cx=%276.85714%27 cy=%276.85714%27 r=%276.35714%27 stroke=%27black%27/%3E%3Cpath d=%27M11.3359 11.333L16.0026 15.9997%27 stroke=%27black%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-y: 50%;
}
#styleadvisor .brands_list_filter::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #969696;
  opacity: 1;
  /* Firefox */
}
#styleadvisor .brands_list_filter::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #969696;
}
#styleadvisor .brands_list_filter::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #969696;
}
#styleadvisor ul {
  list-style: unset;
  padding-left: 14px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#styleadvisor .category-card {
  aspect-ratio: unset;
}
#styleadvisor .stylistWrapper > .row {
  gap: 16px;
}
@media only screen and (min-width: 48rem) {
  #styleadvisor .stylistWrapper > .row {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 47.99rem) {
  #styleadvisor .chatBlock {
    height: 72vh;
  }
}
#styleadvisor .chatBlock .cm_content_wrapper {
  height: 100%;
}
#styleadvisor .chatBlock .cm_content_wrapper li {
  line-height: 140%;
}
#styleadvisor .chatBlock .cm_content_wrapper .btn {
  border: none;
  color: white;
}
#styleadvisor .stylist .cm-img-txt-wrap {
  padding: 1rem;
  height: 100%;
}
#styleadvisor .stylist .cm-img-txt-wrap .cm-img-txt {
  height: 100%;
}
#styleadvisor .stylist .cm-img-txt-wrap .cm-img-txt a {
  height: 100%;
}
#styleadvisor .stylist .cm-img-txt-wrap .cm-img-txt a h4 {
  display: flex;
  background: rgb(4, 71, 120);
  width: fit-content;
  padding: 0.25rem 0.5rem;
  margin-bottom: auto;
}
#styleadvisor__createwrapper {
  display: none;
}
#styleadvisor__createwrapper input {
  width: 328px;
}
#styleadvisor____loginwrapper {
  display: flex;
  justify-content: center;
}
#styleadvisor__loginBtn {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
#styleadvisor .styleadvisor {
  overflow: auto;
}
#styleadvisor .styleadvisor__step[data-step="2"] .styleadvisor__content {
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__step[data-step="2"] .styleadvisor__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
  }
}
#styleadvisor .styleadvisor__step {
  flex-direction: column;
  height: 100%;
  align-items: center;
}
#styleadvisor .styleadvisor__step:not(.--active) {
  display: none;
}
#styleadvisor .styleadvisor__step.--active {
  display: flex;
}
#styleadvisor .styleadvisor__step[data-step="3"] .styleadvisor__content {
  height: calc(100% - 154px);
  justify-content: flex-start;
  width: 100%;
}
#styleadvisor .styleadvisor__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#styleadvisor .styleadvisor__header .styleadvisor__title {
  margin: 0;
  font-size: 34px;
  display: flex;
}
#styleadvisor .styleadvisor__header .close {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  cursor: pointer;
  outline: none;
}
#styleadvisor .styleadvisor__header .close svg {
  width: 24px;
  height: 25px;
}
#styleadvisor .styleadvisor__header .styleadvisor__close {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  cursor: pointer;
  outline: none;
}
#styleadvisor .styleadvisor__header .styleadvisor__close svg {
  pointer-events: none;
  width: 24px;
  height: 24px;
}
#styleadvisor .styleadvisor_back span {
  display: inline-block;
}
#styleadvisor .styleadvisor_back:hover {
  cursor: pointer;
}
#styleadvisor .styleadvisor__stylescontent {
  width: 100%;
  flex: 0 0 auto;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__stylescontent {
    width: 40%;
    flex: 0 0 40%;
    height: 100%;
  }
}
#styleadvisor .styleadvisor__content {
  align-items: center;
  justify-content: center;
}
#styleadvisor .styleadvisor__content:not(.brands_list) {
  flex-direction: column;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__content:not(.brands_list) {
    flex-direction: row;
  }
}
#styleadvisor .styleadvisor__content h2 {
  margin: 1rem 0 0 0;
}
#styleadvisor .styleadvisor__content h4 {
  margin: 0;
  font-size: 0.75em;
  line-height: 100%;
  text-transform: uppercase;
}
#styleadvisor .styleadvisor__content h5 {
  font-size: 1.3em;
  margin: 1rem 0 0 0;
}
#styleadvisor .styleadvisor__content ul {
  text-align: left;
  list-style-type: disc;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
#styleadvisor .styleadvisor__content ul li {
  line-height: 140%;
}
#styleadvisor .styleadvisor__headings {
  text-align: center;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__headings {
    text-align: left;
  }
}
#styleadvisor .styleadvisor__continueWrapper {
  border: 1px solid #D0D0D0;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  padding: 1rem 0.75rem;
}
#styleadvisor .styleadvisor__continue {
  background: #082939;
  color: white;
  display: flex;
  justify-content: center;
  padding: 1rem;
  cursor: pointer;
  border: 0;
  width: 100%;
  font: inherit;
  text-transform: inherit;
}
#styleadvisor .styleadvisor__continue.--disabled {
  cursor: not-allowed;
}
#styleadvisor .styleadvisor_swipes {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor_swipes {
    width: 60%;
    flex: 0 0 60%;
    height: 100%;
  }
}
#styleadvisor .styleadvisor_swipeContainer {
  height: 100%;
  min-height: 260px;
  max-height: calc(100% - 120px);
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  padding-bottom: 100px;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor_swipeContainer {
    max-height: calc(100% - 80px);
  }
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor_swipeContainer {
    padding-bottom: 80px;
  }
}
#styleadvisor .styleadvisor_brand {
  border: 1px solid #D0D0D0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: transparent;
  width: 100%;
  cursor: pointer;
  font: inherit;
}
#styleadvisor .styleadvisor_brand h3 {
  font-size: 14px;
  margin: 0;
  pointer-events: none;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor_brand h3 {
    font-size: 25px;
  }
}
#styleadvisor .styleadvisor_brand:hover {
  cursor: pointer;
}
#styleadvisor .styleadvisor_brand.--checked {
  border: 1px solid black;
}
#styleadvisor .styleadvisor__buttons {
  display: flex;
  column-gap: 2rem;
  margin-top: 2rem;
  position: fixed;
  z-index: 100;
  bottom: 32px;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__buttons {
    bottom: 24px;
  }
}
#styleadvisor .styleadvisor__buttons > div,
#styleadvisor .styleadvisor__buttons > button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  background: #8C0C0C;
  border: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media only screen and (min-width: 65rem) {
  #styleadvisor .styleadvisor__buttons > div,
#styleadvisor .styleadvisor__buttons > button {
    width: 64px;
    height: 64px;
  }
}
#styleadvisor .styleadvisor__buttons > div:hover,
#styleadvisor .styleadvisor__buttons > button:hover {
  cursor: pointer;
}
#styleadvisor .styleadvisor__buttons > div path,
#styleadvisor .styleadvisor__buttons > button path {
  stroke: #fff;
}
#styleadvisor .styleadvisor__buttons > div svg,
#styleadvisor .styleadvisor__buttons > button svg {
  width: 24px;
  height: 24px;
}
#styleadvisor .styleadvisor__buttons #styleadvisor_like {
  background: #044778;
}
#styleadvisor .styleadvisor__buttons #styleadvisor_dislike {
  border: 1px solid #8C0C0C;
}
#styleadvisor .brands_list_wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media only screen and (min-width: 48rem) {
  #styleadvisor .brands_list_wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

.styleadvisor_swipe {
  aspect-ratio: 2/3;
  height: 100%;
  max-width: 100%;
  filter: drop-shadow(0px 2px 16px rgba(0, 0, 0, 0.1));
  transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  position: absolute;
  top: 0;
}
.styleadvisor_swipe:nth-child(1) {
  z-index: 49;
  list-style: none;
}
.styleadvisor_swipe:nth-child(2) {
  z-index: 48;
  list-style: none;
}
.styleadvisor_swipe:nth-child(3) {
  z-index: 47;
  list-style: none;
}
.styleadvisor_swipe:nth-child(4) {
  z-index: 46;
  list-style: none;
}
.styleadvisor_swipe:nth-child(5) {
  z-index: 45;
  list-style: none;
}
.styleadvisor_swipe:nth-child(6) {
  z-index: 44;
  list-style: none;
}
.styleadvisor_swipe:nth-child(7) {
  z-index: 43;
  list-style: none;
}
.styleadvisor_swipe:nth-child(8) {
  z-index: 42;
  list-style: none;
}
.styleadvisor_swipe:nth-child(9) {
  z-index: 41;
  list-style: none;
}
.styleadvisor_swipe:nth-child(10) {
  z-index: 40;
  list-style: none;
}
.styleadvisor_swipe:nth-child(11) {
  z-index: 39;
  list-style: none;
}
.styleadvisor_swipe:nth-child(12) {
  z-index: 38;
  list-style: none;
}
.styleadvisor_swipe:nth-child(13) {
  z-index: 37;
  list-style: none;
}
.styleadvisor_swipe:nth-child(14) {
  z-index: 36;
  list-style: none;
}
.styleadvisor_swipe:nth-child(15) {
  z-index: 35;
  list-style: none;
}
.styleadvisor_swipe:nth-child(16) {
  z-index: 34;
  list-style: none;
}
.styleadvisor_swipe:nth-child(17) {
  z-index: 33;
  list-style: none;
}
.styleadvisor_swipe:nth-child(18) {
  z-index: 32;
  list-style: none;
}
.styleadvisor_swipe:nth-child(19) {
  z-index: 31;
  list-style: none;
}
.styleadvisor_swipe:nth-child(20) {
  z-index: 30;
  list-style: none;
}
.styleadvisor_swipe:nth-child(4) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(5) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(6) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(7) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(8) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(9) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(10) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(11) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(12) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(13) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(14) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(15) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(16) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(17) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(18) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(19) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(20) {
  opacity: 0;
}
.styleadvisor_swipe:nth-child(1) {
  opacity: 1;
}
.styleadvisor_swipe:nth-child(2) {
  opacity: 1;
}
.styleadvisor_swipe:nth-child(3) {
  opacity: 0.7;
}
.styleadvisor_swipe:nth-child(4) {
  opacity: 0;
}

.styleadvisor_swipe img {
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media only screen and (min-width: 48rem) {
  .styleadvisor_swipe img {
    height: 100%;
  }
}

.styleadvisor_swipe.--liked, .styleadvisor_swipe.--disliked {
  display: none;
}

.styleadvisor_step {
  display: none;
}

.styleadvisor_step.--active {
  display: block;
}

.styleadvisor_brand.--checked {
  border: 1px solid #000;
}

.cm-form {
  row-gap: 1.5rem;
}
.cm-form textarea[name=Frifalt_1] {
  height: 195px;
}
.cm-form .cm-form-group {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.5rem;
}
.cm-form .cm-form-group textarea, .cm-form .cm-form-group input {
  width: 100%;
  padding: 12px;
  background: #F1F0EE;
  border: 1px solid #D0D0D0;
}

/* login form */
#styleadvisor__createprofile,
#styleadvisor-login-form-wrapper {
  position: absolute;
  top: 0;
  height: calc(100vh - 74px);
  width: 100%;
  left: 0;
}
#styleadvisor__createprofile::after,
#styleadvisor-login-form-wrapper::after {
  content: "";
  z-index: 6;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  width: 100%;
  height: 100vh;
  opacity: 1;
  top: 74px;
}
#styleadvisor__createprofile #styleadvisor-create-form,
#styleadvisor__createprofile #styleadvisor-login-form,
#styleadvisor-login-form-wrapper #styleadvisor-create-form,
#styleadvisor-login-form-wrapper #styleadvisor-login-form {
  max-width: 350px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  top: 0;
  bottom: 0;
  height: fit-content;
  display: flex;
  flex-direction: column;
  z-index: 10;
  background: #fff;
  padding: 40px 16px;
  text-align: center;
}
#styleadvisor__createprofile .createWrapper,
#styleadvisor-login-form-wrapper .createWrapper {
  text-align: left;
}
#styleadvisor__createprofile .createWrapper .styleadvisor__createLabel,
#styleadvisor-login-form-wrapper .createWrapper .styleadvisor__createLabel {
  font-family: "Financier Display";
  font-size: 24px;
  text-align: center;
}
#styleadvisor__createprofile .createWrapper .styleadvisor__createBullet,
#styleadvisor-login-form-wrapper .createWrapper .styleadvisor__createBullet {
  display: list-item;
}
#styleadvisor__createprofile .mail-phrase,
#styleadvisor-login-form-wrapper .mail-phrase {
  text-align: left;
}
#styleadvisor__createprofile .styleadvisor__createPolicy,
#styleadvisor-login-form-wrapper .styleadvisor__createPolicy {
  text-decoration: underline;
}
#styleadvisor__createprofile .close,
#styleadvisor-login-form-wrapper .close {
  position: absolute;
  background: transparent;
  border: 0;
  padding: 8px;
  top: 16px;
  right: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
#styleadvisor__createprofile .close svg,
#styleadvisor-login-form-wrapper .close svg {
  width: 24px;
  height: 24px;
}

#styleadvisor .cm_landingpage {
  display: block !important;
}

html.user-tabbing #styleadvisor .styleadvisor__loginBtn:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
html.user-tabbing #styleadvisor .styleadvisor__header .close:focus,
html.user-tabbing #styleadvisor .styleadvisor__header .styleadvisor__close:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
html.user-tabbing #styleadvisor .styleadvisor__continue:focus {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
html.user-tabbing #styleadvisor .styleadvisor__buttons > button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
html.user-tabbing #styleadvisor .styleadvisor_brand:focus {
  outline: 2px solid #000;
  outline-offset: -2px;
}
html.user-tabbing #styleadvisor.live .continuePop .continue:focus,
html.user-tabbing #styleadvisor.live .continuePop .restart:focus {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
html.user-tabbing #styleadvisor__createprofile .close:focus,
html.user-tabbing #styleadvisor-login-form-wrapper .close:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
html.user-tabbing #styleadvisor.live .continuePop .continue:focus-visible,
html.user-tabbing #styleadvisor.live .continuePop .restart:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.cm-section.h-100 .cm_content_wrapper {
  height: 100%;
}
.cm-section.h-100 .cm_content_wrapper > div {
  height: 100%;
}

.cm_frontpage {
  background: #F1F0EE;
}
@media only screen and (min-width: 48rem) {
  .cm_frontpage {
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
  }
}
@media only screen and (max-width: 47.99rem) {
  .cm_frontpage .cm-img-wrapper {
    aspect-ratio: 4/5;
  }
}

.cm-img-cta.careofcarl-icon-pil a {
  display: flex;
  align-items: center;
}

/* Tar bort padding på samtliga ACE columner */
.cm-section .row div[class^=col] {
  padding: 0;
}

/* Video widget padding top fix */
/* Borttagen 19/9 -23 efter Fredriks inrådan
/*.cm-section video {
  margin-top: -1px;
}*/
/* BÖR FLYTTAS */
.cm-category-list-detailed {
  background-color: #F7F6F4;
}
.cm-category-list-detailed .category-list {
  background-color: #F7F6F4;
}

.cm-category-list-header {
  display: flex;
  padding: 1.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 65rem) {
  .cm-category-list-header {
    padding: 1.5rem 2rem;
  }
}
.cm-category-list-header h2 {
  font-size: 12px;
  margin: 0;
  letter-spacing: 0.06em;
  font-weight: 300;
  font-family: "GT America";
  text-transform: uppercase;
}
.cm-category-list-header .cm-btn-showmore > div {
  padding: 0;
}

.category-list-vertical-left {
  padding: 2rem;
}
.category-list-vertical-left h3 {
  margin: 20px;
  font-weight: 300;
}

@media only screen and (min-width: 65rem) {
  .cm-category-list-item {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
  }
  .cm-category-list-item:hover {
    background: #082939;
    color: white !important;
    cursor: pointer;
  }
}
.cm-category-list-slim .category-list h3 {
  margin: 0;
}

.cm-category-list-detailed .category-list h3 {
  margin: 0;
  width: 100%;
}
@media only screen and (max-width: 47.99rem) {
  .cm-category-list-detailed .category-list h3 {
    min-height: 92px;
  }
}
@media only screen and (min-width: 65rem) {
  .cm-category-list-detailed .category-list h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

.cm_category_list_wrapper > div:not(.cm-category-list-vertical, .cm-category-list-default) .cm-category-list-item {
  border-bottom: 1px solid #D0D0D0;
}
.cm_category_list_wrapper > div:not(.cm-category-list-vertical) .cm-category-list-item {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 2.813rem;
  row-gap: 2.5rem;
  text-align: center;
  border-top: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
}
@media only screen and (min-width: 65rem) {
  .cm_category_list_wrapper > div:not(.cm-category-list-vertical) .cm-category-list-item {
    padding: 3rem 4.5rem 1.625rem 4.5rem;
  }
}
.cm_category_list_wrapper > div:not(.cm-category-list-vertical) .cm-category-list-item:last-child {
  border-right: none;
}
.cm_category_list_wrapper > div:not(.cm-category-list-vertical) .cm-category-list-item img {
  aspect-ratio: 4/5;
  object-fit: cover;
}

@media only screen and (min-width: 65rem) {
  .col-sm-12 .cm-img-txt-wrap {
    width: 35%;
  }
}

.cm-category-list-detailed .swiper-slide {
  height: unset;
}

div:not(.subdepartments) .cm-img-cta a, div:not(.subdepartments) .cm-btn-showmore a {
  display: flex;
  align-items: center;
  color: #082939;
}
div:not(.subdepartments) .cm-img-cta a::after, div:not(.subdepartments) .cm-btn-showmore a::after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !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;
}

@media only screen and (max-width: 47.99rem) {
  .CTA-Block {
    aspect-ratio: 4/5;
    overflow: hidden;
  }
}
.brands .cm-img-wrapper img {
  height: auto;
}

.subdepartments .departments__extra .cm-section > .row {
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}
.subdepartments .departments__extra .cm-section > .row > div {
  padding: 2.5rem !important;
}
.subdepartments .departments__extra .cm-section > .row > div:not(:last-child) {
  border-right: 1px solid #d0d0d0;
}
.subdepartments .departments__extra .cm-section > .row > div img {
  aspect-ratio: 4/5;
}
.subdepartments .departments__extra .cm-section > .row > div .cm-img-wrapper {
  display: flex;
  flex-direction: column-reverse;
  height: unset;
}
.subdepartments .departments__extra .cm-section > .row > div .cm-img-txt-wrap {
  padding: 0;
  position: static;
}

.cm-img-wrapper {
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 65rem) {
  .cm-img-wrapper {
    aspect-ratio: unset;
    object-fit: unset;
  }
}
.cm-img-wrapper img {
  height: 100%;
  object-fit: cover;
}
.cm-img-wrapper .cm-img-txt-wrap {
  display: flex;
  z-index: 1;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  left: 0;
  padding: 2rem 1rem;
  row-gap: 1rem;
}
@media only screen and (min-width: 48rem) {
  .cm-img-wrapper .cm-img-txt-wrap {
    padding: 2rem 2rem;
  }
}
@mediaonly screen and (min-width: 65rem) {
  .cm-img-wrapper .cm-img-txt-wrap {
    padding: 2rem;
    row-gap: 1.5rem;
  }
}
.cm-img-wrapper .cm-img-txt-wrap > a {
  position: relative;
}
.cm-img-wrapper .cm-img-txt-wrap + a::after {
  position: absolute;
  top: 0;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  color: #FFF;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-cta {
  display: flex;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-cta.button a {
  padding: 1rem;
  flex-direction: row;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75em;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-cta.button a:hover {
  background: #082939 !important;
  color: white !important;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-cta.link a {
  flex-direction: row;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75em;
  display: flex;
  align-items: center;
}
.cm-img-wrapper .cm-img-txt-wrap a {
  display: flex;
  color: white;
  flex-direction: column;
}
.cm-img-wrapper .cm-img-txt-wrap a h2 {
  order: 2;
  margin: 1rem 0 1rem 0;
  font-weight: 300;
  line-height: 100%;
  font-size: 2.5em;
  letter-spacing: -1px;
}
@media only screen and (min-width: 65rem) {
  .cm-img-wrapper .cm-img-txt-wrap a h2 {
    margin: 1rem 0 1.5rem 0;
    width: 70%;
    font-size: 3em;
  }
}
.cm-img-wrapper .cm-img-txt-wrap a h4 {
  order: 1;
  margin: 0;
  font-size: 12px;
  font-family: "GT America";
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 300;
}
.cm-img-wrapper .cm-img-txt-wrap a span:not(:empty) {
  order: 3;
  line-height: 1.4em;
  margin: 1rem 0 0 0;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-txt {
  display: flex;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-txt h4 {
  margin: 0;
  order: 1;
}
.cm-img-wrapper .cm-img-txt-wrap .cm-img-txt h2 {
  order: 2;
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.Kassan .gmaps-autocomplete-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 2px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  max-height: 320px;
  overflow-y: auto;
  z-index: 1;
}
.Kassan .gmaps-autocomplete-item {
  padding: 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
.Kassan .gmaps-autocomplete-item:last-child {
  border-bottom: 0;
}
.Kassan .gmaps-autocomplete-item:hover {
  background: #f5f5f5;
}
.Kassan .gmaps-autocomplete-item.selected {
  background: #e3f2fd;
}
.Kassan .gmaps-autocomplete-item .gmaps-secondary {
  color: #666;
  font-size: 0.9em;
}

.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
footer .footerBG {
  width: 100%;
}
footer .footerBG .footerMenuWrapper {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1882352941);
}
footer .footerBG .footerMenuWrapper__col {
  border-right: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1882352941);
}
@media only screen and (min-width: 65rem) {
  footer .footerBG .footerMenuWrapper__col {
    padding: 2rem;
    border-right: 1px solid rgba(255, 255, 255, 0.1882352941);
    flex-basis: 20%;
    max-width: 20%;
  }
}
@media only screen and (max-width: 47.99rem) {
  footer .footerBG .footerMenuWrapper__col.active {
    flex-direction: column;
    display: flex;
  }
  footer .footerBG .footerMenuWrapper__col.active .tabs__tabContent {
    transition: max-height 0.3s linear;
    -webkit-transition: max-height 0.3s linear;
    -moz-transition: max-height 0.3s linear;
    -ms-transition: max-height 0.3s linear;
    -o-transition: max-height 0.3s linear;
    max-height: 500px;
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
  }
}
footer .footerBG .footerMenuWrapper__col.active svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
}
footer .footerBG .footerMenuWrapper > .footerMenu {
  border-left: none;
}
@media only screen and (min-width: 65rem) {
  footer .footerBG .footerMenuWrapper > .footerMenu {
    border-left: 1px solid rgba(255, 255, 255, 0.1882352941);
  }
}
footer .footerBG .footerMenuWrapper > div:not(.reviews) {
  color: white;
}
footer .footerBG .footerMenuWrapper *:not(.btn__normal) {
  color: white;
}
footer .footerBG .footerMenuWrapper .reviews, footer .footerBG .footerMenuWrapper .newsletter {
  width: 100%;
}
footer .footerBG .tabs__tab svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
@media only screen and (max-width: 47.99rem) {
  footer .footerBG .tabs__tabContent {
    opacity: 0;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    margin: 0;
    max-height: 0;
    transition: max-height 0.25s linear;
    -webkit-transition: max-height 0.25s linear;
    -moz-transition: max-height 0.25s linear;
    -ms-transition: max-height 0.25s linear;
    -o-transition: max-height 0.25s linear;
    overflow: hidden;
  }
}
@mediaonly screen and (min-width: 65rem) {
  footer .footerBG .tabs__tabContent {
    display: flex;
  }
}

ul {
  list-style: none;
  padding: 0;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.flex-column-xs {
  flex-direction: column;
}

.flex-row-xs {
  flex-direction: row;
}

.end-xs {
  justify-content: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.baseline-xs {
  align-items: baseline;
}

.stretch-xs {
  align-items: stretch;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48rem) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .flex-row-sm {
    flex-direction: row;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .baseline-sm {
    align-items: baseline;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 65rem) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .flex-column-md {
    flex-direction: column;
  }

  .flex-row-md {
    flex-direction: row;
  }

  .end-md {
    justify-content: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .baseline-md {
    align-items: baseline;
  }

  .stretch-md {
    align-items: stretch;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 85.375rem) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .flex-column-lg {
    flex-direction: column;
  }

  .flex-row-lg {
    flex-direction: row;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .baseline-lg {
    align-items: baseline;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.row {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-reverse {
  flex-direction: row-reverse;
}

.natural-height {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.grid {
  display: grid;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex-wrap {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.self-start {
  -moz-align-self: start;
  -webkit-align-self: start;
  align-self: start;
}

.self-end {
  -moz-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}

.self-center {
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}

.self-baseline {
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}

.btn-outline {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.btn-outline:hover {
  background: #082939 !important;
}
.btn-outline:hover a {
  color: white !important;
}

.btn-primary {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
  background: #ffffff;
}
.btn-primary:hover {
  background: #082939 !important;
}
.btn-primary:hover a {
  color: white;
}

.col-gutter-lr {
  padding: 0 1rem;
}

.col-no-gutter {
  padding: 0;
}

/* BOX */
.box {
  /*@include box;*/
}

.box-top {
  padding-top: 1rem;
}

.box-bottom {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 65rem) {
  .text-center-md {
    text-align: center;
  }
}
.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  justify-content: center;
}

.link {
  line-height: 100%;
  text-decoration-line: underline;
  color: #082939;
}
.link:hover {
  cursor: pointer;
}

.middle {
  align-items: center;
}

.between {
  justify-content: space-between;
}

.base {
  align-items: center;
}

.tooltip {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #F1F0EE;
}

.light-white-bg {
  background-color: rgb(255, 255, 255);
}

.light-white-bg-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.light-white-bg-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.light-white-bg-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.light-white-bg-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.light-white-bg-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.light-white-bg-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.light-white-bg-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.light-white-bg-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.light-white-bg-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.light-white-bg-100 {
  background-color: white;
}

.dark-black-bg {
  background-color: rgb(0, 0, 0);
}

.dark-black-bg-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.dark-black-bg-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.dark-black-bg-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.dark-black-bg-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.dark-black-bg-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.dark-black-bg-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.dark-black-bg-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-black-bg-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark-black-bg-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.dark-black-bg-100 {
  background-color: black;
}

.dark-grey-bg {
  background-color: #717171;
}

.dark-grey-bg-10 {
  background-color: rgba(113, 113, 113, 0.1);
}

.dark-grey-bg-20 {
  background-color: rgba(113, 113, 113, 0.2);
}

.dark-grey-bg-30 {
  background-color: rgba(113, 113, 113, 0.3);
}

.dark-grey-bg-40 {
  background-color: rgba(113, 113, 113, 0.4);
}

.dark-grey-bg-50 {
  background-color: rgba(113, 113, 113, 0.5);
}

.dark-grey-bg-60 {
  background-color: rgba(113, 113, 113, 0.6);
}

.dark-grey-bg-70 {
  background-color: rgba(113, 113, 113, 0.7);
}

.dark-grey-bg-80 {
  background-color: rgba(113, 113, 113, 0.8);
}

.dark-grey-bg-90 {
  background-color: rgba(113, 113, 113, 0.9);
}

.dark-grey-bg-100 {
  background-color: #717171;
}

.darker-grey-bg {
  background-color: rgb(60, 60, 60);
}

.darker-grey-bg-10 {
  background-color: rgba(60, 60, 60, 0.1);
}

.darker-grey-bg-20 {
  background-color: rgba(60, 60, 60, 0.2);
}

.darker-grey-bg-30 {
  background-color: rgba(60, 60, 60, 0.3);
}

.darker-grey-bg-40 {
  background-color: rgba(60, 60, 60, 0.4);
}

.darker-grey-bg-50 {
  background-color: rgba(60, 60, 60, 0.5);
}

.darker-grey-bg-60 {
  background-color: rgba(60, 60, 60, 0.6);
}

.darker-grey-bg-70 {
  background-color: rgba(60, 60, 60, 0.7);
}

.darker-grey-bg-80 {
  background-color: rgba(60, 60, 60, 0.8);
}

.darker-grey-bg-90 {
  background-color: rgba(60, 60, 60, 0.9);
}

.darker-grey-bg-100 {
  background-color: #3c3c3c;
}

.light-grey-bg {
  background-color: #d0d0d0;
}

.light-grey-bg-10 {
  background-color: rgba(208, 208, 208, 0.1);
}

.light-grey-bg-20 {
  background-color: rgba(208, 208, 208, 0.2);
}

.light-grey-bg-30 {
  background-color: rgba(208, 208, 208, 0.3);
}

.light-grey-bg-40 {
  background-color: rgba(208, 208, 208, 0.4);
}

.light-grey-bg-50 {
  background-color: rgba(208, 208, 208, 0.5);
}

.light-grey-bg-60 {
  background-color: rgba(208, 208, 208, 0.6);
}

.light-grey-bg-70 {
  background-color: rgba(208, 208, 208, 0.7);
}

.light-grey-bg-80 {
  background-color: rgba(208, 208, 208, 0.8);
}

.light-grey-bg-90 {
  background-color: rgba(208, 208, 208, 0.9);
}

.light-grey-bg-100 {
  background-color: #d0d0d0;
}

.dark-blue-bg {
  background-color: rgb(8, 41, 57);
}

.dark-blue-bg-10 {
  background-color: rgba(8, 41, 57, 0.1);
}

.dark-blue-bg-20 {
  background-color: rgba(8, 41, 57, 0.2);
}

.dark-blue-bg-30 {
  background-color: rgba(8, 41, 57, 0.3);
}

.dark-blue-bg-40 {
  background-color: rgba(8, 41, 57, 0.4);
}

.dark-blue-bg-50 {
  background-color: rgba(8, 41, 57, 0.5);
}

.dark-blue-bg-60 {
  background-color: rgba(8, 41, 57, 0.6);
}

.dark-blue-bg-70 {
  background-color: rgba(8, 41, 57, 0.7);
}

.dark-blue-bg-80 {
  background-color: rgba(8, 41, 57, 0.8);
}

.dark-blue-bg-90 {
  background-color: rgba(8, 41, 57, 0.9);
}

.dark-blue-bg-100 {
  background-color: #082939;
}

.light-blue-bg {
  background-color: rgb(4, 71, 120);
}

.light-blue-bg-10 {
  background-color: rgba(4, 71, 120, 0.1);
}

.light-blue-bg-20 {
  background-color: rgba(4, 71, 120, 0.2);
}

.light-blue-bg-30 {
  background-color: rgba(4, 71, 120, 0.3);
}

.light-blue-bg-40 {
  background-color: rgba(4, 71, 120, 0.4);
}

.light-blue-bg-50 {
  background-color: rgba(4, 71, 120, 0.5);
}

.light-blue-bg-60 {
  background-color: rgba(4, 71, 120, 0.6);
}

.light-blue-bg-70 {
  background-color: rgba(4, 71, 120, 0.7);
}

.light-blue-bg-80 {
  background-color: rgba(4, 71, 120, 0.8);
}

.light-blue-bg-90 {
  background-color: rgba(4, 71, 120, 0.9);
}

.light-blue-bg-100 {
  background-color: #044778;
}

.dark-green-bg {
  background-color: rgb(37, 57, 52);
}

.dark-green-bg-10 {
  background-color: rgba(37, 57, 52, 0.1);
}

.dark-green-bg-20 {
  background-color: rgba(37, 57, 52, 0.2);
}

.dark-green-bg-30 {
  background-color: rgba(37, 57, 52, 0.3);
}

.dark-green-bg-40 {
  background-color: rgba(37, 57, 52, 0.4);
}

.dark-green-bg-50 {
  background-color: rgba(37, 57, 52, 0.5);
}

.dark-green-bg-60 {
  background-color: rgba(37, 57, 52, 0.6);
}

.dark-green-bg-70 {
  background-color: rgba(37, 57, 52, 0.7);
}

.dark-green-bg-80 {
  background-color: rgba(37, 57, 52, 0.8);
}

.dark-green-bg-90 {
  background-color: rgba(37, 57, 52, 0.9);
}

.dark-green-bg-100 {
  background-color: #253934;
}

.light-green-bg {
  background-color: rgb(55, 124, 78);
}

.light-green-bg-10 {
  background-color: rgba(55, 124, 78, 0.1);
}

.light-green-bg-20 {
  background-color: rgba(55, 124, 78, 0.2);
}

.light-green-bg-30 {
  background-color: rgba(55, 124, 78, 0.3);
}

.light-green-bg-40 {
  background-color: rgba(55, 124, 78, 0.4);
}

.light-green-bg-50 {
  background-color: rgba(55, 124, 78, 0.5);
}

.light-green-bg-60 {
  background-color: rgba(55, 124, 78, 0.6);
}

.light-green-bg-70 {
  background-color: rgba(55, 124, 78, 0.7);
}

.light-green-bg-80 {
  background-color: rgba(55, 124, 78, 0.8);
}

.light-green-bg-90 {
  background-color: rgba(55, 124, 78, 0.9);
}

.light-green-bg-100 {
  background-color: #377c4e;
}

.dark-brown-bg {
  background-color: rgb(46, 46, 46);
}

.dark-brown-bg-10 {
  background-color: rgba(46, 46, 46, 0.1);
}

.dark-brown-bg-20 {
  background-color: rgba(46, 46, 46, 0.2);
}

.dark-brown-bg-30 {
  background-color: rgba(46, 46, 46, 0.3);
}

.dark-brown-bg-40 {
  background-color: rgba(46, 46, 46, 0.4);
}

.dark-brown-bg-50 {
  background-color: rgba(46, 46, 46, 0.5);
}

.dark-brown-bg-60 {
  background-color: rgba(46, 46, 46, 0.6);
}

.dark-brown-bg-70 {
  background-color: rgba(46, 46, 46, 0.7);
}

.dark-brown-bg-80 {
  background-color: rgba(46, 46, 46, 0.8);
}

.dark-brown-bg-90 {
  background-color: rgba(46, 46, 46, 0.9);
}

.dark-brown-bg-100 {
  background-color: #2e2e2e;
}

.dark-red-bg {
  background-color: rgb(74, 50, 47);
}

.dark-red-bg-10 {
  background-color: rgba(74, 50, 47, 0.1);
}

.dark-red-bg-20 {
  background-color: rgba(74, 50, 47, 0.2);
}

.dark-red-bg-30 {
  background-color: rgba(74, 50, 47, 0.3);
}

.dark-red-bg-40 {
  background-color: rgba(74, 50, 47, 0.4);
}

.dark-red-bg-50 {
  background-color: rgba(74, 50, 47, 0.5);
}

.dark-red-bg-60 {
  background-color: rgba(74, 50, 47, 0.6);
}

.dark-red-bg-70 {
  background-color: rgba(74, 50, 47, 0.7);
}

.dark-red-bg-80 {
  background-color: rgba(74, 50, 47, 0.8);
}

.dark-red-bg-90 {
  background-color: rgba(74, 50, 47, 0.9);
}

.dark-red-bg-100 {
  background-color: #4a322f;
}

.light-red-bg {
  background-color: rgb(140, 12, 12);
}

.light-red-bg-10 {
  background-color: rgba(140, 12, 12, 0.1);
}

.light-red-bg-20 {
  background-color: rgba(140, 12, 12, 0.2);
}

.light-red-bg-30 {
  background-color: rgba(140, 12, 12, 0.3);
}

.light-red-bg-40 {
  background-color: rgba(140, 12, 12, 0.4);
}

.light-red-bg-50 {
  background-color: rgba(140, 12, 12, 0.5);
}

.light-red-bg-60 {
  background-color: rgba(140, 12, 12, 0.6);
}

.light-red-bg-70 {
  background-color: rgba(140, 12, 12, 0.7);
}

.light-red-bg-80 {
  background-color: rgba(140, 12, 12, 0.8);
}

.light-red-bg-90 {
  background-color: rgba(140, 12, 12, 0.9);
}

.light-red-bg-100 {
  background-color: #8c0c0c;
}

.light-beige-bg {
  background-color: rgb(174, 166, 148);
}

.light-beige-bg-10 {
  background-color: rgba(174, 166, 148, 0.1);
}

.light-beige-bg-20 {
  background-color: rgba(174, 166, 148, 0.2);
}

.light-beige-bg-30 {
  background-color: rgba(174, 166, 148, 0.3);
}

.light-beige-bg-40 {
  background-color: rgba(174, 166, 148, 0.4);
}

.light-beige-bg-50 {
  background-color: rgba(174, 166, 148, 0.5);
}

.light-beige-bg-60 {
  background-color: rgba(174, 166, 148, 0.6);
}

.light-beige-bg-70 {
  background-color: rgba(174, 166, 148, 0.7);
}

.light-beige-bg-80 {
  background-color: rgba(174, 166, 148, 0.8);
}

.light-beige-bg-90 {
  background-color: rgba(174, 166, 148, 0.9);
}

.light-beige-bg-100 {
  background-color: #aea694;
}

.beige-tint-1-bg {
  background-color: #f7f6f4;
}

.beige-tint-1-bg-10 {
  background-color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-bg-20 {
  background-color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-bg-30 {
  background-color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-bg-40 {
  background-color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-bg-50 {
  background-color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-bg-60 {
  background-color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-bg-70 {
  background-color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-bg-80 {
  background-color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-bg-90 {
  background-color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-bg-100 {
  background-color: #f7f6f4;
}

.beige-tint-2-bg {
  background-color: #f1f0ee;
}

.beige-tint-2-bg-10 {
  background-color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-bg-20 {
  background-color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-bg-30 {
  background-color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-bg-40 {
  background-color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-bg-50 {
  background-color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-bg-60 {
  background-color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-bg-70 {
  background-color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-bg-80 {
  background-color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-bg-90 {
  background-color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-bg-100 {
  background-color: #f1f0ee;
}

.light-orange-bg {
  background-color: rgb(210, 81, 8);
}

.light-orange-bg-10 {
  background-color: rgba(210, 81, 8, 0.1);
}

.light-orange-bg-20 {
  background-color: rgba(210, 81, 8, 0.2);
}

.light-orange-bg-30 {
  background-color: rgba(210, 81, 8, 0.3);
}

.light-orange-bg-40 {
  background-color: rgba(210, 81, 8, 0.4);
}

.light-orange-bg-50 {
  background-color: rgba(210, 81, 8, 0.5);
}

.light-orange-bg-60 {
  background-color: rgba(210, 81, 8, 0.6);
}

.light-orange-bg-70 {
  background-color: rgba(210, 81, 8, 0.7);
}

.light-orange-bg-80 {
  background-color: rgba(210, 81, 8, 0.8);
}

.light-orange-bg-90 {
  background-color: rgba(210, 81, 8, 0.9);
}

.light-orange-bg-100 {
  background-color: #d25108;
}

.sale-red-bg {
  background-color: #91322f;
}

.sale-red-bg-10 {
  background-color: rgba(145, 50, 47, 0.1);
}

.sale-red-bg-20 {
  background-color: rgba(145, 50, 47, 0.2);
}

.sale-red-bg-30 {
  background-color: rgba(145, 50, 47, 0.3);
}

.sale-red-bg-40 {
  background-color: rgba(145, 50, 47, 0.4);
}

.sale-red-bg-50 {
  background-color: rgba(145, 50, 47, 0.5);
}

.sale-red-bg-60 {
  background-color: rgba(145, 50, 47, 0.6);
}

.sale-red-bg-70 {
  background-color: rgba(145, 50, 47, 0.7);
}

.sale-red-bg-80 {
  background-color: rgba(145, 50, 47, 0.8);
}

.sale-red-bg-90 {
  background-color: rgba(145, 50, 47, 0.9);
}

.sale-red-bg-100 {
  background-color: #91322f;
}

.light-white-text {
  color: rgb(255, 255, 255);
}

.light-white-hover:hover {
  color: rgb(255, 255, 255);
}
.light-white-hover:hover svg {
  fill: rgb(255, 255, 255);
}
.light-white-hover:hover svg path {
  fill: rgb(255, 255, 255);
}

.light-white-text-10 {
  color: rgba(255, 255, 255, 0.1);
}

.light-white-text-20 {
  color: rgba(255, 255, 255, 0.2);
}

.light-white-text-30 {
  color: rgba(255, 255, 255, 0.3);
}

.light-white-text-40 {
  color: rgba(255, 255, 255, 0.4);
}

.light-white-text-50 {
  color: rgba(255, 255, 255, 0.5);
}

.light-white-text-60 {
  color: rgba(255, 255, 255, 0.6);
}

.light-white-text-70 {
  color: rgba(255, 255, 255, 0.7);
}

.light-white-text-80 {
  color: rgba(255, 255, 255, 0.8);
}

.light-white-text-90 {
  color: rgba(255, 255, 255, 0.9);
}

.light-white-text-100 {
  color: white;
}

.dark-black-text {
  color: rgb(0, 0, 0);
}

.dark-black-hover:hover {
  color: rgb(0, 0, 0);
}
.dark-black-hover:hover svg {
  fill: rgb(0, 0, 0);
}
.dark-black-hover:hover svg path {
  fill: rgb(0, 0, 0);
}

.dark-black-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.dark-black-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.dark-black-text-30 {
  color: rgba(0, 0, 0, 0.3);
}

.dark-black-text-40 {
  color: rgba(0, 0, 0, 0.4);
}

.dark-black-text-50 {
  color: rgba(0, 0, 0, 0.5);
}

.dark-black-text-60 {
  color: rgba(0, 0, 0, 0.6);
}

.dark-black-text-70 {
  color: rgba(0, 0, 0, 0.7);
}

.dark-black-text-80 {
  color: rgba(0, 0, 0, 0.8);
}

.dark-black-text-90 {
  color: rgba(0, 0, 0, 0.9);
}

.dark-black-text-100 {
  color: black;
}

.dark-grey-text {
  color: #717171;
}

.dark-grey-hover:hover {
  color: #717171;
}
.dark-grey-hover:hover svg {
  fill: #717171;
}
.dark-grey-hover:hover svg path {
  fill: #717171;
}

.dark-grey-text-10 {
  color: rgba(113, 113, 113, 0.1);
}

.dark-grey-text-20 {
  color: rgba(113, 113, 113, 0.2);
}

.dark-grey-text-30 {
  color: rgba(113, 113, 113, 0.3);
}

.dark-grey-text-40 {
  color: rgba(113, 113, 113, 0.4);
}

.dark-grey-text-50 {
  color: rgba(113, 113, 113, 0.5);
}

.dark-grey-text-60 {
  color: rgba(113, 113, 113, 0.6);
}

.dark-grey-text-70 {
  color: rgba(113, 113, 113, 0.7);
}

.dark-grey-text-80 {
  color: rgba(113, 113, 113, 0.8);
}

.dark-grey-text-90 {
  color: rgba(113, 113, 113, 0.9);
}

.dark-grey-text-100 {
  color: #717171;
}

.darker-grey-text {
  color: rgb(60, 60, 60);
}

.darker-grey-hover:hover {
  color: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg {
  fill: rgb(60, 60, 60);
}
.darker-grey-hover:hover svg path {
  fill: rgb(60, 60, 60);
}

.darker-grey-text-10 {
  color: rgba(60, 60, 60, 0.1);
}

.darker-grey-text-20 {
  color: rgba(60, 60, 60, 0.2);
}

.darker-grey-text-30 {
  color: rgba(60, 60, 60, 0.3);
}

.darker-grey-text-40 {
  color: rgba(60, 60, 60, 0.4);
}

.darker-grey-text-50 {
  color: rgba(60, 60, 60, 0.5);
}

.darker-grey-text-60 {
  color: rgba(60, 60, 60, 0.6);
}

.darker-grey-text-70 {
  color: rgba(60, 60, 60, 0.7);
}

.darker-grey-text-80 {
  color: rgba(60, 60, 60, 0.8);
}

.darker-grey-text-90 {
  color: rgba(60, 60, 60, 0.9);
}

.darker-grey-text-100 {
  color: #3c3c3c;
}

.light-grey-text {
  color: #d0d0d0;
}

.light-grey-hover:hover {
  color: #d0d0d0;
}
.light-grey-hover:hover svg {
  fill: #d0d0d0;
}
.light-grey-hover:hover svg path {
  fill: #d0d0d0;
}

.light-grey-text-10 {
  color: rgba(208, 208, 208, 0.1);
}

.light-grey-text-20 {
  color: rgba(208, 208, 208, 0.2);
}

.light-grey-text-30 {
  color: rgba(208, 208, 208, 0.3);
}

.light-grey-text-40 {
  color: rgba(208, 208, 208, 0.4);
}

.light-grey-text-50 {
  color: rgba(208, 208, 208, 0.5);
}

.light-grey-text-60 {
  color: rgba(208, 208, 208, 0.6);
}

.light-grey-text-70 {
  color: rgba(208, 208, 208, 0.7);
}

.light-grey-text-80 {
  color: rgba(208, 208, 208, 0.8);
}

.light-grey-text-90 {
  color: rgba(208, 208, 208, 0.9);
}

.light-grey-text-100 {
  color: #d0d0d0;
}

.dark-blue-text {
  color: rgb(8, 41, 57);
}

.dark-blue-hover:hover {
  color: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg {
  fill: rgb(8, 41, 57);
}
.dark-blue-hover:hover svg path {
  fill: rgb(8, 41, 57);
}

.dark-blue-text-10 {
  color: rgba(8, 41, 57, 0.1);
}

.dark-blue-text-20 {
  color: rgba(8, 41, 57, 0.2);
}

.dark-blue-text-30 {
  color: rgba(8, 41, 57, 0.3);
}

.dark-blue-text-40 {
  color: rgba(8, 41, 57, 0.4);
}

.dark-blue-text-50 {
  color: rgba(8, 41, 57, 0.5);
}

.dark-blue-text-60 {
  color: rgba(8, 41, 57, 0.6);
}

.dark-blue-text-70 {
  color: rgba(8, 41, 57, 0.7);
}

.dark-blue-text-80 {
  color: rgba(8, 41, 57, 0.8);
}

.dark-blue-text-90 {
  color: rgba(8, 41, 57, 0.9);
}

.dark-blue-text-100 {
  color: #082939;
}

.light-blue-text {
  color: rgb(4, 71, 120);
}

.light-blue-hover:hover {
  color: rgb(4, 71, 120);
}
.light-blue-hover:hover svg {
  fill: rgb(4, 71, 120);
}
.light-blue-hover:hover svg path {
  fill: rgb(4, 71, 120);
}

.light-blue-text-10 {
  color: rgba(4, 71, 120, 0.1);
}

.light-blue-text-20 {
  color: rgba(4, 71, 120, 0.2);
}

.light-blue-text-30 {
  color: rgba(4, 71, 120, 0.3);
}

.light-blue-text-40 {
  color: rgba(4, 71, 120, 0.4);
}

.light-blue-text-50 {
  color: rgba(4, 71, 120, 0.5);
}

.light-blue-text-60 {
  color: rgba(4, 71, 120, 0.6);
}

.light-blue-text-70 {
  color: rgba(4, 71, 120, 0.7);
}

.light-blue-text-80 {
  color: rgba(4, 71, 120, 0.8);
}

.light-blue-text-90 {
  color: rgba(4, 71, 120, 0.9);
}

.light-blue-text-100 {
  color: #044778;
}

.dark-green-text {
  color: rgb(37, 57, 52);
}

.dark-green-hover:hover {
  color: rgb(37, 57, 52);
}
.dark-green-hover:hover svg {
  fill: rgb(37, 57, 52);
}
.dark-green-hover:hover svg path {
  fill: rgb(37, 57, 52);
}

.dark-green-text-10 {
  color: rgba(37, 57, 52, 0.1);
}

.dark-green-text-20 {
  color: rgba(37, 57, 52, 0.2);
}

.dark-green-text-30 {
  color: rgba(37, 57, 52, 0.3);
}

.dark-green-text-40 {
  color: rgba(37, 57, 52, 0.4);
}

.dark-green-text-50 {
  color: rgba(37, 57, 52, 0.5);
}

.dark-green-text-60 {
  color: rgba(37, 57, 52, 0.6);
}

.dark-green-text-70 {
  color: rgba(37, 57, 52, 0.7);
}

.dark-green-text-80 {
  color: rgba(37, 57, 52, 0.8);
}

.dark-green-text-90 {
  color: rgba(37, 57, 52, 0.9);
}

.dark-green-text-100 {
  color: #253934;
}

.light-green-text {
  color: rgb(55, 124, 78);
}

.light-green-hover:hover {
  color: rgb(55, 124, 78);
}
.light-green-hover:hover svg {
  fill: rgb(55, 124, 78);
}
.light-green-hover:hover svg path {
  fill: rgb(55, 124, 78);
}

.light-green-text-10 {
  color: rgba(55, 124, 78, 0.1);
}

.light-green-text-20 {
  color: rgba(55, 124, 78, 0.2);
}

.light-green-text-30 {
  color: rgba(55, 124, 78, 0.3);
}

.light-green-text-40 {
  color: rgba(55, 124, 78, 0.4);
}

.light-green-text-50 {
  color: rgba(55, 124, 78, 0.5);
}

.light-green-text-60 {
  color: rgba(55, 124, 78, 0.6);
}

.light-green-text-70 {
  color: rgba(55, 124, 78, 0.7);
}

.light-green-text-80 {
  color: rgba(55, 124, 78, 0.8);
}

.light-green-text-90 {
  color: rgba(55, 124, 78, 0.9);
}

.light-green-text-100 {
  color: #377c4e;
}

.dark-brown-text {
  color: rgb(46, 46, 46);
}

.dark-brown-hover:hover {
  color: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg {
  fill: rgb(46, 46, 46);
}
.dark-brown-hover:hover svg path {
  fill: rgb(46, 46, 46);
}

.dark-brown-text-10 {
  color: rgba(46, 46, 46, 0.1);
}

.dark-brown-text-20 {
  color: rgba(46, 46, 46, 0.2);
}

.dark-brown-text-30 {
  color: rgba(46, 46, 46, 0.3);
}

.dark-brown-text-40 {
  color: rgba(46, 46, 46, 0.4);
}

.dark-brown-text-50 {
  color: rgba(46, 46, 46, 0.5);
}

.dark-brown-text-60 {
  color: rgba(46, 46, 46, 0.6);
}

.dark-brown-text-70 {
  color: rgba(46, 46, 46, 0.7);
}

.dark-brown-text-80 {
  color: rgba(46, 46, 46, 0.8);
}

.dark-brown-text-90 {
  color: rgba(46, 46, 46, 0.9);
}

.dark-brown-text-100 {
  color: #2e2e2e;
}

.dark-red-text {
  color: rgb(74, 50, 47);
}

.dark-red-hover:hover {
  color: rgb(74, 50, 47);
}
.dark-red-hover:hover svg {
  fill: rgb(74, 50, 47);
}
.dark-red-hover:hover svg path {
  fill: rgb(74, 50, 47);
}

.dark-red-text-10 {
  color: rgba(74, 50, 47, 0.1);
}

.dark-red-text-20 {
  color: rgba(74, 50, 47, 0.2);
}

.dark-red-text-30 {
  color: rgba(74, 50, 47, 0.3);
}

.dark-red-text-40 {
  color: rgba(74, 50, 47, 0.4);
}

.dark-red-text-50 {
  color: rgba(74, 50, 47, 0.5);
}

.dark-red-text-60 {
  color: rgba(74, 50, 47, 0.6);
}

.dark-red-text-70 {
  color: rgba(74, 50, 47, 0.7);
}

.dark-red-text-80 {
  color: rgba(74, 50, 47, 0.8);
}

.dark-red-text-90 {
  color: rgba(74, 50, 47, 0.9);
}

.dark-red-text-100 {
  color: #4a322f;
}

.light-red-text {
  color: rgb(140, 12, 12);
}

.light-red-hover:hover {
  color: rgb(140, 12, 12);
}
.light-red-hover:hover svg {
  fill: rgb(140, 12, 12);
}
.light-red-hover:hover svg path {
  fill: rgb(140, 12, 12);
}

.light-red-text-10 {
  color: rgba(140, 12, 12, 0.1);
}

.light-red-text-20 {
  color: rgba(140, 12, 12, 0.2);
}

.light-red-text-30 {
  color: rgba(140, 12, 12, 0.3);
}

.light-red-text-40 {
  color: rgba(140, 12, 12, 0.4);
}

.light-red-text-50 {
  color: rgba(140, 12, 12, 0.5);
}

.light-red-text-60 {
  color: rgba(140, 12, 12, 0.6);
}

.light-red-text-70 {
  color: rgba(140, 12, 12, 0.7);
}

.light-red-text-80 {
  color: rgba(140, 12, 12, 0.8);
}

.light-red-text-90 {
  color: rgba(140, 12, 12, 0.9);
}

.light-red-text-100 {
  color: #8c0c0c;
}

.light-beige-text {
  color: rgb(174, 166, 148);
}

.light-beige-hover:hover {
  color: rgb(174, 166, 148);
}
.light-beige-hover:hover svg {
  fill: rgb(174, 166, 148);
}
.light-beige-hover:hover svg path {
  fill: rgb(174, 166, 148);
}

.light-beige-text-10 {
  color: rgba(174, 166, 148, 0.1);
}

.light-beige-text-20 {
  color: rgba(174, 166, 148, 0.2);
}

.light-beige-text-30 {
  color: rgba(174, 166, 148, 0.3);
}

.light-beige-text-40 {
  color: rgba(174, 166, 148, 0.4);
}

.light-beige-text-50 {
  color: rgba(174, 166, 148, 0.5);
}

.light-beige-text-60 {
  color: rgba(174, 166, 148, 0.6);
}

.light-beige-text-70 {
  color: rgba(174, 166, 148, 0.7);
}

.light-beige-text-80 {
  color: rgba(174, 166, 148, 0.8);
}

.light-beige-text-90 {
  color: rgba(174, 166, 148, 0.9);
}

.light-beige-text-100 {
  color: #aea694;
}

.beige-tint-1-text {
  color: #f7f6f4;
}

.beige-tint-1-hover:hover {
  color: #f7f6f4;
}
.beige-tint-1-hover:hover svg {
  fill: #f7f6f4;
}
.beige-tint-1-hover:hover svg path {
  fill: #f7f6f4;
}

.beige-tint-1-text-10 {
  color: rgba(247, 246, 244, 0.1);
}

.beige-tint-1-text-20 {
  color: rgba(247, 246, 244, 0.2);
}

.beige-tint-1-text-30 {
  color: rgba(247, 246, 244, 0.3);
}

.beige-tint-1-text-40 {
  color: rgba(247, 246, 244, 0.4);
}

.beige-tint-1-text-50 {
  color: rgba(247, 246, 244, 0.5);
}

.beige-tint-1-text-60 {
  color: rgba(247, 246, 244, 0.6);
}

.beige-tint-1-text-70 {
  color: rgba(247, 246, 244, 0.7);
}

.beige-tint-1-text-80 {
  color: rgba(247, 246, 244, 0.8);
}

.beige-tint-1-text-90 {
  color: rgba(247, 246, 244, 0.9);
}

.beige-tint-1-text-100 {
  color: #f7f6f4;
}

.beige-tint-2-text {
  color: #f1f0ee;
}

.beige-tint-2-hover:hover {
  color: #f1f0ee;
}
.beige-tint-2-hover:hover svg {
  fill: #f1f0ee;
}
.beige-tint-2-hover:hover svg path {
  fill: #f1f0ee;
}

.beige-tint-2-text-10 {
  color: rgba(241, 240, 238, 0.1);
}

.beige-tint-2-text-20 {
  color: rgba(241, 240, 238, 0.2);
}

.beige-tint-2-text-30 {
  color: rgba(241, 240, 238, 0.3);
}

.beige-tint-2-text-40 {
  color: rgba(241, 240, 238, 0.4);
}

.beige-tint-2-text-50 {
  color: rgba(241, 240, 238, 0.5);
}

.beige-tint-2-text-60 {
  color: rgba(241, 240, 238, 0.6);
}

.beige-tint-2-text-70 {
  color: rgba(241, 240, 238, 0.7);
}

.beige-tint-2-text-80 {
  color: rgba(241, 240, 238, 0.8);
}

.beige-tint-2-text-90 {
  color: rgba(241, 240, 238, 0.9);
}

.beige-tint-2-text-100 {
  color: #f1f0ee;
}

.light-orange-text {
  color: rgb(210, 81, 8);
}

.light-orange-hover:hover {
  color: rgb(210, 81, 8);
}
.light-orange-hover:hover svg {
  fill: rgb(210, 81, 8);
}
.light-orange-hover:hover svg path {
  fill: rgb(210, 81, 8);
}

.light-orange-text-10 {
  color: rgba(210, 81, 8, 0.1);
}

.light-orange-text-20 {
  color: rgba(210, 81, 8, 0.2);
}

.light-orange-text-30 {
  color: rgba(210, 81, 8, 0.3);
}

.light-orange-text-40 {
  color: rgba(210, 81, 8, 0.4);
}

.light-orange-text-50 {
  color: rgba(210, 81, 8, 0.5);
}

.light-orange-text-60 {
  color: rgba(210, 81, 8, 0.6);
}

.light-orange-text-70 {
  color: rgba(210, 81, 8, 0.7);
}

.light-orange-text-80 {
  color: rgba(210, 81, 8, 0.8);
}

.light-orange-text-90 {
  color: rgba(210, 81, 8, 0.9);
}

.light-orange-text-100 {
  color: #d25108;
}

.sale-red-text {
  color: #91322f;
}

.sale-red-hover:hover {
  color: #91322f;
}
.sale-red-hover:hover svg {
  fill: #91322f;
}
.sale-red-hover:hover svg path {
  fill: #91322f;
}

.sale-red-text-10 {
  color: rgba(145, 50, 47, 0.1);
}

.sale-red-text-20 {
  color: rgba(145, 50, 47, 0.2);
}

.sale-red-text-30 {
  color: rgba(145, 50, 47, 0.3);
}

.sale-red-text-40 {
  color: rgba(145, 50, 47, 0.4);
}

.sale-red-text-50 {
  color: rgba(145, 50, 47, 0.5);
}

.sale-red-text-60 {
  color: rgba(145, 50, 47, 0.6);
}

.sale-red-text-70 {
  color: rgba(145, 50, 47, 0.7);
}

.sale-red-text-80 {
  color: rgba(145, 50, 47, 0.8);
}

.sale-red-text-90 {
  color: rgba(145, 50, 47, 0.9);
}

.sale-red-text-100 {
  color: #91322f;
}

.light-white-b {
  border: 1px solid rgb(255, 255, 255);
}

.light-white-bt {
  border-top: 1px solid rgb(255, 255, 255);
}

.light-white-bb {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bl {
  border-left: 1px solid rgb(255, 255, 255);
}

.light-white-br {
  border-right: 1px solid rgb(255, 255, 255);
}

.light-white-by {
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}

.light-white-bx {
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
}

@media only screen and (max-width: 47.99rem) {
  .light-white-b-xs {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-xs {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-xs {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-xs {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-xs {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-xs {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-xs {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 48rem) {
  .light-white-b-sm {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-sm {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-sm {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-sm {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-sm {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-sm {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-sm {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 65rem) {
  .light-white-b-md {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-md {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-md {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-md {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-md {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-md {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-md {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-white-b-lg {
    border: 1px solid rgb(255, 255, 255);
  }

  .light-white-bt-lg {
    border-top: 1px solid rgb(255, 255, 255);
  }

  .light-white-bb-lg {
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bl-lg {
    border-left: 1px solid rgb(255, 255, 255);
  }

  .light-white-br-lg {
    border-right: 1px solid rgb(255, 255, 255);
  }

  .light-white-by-lg {
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
  }

  .light-white-bx-lg {
    border-right: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
  }
}
.dark-black-b {
  border: 1px solid rgb(0, 0, 0);
}

.dark-black-bt {
  border-top: 1px solid rgb(0, 0, 0);
}

.dark-black-bb {
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bl {
  border-left: 1px solid rgb(0, 0, 0);
}

.dark-black-br {
  border-right: 1px solid rgb(0, 0, 0);
}

.dark-black-by {
  border-top: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgb(0, 0, 0);
}

.dark-black-bx {
  border-right: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgb(0, 0, 0);
}

@media only screen and (max-width: 47.99rem) {
  .dark-black-b-xs {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-xs {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-xs {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-xs {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-xs {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-xs {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-xs {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-black-b-sm {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-sm {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-sm {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-sm {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-sm {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-sm {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-sm {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-black-b-md {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-md {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-md {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-md {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-md {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-md {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-md {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-black-b-lg {
    border: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bt-lg {
    border-top: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bb-lg {
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bl-lg {
    border-left: 1px solid rgb(0, 0, 0);
  }

  .dark-black-br-lg {
    border-right: 1px solid rgb(0, 0, 0);
  }

  .dark-black-by-lg {
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
  }

  .dark-black-bx-lg {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  }
}
.dark-grey-b {
  border: 1px solid #717171;
}

.dark-grey-bt {
  border-top: 1px solid #717171;
}

.dark-grey-bb {
  border-bottom: 1px solid #717171;
}

.dark-grey-bl {
  border-left: 1px solid #717171;
}

.dark-grey-br {
  border-right: 1px solid #717171;
}

.dark-grey-by {
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
}

.dark-grey-bx {
  border-right: 1px solid #717171;
  border-left: 1px solid #717171;
}

@media only screen and (max-width: 47.99rem) {
  .dark-grey-b-xs {
    border: 1px solid #717171;
  }

  .dark-grey-bt-xs {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-xs {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-xs {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-xs {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-xs {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-xs {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 48rem) {
  .dark-grey-b-sm {
    border: 1px solid #717171;
  }

  .dark-grey-bt-sm {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-sm {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-sm {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-sm {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-sm {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-sm {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 65rem) {
  .dark-grey-b-md {
    border: 1px solid #717171;
  }

  .dark-grey-bt-md {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-md {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-md {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-md {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-md {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-md {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-grey-b-lg {
    border: 1px solid #717171;
  }

  .dark-grey-bt-lg {
    border-top: 1px solid #717171;
  }

  .dark-grey-bb-lg {
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bl-lg {
    border-left: 1px solid #717171;
  }

  .dark-grey-br-lg {
    border-right: 1px solid #717171;
  }

  .dark-grey-by-lg {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
  }

  .dark-grey-bx-lg {
    border-right: 1px solid #717171;
    border-left: 1px solid #717171;
  }
}
.darker-grey-b {
  border: 1px solid rgb(60, 60, 60);
}

.darker-grey-bt {
  border-top: 1px solid rgb(60, 60, 60);
}

.darker-grey-bb {
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bl {
  border-left: 1px solid rgb(60, 60, 60);
}

.darker-grey-br {
  border-right: 1px solid rgb(60, 60, 60);
}

.darker-grey-by {
  border-top: 1px solid rgb(60, 60, 60);
  border-bottom: 1px solid rgb(60, 60, 60);
}

.darker-grey-bx {
  border-right: 1px solid rgb(60, 60, 60);
  border-left: 1px solid rgb(60, 60, 60);
}

@media only screen and (max-width: 47.99rem) {
  .darker-grey-b-xs {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-xs {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-xs {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-xs {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-xs {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-xs {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-xs {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 48rem) {
  .darker-grey-b-sm {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-sm {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-sm {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-sm {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-sm {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-sm {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-sm {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 65rem) {
  .darker-grey-b-md {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-md {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-md {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-md {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-md {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-md {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-md {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
@media only screen and (min-width: 85.375rem) {
  .darker-grey-b-lg {
    border: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bt-lg {
    border-top: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bb-lg {
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bl-lg {
    border-left: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-br-lg {
    border-right: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-by-lg {
    border-top: 1px solid rgb(60, 60, 60);
    border-bottom: 1px solid rgb(60, 60, 60);
  }

  .darker-grey-bx-lg {
    border-right: 1px solid rgb(60, 60, 60);
    border-left: 1px solid rgb(60, 60, 60);
  }
}
.light-grey-b {
  border: 1px solid #d0d0d0;
}

.light-grey-bt {
  border-top: 1px solid #d0d0d0;
}

.light-grey-bb {
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bl {
  border-left: 1px solid #d0d0d0;
}

.light-grey-br {
  border-right: 1px solid #d0d0d0;
}

.light-grey-by {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.light-grey-bx {
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

@media only screen and (max-width: 47.99rem) {
  .light-grey-b-xs {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-xs {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-xs {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-xs {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-xs {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-xs {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-xs {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 48rem) {
  .light-grey-b-sm {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-sm {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-sm {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-sm {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-sm {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-sm {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-sm {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 65rem) {
  .light-grey-b-md {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-md {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-md {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-md {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-md {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-md {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-md {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-grey-b-lg {
    border: 1px solid #d0d0d0;
  }

  .light-grey-bt-lg {
    border-top: 1px solid #d0d0d0;
  }

  .light-grey-bb-lg {
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bl-lg {
    border-left: 1px solid #d0d0d0;
  }

  .light-grey-br-lg {
    border-right: 1px solid #d0d0d0;
  }

  .light-grey-by-lg {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
  }

  .light-grey-bx-lg {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
  }
}
.dark-blue-b {
  border: 1px solid rgb(8, 41, 57);
}

.dark-blue-bt {
  border-top: 1px solid rgb(8, 41, 57);
}

.dark-blue-bb {
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bl {
  border-left: 1px solid rgb(8, 41, 57);
}

.dark-blue-br {
  border-right: 1px solid rgb(8, 41, 57);
}

.dark-blue-by {
  border-top: 1px solid rgb(8, 41, 57);
  border-bottom: 1px solid rgb(8, 41, 57);
}

.dark-blue-bx {
  border-right: 1px solid rgb(8, 41, 57);
  border-left: 1px solid rgb(8, 41, 57);
}

@media only screen and (max-width: 47.99rem) {
  .dark-blue-b-xs {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-xs {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-xs {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-xs {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-xs {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-xs {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-xs {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-blue-b-sm {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-sm {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-sm {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-sm {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-sm {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-sm {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-sm {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-blue-b-md {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-md {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-md {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-md {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-md {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-md {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-md {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-blue-b-lg {
    border: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bt-lg {
    border-top: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bb-lg {
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bl-lg {
    border-left: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-br-lg {
    border-right: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-by-lg {
    border-top: 1px solid rgb(8, 41, 57);
    border-bottom: 1px solid rgb(8, 41, 57);
  }

  .dark-blue-bx-lg {
    border-right: 1px solid rgb(8, 41, 57);
    border-left: 1px solid rgb(8, 41, 57);
  }
}
.light-blue-b {
  border: 1px solid rgb(4, 71, 120);
}

.light-blue-bt {
  border-top: 1px solid rgb(4, 71, 120);
}

.light-blue-bb {
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bl {
  border-left: 1px solid rgb(4, 71, 120);
}

.light-blue-br {
  border-right: 1px solid rgb(4, 71, 120);
}

.light-blue-by {
  border-top: 1px solid rgb(4, 71, 120);
  border-bottom: 1px solid rgb(4, 71, 120);
}

.light-blue-bx {
  border-right: 1px solid rgb(4, 71, 120);
  border-left: 1px solid rgb(4, 71, 120);
}

@media only screen and (max-width: 47.99rem) {
  .light-blue-b-xs {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-xs {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-xs {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-xs {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-xs {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-xs {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-xs {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 48rem) {
  .light-blue-b-sm {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-sm {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-sm {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-sm {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-sm {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-sm {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-sm {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 65rem) {
  .light-blue-b-md {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-md {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-md {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-md {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-md {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-md {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-md {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-blue-b-lg {
    border: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bt-lg {
    border-top: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bb-lg {
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bl-lg {
    border-left: 1px solid rgb(4, 71, 120);
  }

  .light-blue-br-lg {
    border-right: 1px solid rgb(4, 71, 120);
  }

  .light-blue-by-lg {
    border-top: 1px solid rgb(4, 71, 120);
    border-bottom: 1px solid rgb(4, 71, 120);
  }

  .light-blue-bx-lg {
    border-right: 1px solid rgb(4, 71, 120);
    border-left: 1px solid rgb(4, 71, 120);
  }
}
.dark-green-b {
  border: 1px solid rgb(37, 57, 52);
}

.dark-green-bt {
  border-top: 1px solid rgb(37, 57, 52);
}

.dark-green-bb {
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bl {
  border-left: 1px solid rgb(37, 57, 52);
}

.dark-green-br {
  border-right: 1px solid rgb(37, 57, 52);
}

.dark-green-by {
  border-top: 1px solid rgb(37, 57, 52);
  border-bottom: 1px solid rgb(37, 57, 52);
}

.dark-green-bx {
  border-right: 1px solid rgb(37, 57, 52);
  border-left: 1px solid rgb(37, 57, 52);
}

@media only screen and (max-width: 47.99rem) {
  .dark-green-b-xs {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-xs {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-xs {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-xs {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-xs {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-xs {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-xs {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-green-b-sm {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-sm {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-sm {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-sm {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-sm {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-sm {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-sm {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-green-b-md {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-md {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-md {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-md {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-md {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-md {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-md {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-green-b-lg {
    border: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bt-lg {
    border-top: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bb-lg {
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bl-lg {
    border-left: 1px solid rgb(37, 57, 52);
  }

  .dark-green-br-lg {
    border-right: 1px solid rgb(37, 57, 52);
  }

  .dark-green-by-lg {
    border-top: 1px solid rgb(37, 57, 52);
    border-bottom: 1px solid rgb(37, 57, 52);
  }

  .dark-green-bx-lg {
    border-right: 1px solid rgb(37, 57, 52);
    border-left: 1px solid rgb(37, 57, 52);
  }
}
.light-green-b {
  border: 1px solid rgb(55, 124, 78);
}

.light-green-bt {
  border-top: 1px solid rgb(55, 124, 78);
}

.light-green-bb {
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bl {
  border-left: 1px solid rgb(55, 124, 78);
}

.light-green-br {
  border-right: 1px solid rgb(55, 124, 78);
}

.light-green-by {
  border-top: 1px solid rgb(55, 124, 78);
  border-bottom: 1px solid rgb(55, 124, 78);
}

.light-green-bx {
  border-right: 1px solid rgb(55, 124, 78);
  border-left: 1px solid rgb(55, 124, 78);
}

@media only screen and (max-width: 47.99rem) {
  .light-green-b-xs {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-xs {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-xs {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-xs {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-xs {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-xs {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-xs {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 48rem) {
  .light-green-b-sm {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-sm {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-sm {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-sm {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-sm {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-sm {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-sm {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 65rem) {
  .light-green-b-md {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-md {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-md {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-md {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-md {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-md {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-md {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-green-b-lg {
    border: 1px solid rgb(55, 124, 78);
  }

  .light-green-bt-lg {
    border-top: 1px solid rgb(55, 124, 78);
  }

  .light-green-bb-lg {
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bl-lg {
    border-left: 1px solid rgb(55, 124, 78);
  }

  .light-green-br-lg {
    border-right: 1px solid rgb(55, 124, 78);
  }

  .light-green-by-lg {
    border-top: 1px solid rgb(55, 124, 78);
    border-bottom: 1px solid rgb(55, 124, 78);
  }

  .light-green-bx-lg {
    border-right: 1px solid rgb(55, 124, 78);
    border-left: 1px solid rgb(55, 124, 78);
  }
}
.dark-brown-b {
  border: 1px solid rgb(46, 46, 46);
}

.dark-brown-bt {
  border-top: 1px solid rgb(46, 46, 46);
}

.dark-brown-bb {
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bl {
  border-left: 1px solid rgb(46, 46, 46);
}

.dark-brown-br {
  border-right: 1px solid rgb(46, 46, 46);
}

.dark-brown-by {
  border-top: 1px solid rgb(46, 46, 46);
  border-bottom: 1px solid rgb(46, 46, 46);
}

.dark-brown-bx {
  border-right: 1px solid rgb(46, 46, 46);
  border-left: 1px solid rgb(46, 46, 46);
}

@media only screen and (max-width: 47.99rem) {
  .dark-brown-b-xs {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-xs {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-xs {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-xs {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-xs {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-xs {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-xs {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-brown-b-sm {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-sm {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-sm {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-sm {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-sm {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-sm {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-sm {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-brown-b-md {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-md {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-md {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-md {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-md {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-md {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-md {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-brown-b-lg {
    border: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bt-lg {
    border-top: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bb-lg {
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bl-lg {
    border-left: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-br-lg {
    border-right: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-by-lg {
    border-top: 1px solid rgb(46, 46, 46);
    border-bottom: 1px solid rgb(46, 46, 46);
  }

  .dark-brown-bx-lg {
    border-right: 1px solid rgb(46, 46, 46);
    border-left: 1px solid rgb(46, 46, 46);
  }
}
.dark-red-b {
  border: 1px solid rgb(74, 50, 47);
}

.dark-red-bt {
  border-top: 1px solid rgb(74, 50, 47);
}

.dark-red-bb {
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bl {
  border-left: 1px solid rgb(74, 50, 47);
}

.dark-red-br {
  border-right: 1px solid rgb(74, 50, 47);
}

.dark-red-by {
  border-top: 1px solid rgb(74, 50, 47);
  border-bottom: 1px solid rgb(74, 50, 47);
}

.dark-red-bx {
  border-right: 1px solid rgb(74, 50, 47);
  border-left: 1px solid rgb(74, 50, 47);
}

@media only screen and (max-width: 47.99rem) {
  .dark-red-b-xs {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-xs {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-xs {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-xs {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-xs {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-xs {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-xs {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 48rem) {
  .dark-red-b-sm {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-sm {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-sm {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-sm {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-sm {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-sm {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-sm {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 65rem) {
  .dark-red-b-md {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-md {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-md {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-md {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-md {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-md {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-md {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
@media only screen and (min-width: 85.375rem) {
  .dark-red-b-lg {
    border: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bt-lg {
    border-top: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bb-lg {
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bl-lg {
    border-left: 1px solid rgb(74, 50, 47);
  }

  .dark-red-br-lg {
    border-right: 1px solid rgb(74, 50, 47);
  }

  .dark-red-by-lg {
    border-top: 1px solid rgb(74, 50, 47);
    border-bottom: 1px solid rgb(74, 50, 47);
  }

  .dark-red-bx-lg {
    border-right: 1px solid rgb(74, 50, 47);
    border-left: 1px solid rgb(74, 50, 47);
  }
}
.light-red-b {
  border: 1px solid rgb(140, 12, 12);
}

.light-red-bt {
  border-top: 1px solid rgb(140, 12, 12);
}

.light-red-bb {
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bl {
  border-left: 1px solid rgb(140, 12, 12);
}

.light-red-br {
  border-right: 1px solid rgb(140, 12, 12);
}

.light-red-by {
  border-top: 1px solid rgb(140, 12, 12);
  border-bottom: 1px solid rgb(140, 12, 12);
}

.light-red-bx {
  border-right: 1px solid rgb(140, 12, 12);
  border-left: 1px solid rgb(140, 12, 12);
}

@media only screen and (max-width: 47.99rem) {
  .light-red-b-xs {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-xs {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-xs {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-xs {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-xs {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-xs {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-xs {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 48rem) {
  .light-red-b-sm {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-sm {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-sm {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-sm {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-sm {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-sm {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-sm {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 65rem) {
  .light-red-b-md {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-md {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-md {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-md {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-md {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-md {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-md {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-red-b-lg {
    border: 1px solid rgb(140, 12, 12);
  }

  .light-red-bt-lg {
    border-top: 1px solid rgb(140, 12, 12);
  }

  .light-red-bb-lg {
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bl-lg {
    border-left: 1px solid rgb(140, 12, 12);
  }

  .light-red-br-lg {
    border-right: 1px solid rgb(140, 12, 12);
  }

  .light-red-by-lg {
    border-top: 1px solid rgb(140, 12, 12);
    border-bottom: 1px solid rgb(140, 12, 12);
  }

  .light-red-bx-lg {
    border-right: 1px solid rgb(140, 12, 12);
    border-left: 1px solid rgb(140, 12, 12);
  }
}
.light-beige-b {
  border: 1px solid rgb(174, 166, 148);
}

.light-beige-bt {
  border-top: 1px solid rgb(174, 166, 148);
}

.light-beige-bb {
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bl {
  border-left: 1px solid rgb(174, 166, 148);
}

.light-beige-br {
  border-right: 1px solid rgb(174, 166, 148);
}

.light-beige-by {
  border-top: 1px solid rgb(174, 166, 148);
  border-bottom: 1px solid rgb(174, 166, 148);
}

.light-beige-bx {
  border-right: 1px solid rgb(174, 166, 148);
  border-left: 1px solid rgb(174, 166, 148);
}

@media only screen and (max-width: 47.99rem) {
  .light-beige-b-xs {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-xs {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-xs {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-xs {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-xs {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-xs {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-xs {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 48rem) {
  .light-beige-b-sm {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-sm {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-sm {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-sm {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-sm {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-sm {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-sm {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 65rem) {
  .light-beige-b-md {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-md {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-md {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-md {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-md {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-md {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-md {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-beige-b-lg {
    border: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bt-lg {
    border-top: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bb-lg {
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bl-lg {
    border-left: 1px solid rgb(174, 166, 148);
  }

  .light-beige-br-lg {
    border-right: 1px solid rgb(174, 166, 148);
  }

  .light-beige-by-lg {
    border-top: 1px solid rgb(174, 166, 148);
    border-bottom: 1px solid rgb(174, 166, 148);
  }

  .light-beige-bx-lg {
    border-right: 1px solid rgb(174, 166, 148);
    border-left: 1px solid rgb(174, 166, 148);
  }
}
.beige-tint-1-b {
  border: 1px solid #f7f6f4;
}

.beige-tint-1-bt {
  border-top: 1px solid #f7f6f4;
}

.beige-tint-1-bb {
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bl {
  border-left: 1px solid #f7f6f4;
}

.beige-tint-1-br {
  border-right: 1px solid #f7f6f4;
}

.beige-tint-1-by {
  border-top: 1px solid #f7f6f4;
  border-bottom: 1px solid #f7f6f4;
}

.beige-tint-1-bx {
  border-right: 1px solid #f7f6f4;
  border-left: 1px solid #f7f6f4;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-1-b-xs {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-xs {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-xs {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-xs {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-xs {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-xs {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-xs {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-1-b-sm {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-sm {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-sm {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-sm {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-sm {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-sm {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-sm {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-1-b-md {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-md {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-md {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-md {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-md {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-md {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-md {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-1-b-lg {
    border: 1px solid #f7f6f4;
  }

  .beige-tint-1-bt-lg {
    border-top: 1px solid #f7f6f4;
  }

  .beige-tint-1-bb-lg {
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bl-lg {
    border-left: 1px solid #f7f6f4;
  }

  .beige-tint-1-br-lg {
    border-right: 1px solid #f7f6f4;
  }

  .beige-tint-1-by-lg {
    border-top: 1px solid #f7f6f4;
    border-bottom: 1px solid #f7f6f4;
  }

  .beige-tint-1-bx-lg {
    border-right: 1px solid #f7f6f4;
    border-left: 1px solid #f7f6f4;
  }
}
.beige-tint-2-b {
  border: 1px solid #f1f0ee;
}

.beige-tint-2-bt {
  border-top: 1px solid #f1f0ee;
}

.beige-tint-2-bb {
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bl {
  border-left: 1px solid #f1f0ee;
}

.beige-tint-2-br {
  border-right: 1px solid #f1f0ee;
}

.beige-tint-2-by {
  border-top: 1px solid #f1f0ee;
  border-bottom: 1px solid #f1f0ee;
}

.beige-tint-2-bx {
  border-right: 1px solid #f1f0ee;
  border-left: 1px solid #f1f0ee;
}

@media only screen and (max-width: 47.99rem) {
  .beige-tint-2-b-xs {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-xs {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-xs {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-xs {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-xs {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-xs {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-xs {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 48rem) {
  .beige-tint-2-b-sm {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-sm {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-sm {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-sm {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-sm {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-sm {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-sm {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 65rem) {
  .beige-tint-2-b-md {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-md {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-md {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-md {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-md {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-md {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-md {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
@media only screen and (min-width: 85.375rem) {
  .beige-tint-2-b-lg {
    border: 1px solid #f1f0ee;
  }

  .beige-tint-2-bt-lg {
    border-top: 1px solid #f1f0ee;
  }

  .beige-tint-2-bb-lg {
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bl-lg {
    border-left: 1px solid #f1f0ee;
  }

  .beige-tint-2-br-lg {
    border-right: 1px solid #f1f0ee;
  }

  .beige-tint-2-by-lg {
    border-top: 1px solid #f1f0ee;
    border-bottom: 1px solid #f1f0ee;
  }

  .beige-tint-2-bx-lg {
    border-right: 1px solid #f1f0ee;
    border-left: 1px solid #f1f0ee;
  }
}
.light-orange-b {
  border: 1px solid rgb(210, 81, 8);
}

.light-orange-bt {
  border-top: 1px solid rgb(210, 81, 8);
}

.light-orange-bb {
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bl {
  border-left: 1px solid rgb(210, 81, 8);
}

.light-orange-br {
  border-right: 1px solid rgb(210, 81, 8);
}

.light-orange-by {
  border-top: 1px solid rgb(210, 81, 8);
  border-bottom: 1px solid rgb(210, 81, 8);
}

.light-orange-bx {
  border-right: 1px solid rgb(210, 81, 8);
  border-left: 1px solid rgb(210, 81, 8);
}

@media only screen and (max-width: 47.99rem) {
  .light-orange-b-xs {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-xs {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-xs {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-xs {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-xs {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-xs {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-xs {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 48rem) {
  .light-orange-b-sm {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-sm {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-sm {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-sm {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-sm {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-sm {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-sm {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 65rem) {
  .light-orange-b-md {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-md {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-md {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-md {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-md {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-md {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-md {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
@media only screen and (min-width: 85.375rem) {
  .light-orange-b-lg {
    border: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bt-lg {
    border-top: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bb-lg {
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bl-lg {
    border-left: 1px solid rgb(210, 81, 8);
  }

  .light-orange-br-lg {
    border-right: 1px solid rgb(210, 81, 8);
  }

  .light-orange-by-lg {
    border-top: 1px solid rgb(210, 81, 8);
    border-bottom: 1px solid rgb(210, 81, 8);
  }

  .light-orange-bx-lg {
    border-right: 1px solid rgb(210, 81, 8);
    border-left: 1px solid rgb(210, 81, 8);
  }
}
.sale-red-b {
  border: 1px solid #91322f;
}

.sale-red-bt {
  border-top: 1px solid #91322f;
}

.sale-red-bb {
  border-bottom: 1px solid #91322f;
}

.sale-red-bl {
  border-left: 1px solid #91322f;
}

.sale-red-br {
  border-right: 1px solid #91322f;
}

.sale-red-by {
  border-top: 1px solid #91322f;
  border-bottom: 1px solid #91322f;
}

.sale-red-bx {
  border-right: 1px solid #91322f;
  border-left: 1px solid #91322f;
}

@media only screen and (max-width: 47.99rem) {
  .sale-red-b-xs {
    border: 1px solid #91322f;
  }

  .sale-red-bt-xs {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-xs {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-xs {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-xs {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-xs {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-xs {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 48rem) {
  .sale-red-b-sm {
    border: 1px solid #91322f;
  }

  .sale-red-bt-sm {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-sm {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-sm {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-sm {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-sm {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-sm {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 65rem) {
  .sale-red-b-md {
    border: 1px solid #91322f;
  }

  .sale-red-bt-md {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-md {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-md {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-md {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-md {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-md {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
@media only screen and (min-width: 85.375rem) {
  .sale-red-b-lg {
    border: 1px solid #91322f;
  }

  .sale-red-bt-lg {
    border-top: 1px solid #91322f;
  }

  .sale-red-bb-lg {
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bl-lg {
    border-left: 1px solid #91322f;
  }

  .sale-red-br-lg {
    border-right: 1px solid #91322f;
  }

  .sale-red-by-lg {
    border-top: 1px solid #91322f;
    border-bottom: 1px solid #91322f;
  }

  .sale-red-bx-lg {
    border-right: 1px solid #91322f;
    border-left: 1px solid #91322f;
  }
}
.bg-none {
  background: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .bg-none-xs {
    background: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .bg-none-sm {
    background: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .bg-none-md {
    background: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .bg-none-lg {
    background: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .bg-none-xl {
    background: none !important;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .bg-none-mobile {
    background: none !important;
  }
}
.rotate-0 {
  transform: rotate(0deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.rotate-360 {
  transform: rotate(360deg);
}

html, body, textarea, input {
  font-family: "GT America";
  font-weight: 300;
}

/* ========================================
   ACCESSIBILITY UTILITIES
   ======================================== */
/* Screen reader only utility */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Skip to main content link (WCAG 2.4.1) */
.skip-link {
  position: absolute;
  left: -999px;
  top: -999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
}
.skip-link:focus-visible, .skip-link:active {
  position: fixed !important;
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: #fff !important;
  color: #082939;
  border-radius: 1px;
  outline: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 99999999999999 !important;
}

/* WCAG-Compliant Sale Price Styling
   Semantic <del> tags with accessible strike-through that doesn't
   interfere with digit legibility or mimic link underlines */
del,
[class*="--regular--sale"] {
  position: relative;
  text-decoration: none;
  font-variant-numeric: lining-nums tabular-nums;
  /* Custom strike-through positioned above digit counters */
}
del::after,
[class*="--regular--sale"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0.62em;
  /* Adjust 0.58–0.66em based on font */
  border-top: 1px solid currentColor;
  pointer-events: none;
}

/* High contrast mode support */
@media (prefers-contrast: more) {
  del::after,
[class*="--regular--sale"]::after {
    border-top-width: 2px;
  }
}
/* ========================================
   END ACCESSIBILITY UTILITIES
   ======================================== */
/* ========================================
   LAYOUT UTILITIES
   ======================================== */
.page--container {
  z-index: 3;
}

/* ========================================
   BUTTON RESETS
   ======================================== */
button {
  background: none;
}

button.login-icon-btn {
  padding: 0;
}

/* ========================================
   NAVIGATION UTILITIES
   ======================================== */
#main--nav .menu__categories > li:nth-child(2) {
  order: 0 !important;
}

.showForLoggedInOnly {
  display: none !important;
}

.hideForLoggedInOnly {
  display: block !important;
}

.inloggad .showForLoggedInOnly {
  display: block !important;
}
.inloggad .hideForLoggedInOnly {
  display: none !important;
}

/* SAFARI GAP FIX */
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  a:not(:last-child), div:not(:last-child), span:not(:last-child) {
    margin-right: 0.5rem;
  }
}
/* CUSTOM SCROLLBAR */
/* width */
div::-webkit-scrollbar, ul::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

/* Video general styling*/
video {
  outline: none;
  height: auto;
  max-width: 100%;
}

/* Track */
div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1019607843);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

/* Handle */
div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
  background: #595959;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #082939;
}

main {
  background: #F7F6F4;
  max-width: 100%;
  margin: 0 auto;
  /*
  @media only screen and (max-width: 47.99rem) {
    overflow: hidden;
  }
  */
}

.searchQuery {
  margin-left: 1rem;
  margin-right: 1rem;
  text-transform: capitalize;
}

@font-face {
  font-family: "Financier Display";
  src: url(/themes/hypefront/assets/fonts/financier-display-light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT America";
  src: url(/themes/hypefront/assets/fonts/GT-America-Standard-Thin.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GT America";
  src: url(/themes/hypefront/assets/fonts/GT-America-Standard-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
button {
  font-weight: 300;
  border: none;
}
button:hover {
  cursor: pointer;
}

.not_found .cm-img-wrapper img {
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

/* Loading spinner */
.spinner {
  animation: spin 2s linear infinite;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #09293a;
  width: 50%;
  display: none;
  max-width: 40px;
  top: 50%;
  left: 50%;
  aspect-ratio: 1;
  position: absolute;
  z-index: 999999;
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.listspinner {
  animation: spin 2s linear infinite;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #09293a;
  width: 50%;
  top: 50%;
  left: 50%;
  max-width: 80px;
  aspect-ratio: 1;
  display: none;
  position: absolute;
  z-index: 999999;
}

/* DEMO - Min stil flipper TA BORT */
@media only screen and (min-width: 48rem) {
  .myStyle__switch {
    width: 47px;
    line-height: 22px;
    min-width: 47px;
  }
  .myStyle__switch .input ~ .label::before {
    padding-left: 14px;
    letter-spacing: 0.06em;
  }
}
.myStyle {
  position: relative;
}
@media only screen and (max-width: 47.99rem) {
  .myStyle {
    align-items: center;
  }
}
.myStyle__text {
  margin-left: 12px;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3c3c3c;
}
.myStyle__switch {
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 26px;
  width: 56px;
  line-height: 26px;
  margin-left: 8px;
}
@media only screen and (min-width: 48rem) {
  .myStyle__switch {
    height: 22px;
    width: 36px;
  }
}
.myStyle__switch .input, .myStyle__switch input[class*=medskick] {
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.myStyle__switch .input:checked ~ .label, .myStyle__switch input[class*=medskick]:checked ~ .label {
  background: #044777 none repeat scroll 0 0;
}
.myStyle__switch .input:checked ~ .handle, .myStyle__switch input[class*=medskick]:checked ~ .handle {
  left: 28px;
}
.myStyle__switch .input ~ .label, .myStyle__switch input[class*=medskick] ~ .label {
  color: white;
  padding-left: 8px;
}
.myStyle__switch .label {
  background: #595959 none repeat scroll 0 0;
  border-radius: inherit;
  display: block;
  font-size: 10px;
  height: inherit;
  position: relative;
  text-transform: uppercase;
  transition: all 0.15s ease-out 0s;
}
.myStyle__switch .label::after, .myStyle__switch .label::before {
  line-height: 1;
  transition: inherit;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
}
.myStyle__switch .handle {
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  height: 22px;
  width: 22px;
  left: 3px;
  position: absolute;
  top: 2px;
  transition: left 0.15s ease-out 0s;
}
@media only screen and (min-width: 48rem) {
  .myStyle__switch .handle {
    top: 3px;
    height: 16px;
    width: 16px;
  }
}
.myStyle__switch .handle::before {
  height: 22px;
  width: 22px;
  border-radius: 11px;
  margin: -11px 0 0 -11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  background-color: #f9f9f9;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
}
@media only screen and (min-width: 48rem) {
  .myStyle__switch .handle::before {
    height: 16px;
    width: 16px;
    border-radius: 10px;
    margin: -8px 0 0 -8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
}
.myStyle.no-active-style-type .myStyle__switch,
.myStyle.no-active-style-type .myStyle__text {
  opacity: 0.5;
  pointer-events: none;
}
.myStyle .tooltip-span {
  display: none;
  background: #E4E1DC;
  font-size: 12px;
}
.myStyle:hover {
  cursor: pointer;
}
.myStyle:hover .tooltip-span.active {
  display: block;
  position: fixed;
  overflow: hidden;
  opacity: 1;
  z-index: 100;
  padding: 0.5rem;
  min-width: 120px;
}
.myStyle:hover .tooltip-span.active .notActive {
  display: none !important;
}
@media only screen and (max-width: 47.99rem) {
  .myStyle:hover .tooltip-span.active {
    top: 30px !important;
    right: 0 !important;
    left: auto !important;
    position: absolute !important;
  }
}
.myStyle:hover .tooltip-span.notActive {
  display: none;
}

/* Splide Slider */
.cm-category-list-slim .list-nav {
  background: #082939;
  color: white;
}
.cm-category-list-slim .list-nav svg path {
  stroke: #fff;
}

@media only screen and (max-width: 47.99rem) {
  .swiper-button-next, .swiper-button-prev {
    display: none !important;
  }
}
.swiper-button-next {
  right: 1rem !important;
}
.swiper-button-next:hover:after {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  background: #082939;
  color: white;
}
.swiper-button-next.active {
  opacity: 1;
  cursor: pointer;
  pointer-events: unset;
}
@media only screen and (min-width: 65rem) {
  .swiper-button-next {
    right: 2rem !important;
  }
  .swiper-button-next:after {
    padding: 0.9rem;
  }
}
.swiper-button-next:after {
  color: black;
  font-family: "Care-of-Carl-Icons" !important;
  content: "\e901" !important;
  font-size: 16px !important;
  background: white;
  padding: 1rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.swiper-button-prev {
  left: 1rem !important;
}
.swiper-button-prev:hover:after {
  background: #082939;
  color: white;
}
@media only screen and (min-width: 65rem) {
  .swiper-button-prev {
    left: 2rem !important;
  }
  .swiper-button-prev:after {
    padding: 0.9rem;
  }
}
.swiper-button-prev:after {
  color: black;
  font-family: "Care-of-Carl-Icons" !important;
  content: "\e902" !important;
  font-size: 16px !important;
  padding: 1rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.swiper-slide {
  height: unset !important;
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.swiper-css-mode > .swiper-wrapper {
  overflow-y: hidden !important;
  overflow-x: auto !important;
}

.swiper .swiper-pagination-bullet-active {
  background: white !important;
}
.swiper .swiper-pagination-bullet {
  opacity: 1 !important;
  background: none;
  border: 1px solid #ffffff !important;
}
.swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0 !important;
}

.ace_product_slider_single {
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  position: relative;
  background: #082939;
}
@media only screen and (min-width: 65rem) {
  .ace_product_slider_single .snapping--wrapper {
    padding: 6.563rem 7.188rem 2rem 7.188rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .ace_product_slider_single .snapping--wrapper {
    padding: 5rem 3.75rem 2rem 3.75rem;
  }
}
.ace_product_slider_single a, .ace_product_slider_single span:not(.product__price--campaign) {
  color: white;
}
@media only screen and (min-width: 65rem) {
  .ace_product_slider_single .product__container > *,
.ace_product_slider_single .product__price--campaign {
    color: white !important;
  }
}
.ace_product_slider_single .swiper-button-next, .ace_product_slider_single .swiper-button-prev {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}

.ace_product_slider_single:hover .swiper-button-next {
  opacity: 1 !important;
}

.ace_product_slider_single:hover .swiper-button-prev {
  opacity: 1 !important;
}

.ace_product_slider_multiple .product_card_wrapper {
  padding: 1rem 0 1rem 0rem;
  grid-column: 1;
}
@media only screen and (min-width: 65rem) {
  .ace_product_slider_multiple .product_card_wrapper {
    padding: 1rem 0 1rem 1rem;
    padding: 2.5rem 0 0.625rem 0;
    grid-column: 4/13;
    grid-row: 1;
  }
}

@media only screen and (max-width: 47.99rem) {
  .product_controller .rotate-270 {
    transform: none;
    text-align: center !important;
  }
}

.ace_product_slider_multiple {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.ace_product_slider_multiple .btn {
  width: unset;
  justify-content: center;
  padding: 1rem;
  border: 1px solid #082939;
}
.ace_product_slider_multiple .btn a::after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ace_product_slider_multiple h2 {
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 1rem;
}
.ace_product_slider_multiple .product_controller {
  padding: 2.5rem 1rem 1rem 1rem;
  grid-column: 1;
}
@media only screen and (min-width: 65rem) {
  .ace_product_slider_multiple .product_controller {
    grid-row: 1;
    padding: 2.5rem 2rem;
  }
}
.ace_product_slider_multiple .myStyleText {
  letter-spacing: 0.06em;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 2;
}
.ace_product_slider_multiple .myStyleText + div {
  display: flex;
  align-items: center;
}
.ace_product_slider_multiple .myStyle {
  column-gap: 8px;
  font-size: 12px;
  align-items: center;
}
.ace_product_slider_multiple .myStyle__text {
  text-transform: uppercase;
}
.ace_product_slider_multiple .cm-btn-showmore {
  z-index: 9;
  padding: 0rem 1rem 2.5rem 1rem;
  padding: 0rem 1rem 2.5rem 1rem;
  grid-row: 3;
}
.ace_product_slider_multiple .cm-btn-showmore .btn:hover {
  cursor: pointer;
  background: #082939 !important;
}
.ace_product_slider_multiple .cm-btn-showmore .btn:hover a {
  color: white !important;
}
@media only screen and (min-width: 65rem) {
  .ace_product_slider_multiple .cm-btn-showmore {
    grid-row: 1;
    grid-column: 1;
    padding: 2.5rem 2rem;
    align-self: flex-end;
  }
}

/* Fluid font sizing */
h1, h2, h3, h4, h5, h6 {
  font-family: "Financier Display";
}

h1 {
  font-size: 3em;
  font-weight: 300;
}
@media only screen and (max-width: 47.99rem) {
  h1 {
    font-size: 2.5em;
  }
}

h2 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 65rem) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  font-weight: 300;
  font-size: 2.5em;
}

h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "GT America";
}

h5 {
  font-size: 6.66vw;
}

/* Utility classes for matching heading styles */
.h1 {
  font-family: "Financier Display";
  font-size: 3em;
  font-weight: 300;
}
@media only screen and (max-width: 47.99rem) {
  .h1 {
    font-size: 2.5em;
  }
}

.financier {
  font-family: "Financier Display";
}

/* Normal Text Styling */
.font__20 {
  font-size: 24px;
  line-height: 110%;
  letter-spacing: -0.01em;
}
.font__16 {
  font-size: 16px;
  line-height: 140%;
}
.font__14 {
  font-size: 14px;
  line-height: 140%;
}
.font__12 {
  font-size: 12px;
  line-height: 100%;
}
.font__LH {
  line-height: 100% !important;
}
.font_u {
  text-decoration: underline;
}
.font-caps {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.font_s {
  text-decoration: line-through;
}

body {
  max-width: 2560px;
  background: #F7F6F4;
}
body.disable-scroll-events {
  scroll-behavior: auto !important;
  transition: none !important;
}
body.navigating-history {
  pointer-events: none;
}

/* Buttons */
.btn {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 1rem;
  flex-direction: row;
  gap: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
  outline: none;
}
.btn:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
}
.btn__normal {
  background: #ffffff;
  color: #000000;
}
.btn__blue {
  background: #082939;
  color: #ffffff;
}

/* Care of carl ikoner */
@font-face {
  font-family: "Care-of-Carl-Icons";
  src: url(/themes/hypefront/assets/fonts/Care-of-Carl-Icons.eot?1eptez);
  src: url(/themes/hypefront/assets/fonts/Care-of-Carl-Icons.eot?1eptez#iefix) format("embedded-opentype"), url(/themes/hypefront/assets/fonts/Care-of-Carl-Icons.ttf?1eptez) format("truetype"), url(/themes/hypefront/assets/fonts/Care-of-Carl-Icons.woff?1eptez) format("woff"), url(/93ee279edc0e6a8601cc.svg?1eptez#Care-of-Carl-Icons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.page__sort {
  display: flex;
  align-items: center;
}

.careofcarl-icon-pil a:after,
span.careofcarl-icon-pil:after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.careofcarl-icon-slider-next:before {
  content: "\e901";
}

.careofcarl-icon-slider-prev:before {
  content: "\e902";
}

/* BLOGG STARTSIDA */
.magazine {
  border-bottom: 1px solid #D0D0D0;
}
.magazine .cm-blog__container {
  width: unset;
  position: relative;
}
.magazine .cm-blog__container:hover {
  cursor: pointer;
}
.magazine .cm-blog__container:hover .cm-blog__readmore {
  position: absolute;
  bottom: 0;
  opacity: 1;
}
.magazine .cm-blog__container:hover .cm-blog__readmore::after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  position: absolute;
  bottom: 0;
  height: 11px;
  text-align: center;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.magazine .cm-blog__readmore {
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}
.magazine .cm-blog__title {
  font-size: 24px;
}
.magazine .cm-blog__post {
  width: 74%;
  border-right: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
  margin-right: -1px;
  display: flex;
  padding: 1rem 1rem 2.5rem 1rem;
  flex-direction: column;
  flex-shrink: 0;
  row-gap: 2.5rem;
}
.magazine .cm-blog__post:first-child {
  border-left: 0px;
}
.magazine .cm-blog__post:last-child {
  border-right: 0px;
}
@media only screen and (min-width: 65rem) {
  .magazine .cm-blog__post {
    width: fit-content;
    max-width: 666px;
    padding: 2rem;
    column-gap: 2.125rem;
    flex-direction: row;
    row-gap: 0;
  }
}
.magazine .cm-blog__post h2 {
  line-height: 110%;
  font-size: 1.5em !important;
  letter-spacing: -0.01em;
}
.magazine .cm-blog__post img {
  aspect-ratio: 4/5;
  object-fit: cover;
  max-height: 185px;
}
@media only screen and (min-width: 48rem) {
  .magazine .cm-blog__post img {
    max-height: 238px;
  }
}

.cm-blog__headline {
  border-bottom: 1px solid #D0D0D0;
  margin: 0.5rem 0 0 0;
  padding: 2.5rem;
}
.cm-blog__container {
  width: 50%;
  display: flex;
  align-items: center;
}
.cm-blog__content {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: center;
}
.cm-blog__post.first {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media only screen and (min-width: 65rem) {
  .cm-blog__post.first {
    flex-direction: row;
  }
}
.cm-blog__post.first > img {
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  .cm-blog__post.first > img {
    width: 50%;
  }
}
.cm-blog__post.first > .cm-blog__container {
  width: unset;
  padding: 4rem 1rem;
}
@media only screen and (min-width: 65rem) {
  .cm-blog__post.first > .cm-blog__container {
    width: 50%;
    padding: 4rem 7rem;
    font-size: 40px;
  }
}
.cm-blog__post.first > .cm-blog__container h2 {
  font-size: 1.75rem;
}
@media only screen and (min-width: 65rem) {
  .cm-blog__post.first > .cm-blog__container h2 {
    font-size: 2.5rem;
  }
}
.cm-blog__info {
  display: flex;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  column-gap: 1rem;
}
.cm-blog__category {
  text-transform: uppercase;
  justify-content: flex-end;
}
.cm-blog__title {
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 100%;
  font-family: "Financier Display";
}

/* UTVALDA KATEGORIER */
.cm-category-list-vertical {
  border-top: 1px solid rgb(208, 208, 208);
  border-bottom: 1px solid rgb(208, 208, 208);
  background: #F7F6F4;
}

.category-list {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.category-list__headline {
  text-transform: uppercase;
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-size: 12px;
}
.category-list--item {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  .category-list--item {
    margin: 1.2rem 0;
  }
}
@media only screen and (max-width: 47.99rem) {
  .category-list--item {
    margin: 0.25rem 0;
  }
}
.category-list--item:nth-child(n+9) {
  opacity: 0;
  max-height: 0px;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 48rem) {
  .category-list--item.open {
    color: rgb(4, 71, 120);
  }
}
.category-list--item__img {
  width: 60px;
}
.category-list--item__cat {
  line-height: 100%;
  letter-spacing: -0.01em;
  font-size: 24px;
  font-family: "Financier Display";
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: left;
}
@media only screen and (min-width: 48rem) {
  .category-list--item__cat {
    font-size: 28px;
  }
}
@media only screen and (max-width: 47.99rem) {
  .category-list--item__cat {
    margin-left: 0.8rem;
  }
}
@media only screen and (min-width: 65rem) {
  .category-list--item__cat {
    font-size: 40px;
  }
}
.category-list__showmore {
  text-transform: uppercase;
  margin-bottom: 4rem;
  margin-top: 2rem;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.category-list__showmore svg {
  margin-left: 0.5rem;
}
.category-list__showmore svg:last-child {
  display: none;
}
.category-list.active .category-list--item:nth-child(n+9) {
  display: flex;
  opacity: 1;
  max-height: 500px;
  visibility: visible;
}
.category-list.active .category-list__showmore svg:first-child {
  display: none;
}
.category-list.active .category-list__showmore svg:last-child {
  display: flex;
}

.category-img {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.category-img img {
  display: flex;
  object-fit: cover;
  height: 100%;
}

/* SLIDER */
.cm-category-list-slim .cm-category-list-item {
  flex-shrink: 0;
}
@media only screen and (max-width: 47.99rem) {
  .cm-category-list-slim .cm-category-list-item {
    width: 80%;
  }
}
@media only screen and (min-width: 48rem) {
  .cm-category-list-slim .cm-category-list-item {
    width: 60%;
  }
}
@media only screen and (min-width: 65rem) {
  .cm-category-list-slim .cm-category-list-item {
    width: 21%;
  }
}

.cm-category-list-default .cm-category-list-item {
  flex-shrink: 0;
}
@media only screen and (max-width: 47.99rem) {
  .cm-category-list-default .cm-category-list-item {
    width: 88%;
  }
}
@media only screen and (min-width: 48rem) {
  .cm-category-list-default .cm-category-list-item {
    width: 33.33%;
  }
}
@media only screen and (min-width: 65rem) {
  .cm-category-list-default .cm-category-list-item {
    width: 33.33%;
  }
}

.cm-category-list-detailed .cm-category-list-item {
  flex-shrink: 0;
}
@media only screen and (max-width: 47.99rem) {
  .cm-category-list-detailed .cm-category-list-item {
    width: 88%;
  }
}
@media only screen and (min-width: 48rem) {
  .cm-category-list-detailed .cm-category-list-item {
    width: 60;
  }
}
@media only screen and (min-width: 65rem) {
  .cm-category-list-detailed .cm-category-list-item {
    width: 33.33%;
  }
}

.departments .col-xs-12.col-sm-12 {
  padding: 0 !important;
}

.cm-category-info .category-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.cm-category-info .category-list p {
  margin: 0;
  line-height: 140%;
}
.cm-category-info .category-list .category-card-main {
  background: #253934;
  width: 100%;
  display: flex;
  color: white;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 48rem) {
  .cm-category-info .category-list .category-card-main {
    flex: 1 1 33.33%;
  }
}
.cm-category-info .category-list .category-card-main a {
  color: white;
}
.cm-category-info .category-list .category-card {
  position: relative;
  flex: 1 1 50%;
  aspect-ratio: 4/5;
  display: flex;
}
@media only screen and (min-width: 48rem) {
  .cm-category-info .category-list .category-card {
    flex: 1 1 33.33%;
  }
}
.cm-category-info .category-list .category-card a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  color: white;
}
.cm-category-info .category-list .category-card > img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.cm-category-info .category-list .category-card .category-list--item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 47.99rem) {
  .cm-category-info .category-list .category-card .category-list--item {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    bottom: 0;
    top: unset;
  }
}
.cm-category-info .category-list .category-card:after {
  position: absolute;
  top: 0;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  color: #FFF;
}

.brandsHeader > .row {
  padding: 0;
}
.brandsHeader > .row > div {
  padding: 0;
}
.brandsHeader > .row > div > div {
  height: 100%;
}
.brandsHeader > .row > div > div .wrapper {
  row-gap: 140px;
  padding: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (min-width: 85.375rem) {
  .brandsHeader > .row > div > div .wrapper {
    row-gap: 0;
  }
}
.brandsHeader > .row > div > div .wrapper h1, .brandsHeader > .row > div > div .wrapper p, .brandsHeader > .row > div > div .wrapper span {
  color: white;
}
.brandsHeader > .row > div > div .wrapper h1 {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.01em;
  font-family: "Financier Display";
}
.brandsHeader > .row > div > div .wrapper span {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.brandsHeader > .row > div > div .wrapper p {
  font-size: 16px;
  line-height: 140%;
}

.header__scrolled .page__filter--btn {
  top: 56px;
  z-index: 3;
  max-height: 70px;
}

.header__notScrolled .page__filter--btn {
  position: static;
}

/* Breadcrumb */
.breadcrumb {
  margin: 0;
  padding: 1rem 0;
  padding-top: 2rem;
  font-size: 12px;
  text-transform: uppercase;
  align-items: center;
}
.breadcrumb:empty {
  display: none;
}
.breadcrumb__item::marker {
  content: "";
}
.breadcrumb__item--divider {
  margin: 0 0.25rem;
}
.breadcrumb__item--back {
  margin-right: 0.5rem;
}
.breadcrumb__item--last, .breadcrumb__item:only-child {
  color: #717171;
}
.breadcrumb__item--last a, .breadcrumb__item:only-child a {
  color: #717171;
}

.subdepartments div#testJJ {
  background: #f7f6f4;
  height: 100vh;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  overflow: auto;
  padding: 2rem;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  width: 50%;
  z-index: 999999999;
}
.subdepartments div#testJJ.active {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.subdepartments .headingWrapper {
  position: relative;
}
.subdepartments ol.breadcrumb.d-flex {
  position: absolute;
  top: 0px;
  left: 16px;
  z-index: 3;
}
@media only screen and (min-width: 65rem) {
  .subdepartments ol.breadcrumb.d-flex {
    position: static;
  }
}
.subdepartments ol.breadcrumb.d-flex li, .subdepartments ol.breadcrumb.d-flex a, .subdepartments ol.breadcrumb.d-flex span {
  color: white;
}
@media only screen and (min-width: 65rem) {
  .subdepartments ol.breadcrumb.d-flex li, .subdepartments ol.breadcrumb.d-flex a, .subdepartments ol.breadcrumb.d-flex span {
    color: black;
  }
}
.subdepartments ol.breadcrumb.d-flex li svg path, .subdepartments ol.breadcrumb.d-flex a svg path, .subdepartments ol.breadcrumb.d-flex span svg path {
  fill: white;
}
@media only screen and (min-width: 65rem) {
  .subdepartments ol.breadcrumb.d-flex li svg path, .subdepartments ol.breadcrumb.d-flex a svg path, .subdepartments ol.breadcrumb.d-flex span svg path {
    fill: black;
  }
}
.subdepartments .brand__heading--headline {
  position: absolute;
  top: 62px;
  left: 16px;
  z-index: 3;
}
@media only screen and (min-width: 65rem) {
  .subdepartments .brand__heading--headline {
    position: static;
  }
}
.subdepartments .brand__heading--headline h1 {
  color: white;
}
@media only screen and (min-width: 65rem) {
  .subdepartments .brand__heading--headline h1 {
    color: black;
  }
}
.subdepartments .brand__heading--headline span {
  color: white;
}
@media only screen and (min-width: 65rem) {
  .subdepartments .brand__heading--headline span {
    color: #717171;
  }
}
.subdepartments li.breadcrumb__item.breadcrumb__item--last.d-flex {
  display: none;
}
.subdepartments__subdepartmentHeader--img {
  padding: 0 !important;
  order: -1;
}
@media only screen and (min-width: 65rem) {
  .subdepartments__subdepartmentHeader--img {
    order: 0;
  }
}
.subdepartments__subdepartmentHeader--img img {
  height: 512px;
  width: 100%;
  object-fit: cover;
  object-position: 0% 50%;
}
.subdepartments__subdepartmentHeader--img ul {
  margin: 0;
}
.subdepartments__subdepartmentHeader--img ul li {
  display: flex;
}
.subdepartments__heading h1 {
  margin: 0;
}
.subdepartments__heading--counter {
  margin-left: 0.5rem;
}
.subdepartments__heading--group {
  align-items: center;
}
.subdepartments__heading--department {
  flex-direction: column;
}
.subdepartments__heading--department--text {
  margin-top: auto;
  line-height: 140%;
}
.subdepartments__heading--department--text h2 {
  display: none;
}
.subdepartments__category {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0;
}
.subdepartments__category:empty {
  display: none;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .subdepartments__category {
      margin-right: 0;
      margin-bottom: -0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .subdepartments__category {
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
      }
    }
    .subdepartments__category > * {
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .subdepartments__category > * {
        margin-right: 0.75rem;
        margin-bottom: 0.75rem;
      }
    }
  }
}
@media only screen and (min-width: 48rem) {
  .subdepartments__category {
    gap: 0.75rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .subdepartments__category {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-top: 1rem;
  }
}
.subdepartments__category::-webkit-scrollbar {
  display: none;
}
.subdepartments__category--item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  height: 44px;
  align-items: center;
  padding: 0 1rem;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
}
.subdepartments__category--item svg {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  max-width: 0;
}
@media only screen and (min-width: 48rem) {
  .subdepartments__category--item:hover {
    background: rgb(8, 41, 57);
    color: rgb(255, 255, 255);
  }
  .subdepartments__category--item:hover svg {
    max-width: 17px;
    margin-left: 0.5rem;
  }
  .subdepartments__category--item:hover svg path {
    fill: rgb(255, 255, 255);
  }
}
.subdepartments__category--item.--selected {
  background: rgb(8, 41, 57);
  color: rgb(255, 255, 255);
}
.subdepartments__category--item.--selected svg {
  display: none;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 48rem) {
  .subdepartments__category--item.--selected:hover {
    background: rgba(174, 166, 148, 0.2);
    color: #000;
  }
}

.brand__brandHeader--img {
  padding: 0 !important;
}
.brand__brandHeader--img img {
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
}
.brand__brandHeader--img ul {
  margin: 0;
}
.brand__brandHeader--img ul li {
  display: flex;
}
.brand__heading h1 {
  margin: 0;
}
.brand__heading--counter {
  margin-left: 0.5rem;
}
.brand__heading--group {
  align-items: center;
}
.brand__heading--brand {
  flex-direction: column;
}
.brand__heading--brand--text {
  margin-top: auto;
  padding-top: 4rem;
}
@media only screen and (min-width: 85.375rem) {
  .brand__heading--brand--text {
    width: 700px;
  }
}
.brand__category {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0;
}
.brand__category:empty {
  display: none;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .brand__category {
      margin-right: 0;
      margin-bottom: -0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .brand__category {
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
      }
    }
    .brand__category > * {
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .brand__category > * {
        margin-right: 0.75rem;
        margin-bottom: 0.75rem;
      }
    }
  }
}
@media only screen and (min-width: 48rem) {
  .brand__category {
    gap: 0.75rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .brand__category {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-top: 1rem;
  }
}
.brand__category::-webkit-scrollbar {
  display: none;
}
.brand__category--item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  height: 44px;
  align-items: center;
  padding: 0 1rem;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
}
.brand__category--item svg {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  max-width: 0;
}
@media only screen and (min-width: 48rem) {
  .brand__category--item:hover {
    background: rgb(8, 41, 57);
    color: rgb(255, 255, 255);
  }
  .brand__category--item:hover svg {
    max-width: 17px;
    margin-left: 0.5rem;
  }
  .brand__category--item:hover svg path {
    fill: rgb(255, 255, 255);
  }
}
.brand__category--item.--selected {
  background: rgb(8, 41, 57);
  color: rgb(255, 255, 255);
}
.brand__category--item.--selected svg {
  display: none;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 48rem) {
  .brand__category--item.--selected:hover {
    background: rgba(174, 166, 148, 0.2);
    color: #000;
  }
}

.cm {
  width: 100%;
  overflow: hidden;
}
.cm .wrap {
  max-width: unset !important;
}

/* Page - GENERAL */
.page.brandsInGroup {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 48rem) {
  .page.brandsInGroup {
    padding-bottom: 2rem;
  }
}
.page__heading {
  column-gap: 6px;
}
.page__heading h1 {
  margin: 0 2px 0 0;
}
.page__heading--counter {
  margin-left: 0.5rem;
}
.page__heading--group {
  align-items: center;
}
.page__heading--brand {
  flex-direction: column;
}
.page__heading--brand--text {
  margin-top: auto;
  margin-bottom: 32px;
}
.page__category {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .page__category {
      margin-right: 0rem;
      margin-bottom: -0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .page__category {
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
      }
    }
    .page__category > * {
      margin-right: 0rem;
      margin-bottom: 0.5rem;
    }
    @media only screen and (min-width: 65rem) {
      .page__category > * {
        margin-right: 0.75rem;
        margin-bottom: 0.75rem;
      }
    }
  }
}
@media only screen and (min-width: 113rem) {
  .page__category {
    max-width: 80vw;
  }
}
@media only screen and (min-width: 48rem) {
  .page__category {
    gap: 0.75rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .page__category {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}
.page__category::-webkit-scrollbar {
  display: none;
}
.page__category--item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  height: 44px;
  align-items: center;
  padding: 0 1rem;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
}
.page__category--item.active {
  background: rgb(8, 41, 57);
  color: rgb(255, 255, 255);
}
.page__category--item svg {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  max-width: 0;
}
@media only screen and (min-width: 48rem) {
  .page__category--item:hover {
    background: rgb(8, 41, 57);
    color: rgb(255, 255, 255);
  }
}
.page__category--item.--selected {
  background: rgb(8, 41, 57);
  color: rgb(255, 255, 255);
}
.page__category--item.--selected svg {
  display: none;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 48rem) {
  .page__category--item.--selected:hover {
    background: rgba(174, 166, 148, 0.2);
    color: #000;
  }
}
.page__grid {
  align-items: center;
  padding: 1rem;
}

.header__scrolled .page--settings--wrapper {
  top: 97px;
  position: sticky;
  z-index: 2;
}
@media only screen and (max-width: 47.99rem) {
  .header__scrolled .page--settings--wrapper {
    z-index: 999999999;
  }
}

.page--settings--main {
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 47.99rem) {
  .page--settings--main {
    flex-direction: column;
    height: calc(100% - 137px);
    overflow: hidden;
    overflow-y: scroll;
    background-color: #f1f0ee;
  }
}
@media only screen and (max-width: 47.99rem) {
  .page--settings--right {
    flex-direction: column;
  }
}

@media only screen and (max-width: 47.99rem) {
  .btn--filter {
    font-size: 12px;
    border-radius: 3px;
    padding: 0.6666666667rem 1rem;
    gap: 0.25rem;
    justify-content: center;
  }
  .btn--filter svg {
    margin-left: 0.5rem;
  }

  .page--settings--wrapper.--active {
    display: flex !important;
    border: 0px;
  }
  .page--settings--wrapper.--active::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999998;
    animation: fadeIn 0.3s ease;
  }
  .page--settings--wrapper.--active .page--settings {
    z-index: 999999999;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
  }
  .page--settings--wrapper.--active.--closing::before {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .page--settings--wrapper.--active.--closing .page--settings {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .page--settings {
    transform: translateX(100%);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    display: flex !important;
    flex-direction: column !important;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    height: 100dvh;
    width: 90%;
    max-width: 500px;
    overflow: hidden;
    border-radius: 0;
    z-index: 999999999;
  }
  .page--settings--head {
    order: 1;
    flex-shrink: 0;
    border-radius: 0;
    padding: 0 1rem;
    align-items: center;
    border-bottom: 1px solid rgb(208, 208, 208);
    z-index: 1;
  }
  .page--settings--head .close {
    background: none;
    border: 0;
    padding: 0;
    display: inline-flex;
    cursor: pointer;
    margin-left: auto;
    align-items: center;
  }
  .page--settings--head .close:focus, .page--settings--head .close:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
  }
  .page--settings--head .close:focus:not(:focus-visible) {
    outline: none;
  }
  .page--settings--head svg {
    margin-left: 0.5rem;
  }
  .page--settings--head svg.close {
    margin-left: 0;
    z-index: 2;
  }
  .page--settings--main {
    order: 2;
    flex: 1 1 auto;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .page--settings--main .page__filter {
    order: 2;
  }
  .page--settings--main .page__sort {
    order: 1;
  }
  .page--settings--footer {
    order: 3;
    flex-shrink: 0;
    z-index: 2;
    box-shadow: 0px -2px 16px 0px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgb(208, 208, 208);
    padding: 0.85rem 1rem;
    gap: 0.5rem;
    background-color: #f7f6f4;
  }
  .page--settings--footer .btn {
    flex: 1;
    min-width: 0;
  }
  .page--settings--footer > div {
    margin: 0.85rem 0.25rem;
    height: 45px;
  }
  .page--settings--footer > div:first-child {
    margin-left: 0;
    padding: 0 1rem;
  }
  .page--settings--footer > div:last-child {
    padding: 0 2rem;
  }
  .page--settings--footer > div:last-child > div {
    padding: 0 0.25rem;
  }
  .page--settings > * {
    width: 100%;
  }
  .page__sort, .page__filter {
    flex-direction: column;
  }
  .page__filter--btn {
    padding: 1rem;
    position: sticky;
    top: 0px;
    transition: max-height 0.2s linear;
    z-index: 2;
    margin: 0 !important;
    background: #f7f6f4;
    margin-bottom: 0;
    -webkit-transition: max-height 0.2s linear;
    -moz-transition: max-height 0.2s linear;
    -ms-transition: max-height 0.2s linear;
    -o-transition: max-height 0.2s linear;
  }
  .page__filter .filter {
    flex-direction: column;
  }
}
@media only screen and (max-width: 47.99rem) and (max-width: 47.99rem) {
  .page__filter .filter .filterCount {
    color: #044778;
  }
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter.--active {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 65px);
    z-index: 1;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 47.99rem) and (max-width: 47.99rem) {
  .page__filter .filter.--active {
    background-color: #f7f6f4;
  }
  .page__filter .filter.--active .filter__title {
    background-color: #f7f6f4;
    column-gap: 0.5rem;
  }
  .page__filter .filter.--active .filter__title svg:first-child {
    display: flex !important;
    margin-right: 0.25rem;
  }
  .page__filter .filter.--active .filter__title svg:last-child {
    display: none;
  }
  .page__filter .filter.--active .filter__title .active_nbr {
    margin-left: 0;
  }
}
@media only screen and (min-width: 48rem) {
  .page__sort .filter__title {
    min-height: 48px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 48rem) {
  .page__sort :not(.--active) .filter__title {
    position: relative;
  }
  .page__sort :not(.--active) .filter__title:before {
    content: "";
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    pointer-events: none;
  }
  .page__sort :not(.--active) .filter__title:hover:before {
    background: rgb(174, 166, 148);
    opacity: 0.2;
  }
}
@media only screen and (min-width: 48rem) {
  .page__sort .--active .filter__title {
    background: rgb(8, 41, 57);
    color: #fff;
  }
  .page__sort .--active .filter__title svg {
    transform: rotate();
  }
  .page__sort .--active .filter__title svg path {
    stroke: rgb(255, 255, 255);
  }
}
.page__sort .--active .filter__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 47.99rem) {
  .page__sort .--active .filter__container {
    width: 100%;
    border: 0;
    height: calc(100% - 85px);
    margin-top: 0;
    padding: 0 1rem;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.page__sort .filter__container {
  border: 0;
}
@media only screen and (min-width: 48rem) {
  .page__sort .filter__container {
    left: 0;
    right: auto;
  }
}

@media only screen and (min-width: 48rem) {
  .page__filter .filter__title {
    min-height: 48px;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 65rem) {
  .page__filter {
    align-items: center;
  }
  .page__filter.--collapsed .filter {
    display: none;
  }
  .page__filter.--collapsed .filter:nth-of-type(-n + 8) {
    display: flex;
  }
  .page__filter.--expanded .filter {
    display: flex !important;
  }
  .page__filter .filter__toggle-all {
    align-self: center;
    margin-left: auto;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }
  .page__filter .filter__toggle-all.btn--show-filters {
    gap: 8px;
    font-size: 12px;
    border-radius: 3px;
    padding: 0.6666666667rem 1rem;
    letter-spacing: 0.05em;
    border: 1px solid rgb(60, 60, 60);
    color: rgb(60, 60, 60);
    background: transparent;
  }
  .page__filter .filter__toggle-all.btn--show-filters svg {
    margin-left: 8px;
    pointer-events: none;
  }
  .page__filter .filter__toggle-all:focus, .page__filter .filter__toggle-all:focus-visible {
    outline: 2px solid rgb(8, 41, 57);
    outline-offset: 2px;
  }
  .page__filter .filter__toggle-all:focus:not(:focus-visible) {
    outline: none;
  }
}
.page.departments .page--settings {
  width: 100%;
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  .page.departments .page--settings {
    padding: 1rem 0;
  }
  .page.departments .page--settings--wrapper {
    margin: 0 !important;
  }
}
.page--settings {
  width: 100%;
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  .page--settings {
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 48rem) {
  .page__filter :not(.--active) .filter__title {
    position: relative;
  }
  .page__filter :not(.--active) .filter__title:before {
    content: "";
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    pointer-events: none;
  }
  .page__filter :not(.--active) .filter__title:hover:before {
    background: rgb(174, 166, 148);
    opacity: 0.2;
  }
}
@media only screen and (min-width: 48rem) {
  .page__filter .--active .filter__title {
    background: rgb(8, 41, 57);
    color: #fff;
  }
  .page__filter .--active .filter__title svg {
    transform: rotate();
  }
  .page__filter .--active .filter__title svg path {
    stroke: rgb(255, 255, 255);
  }
}
.page__filter .--active .filter__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .--active .filter__container {
    width: 100%;
    border: 0;
    height: calc(100% - 85px);
    margin-top: 0;
    padding: 0 1rem;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.page__filter .filter {
  align-items: center;
  position: relative;
  margin: 0;
}
.page__filter .filter__title {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter__title {
    background-color: #f1f0ee;
    width: 100%;
    height: 62px;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 1rem;
  }
  .page__filter .filter__title svg:first-child {
    display: none !important;
  }
  .page__filter .filter__title svg:last-child {
    margin-left: auto;
    transform: rotate(270deg);
  }
  .page__filter .filter__title:focus, .page__filter .filter__title:focus-visible {
    outline: 2px solid #0066cc;
    outline-offset: -2px;
    z-index: 1;
  }
}
@media only screen and (min-width: 48rem) {
  .page__filter .filter__title svg {
    margin-left: 0.5rem;
    transition: transform 0.4s ease;
  }
}
.page__filter .filter__container {
  display: none;
  flex-direction: column;
  list-style: none;
  /* Remove list styling since it's now an <li> */
  padding: 0;
  /* Remove default padding from <li> */
}
@media only screen and (min-width: 48rem) {
  .page__filter .filter__container {
    position: absolute;
    width: 285px;
    padding: 1.5rem;
    z-index: 3;
    top: 48px;
    background: #F1F0EE;
    border-radius: 2px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  }
}
.page__filter .filter__container--wrap {
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (min-width: 48rem) {
  .page__filter .filter__container--wrap {
    max-height: 315px;
  }
}
.page__filter .filter__container--wrap .filter__item {
  margin: 1rem 0;
}
.page__filter .filter__container--list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter__container--list {
    padding-top: 16px;
  }
}
.page__filter .filter__container--search-top {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid;
  border-color: #d0d0d0;
  padding-bottom: 0.75rem;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter__container--search-top {
    margin-top: 16px;
    margin-bottom: 0;
  }
}
.page__filter .filter__container--search-top svg {
  margin-right: 0.5rem;
}
.page__filter .filter__container--search-top input {
  background: none;
  border: 0px;
  padding: 0;
  font-size: 14px;
  margin-bottom: 0;
}
.page__filter .filter__container--search-top input::placeholder {
  color: #969696;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter__container--search-top ~ .filter__container--wrap .filter__container--list {
    padding-top: 0;
  }
}
.page__filter .filter .filter__item {
  cursor: pointer;
  margin: 0 0 1rem 0;
  align-items: center;
  position: relative;
  font-size: 14px;
}
.page__filter .filter .filter__item:focus, .page__filter .filter .filter__item:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
@media only screen and (max-width: 47.99rem) {
  .page__filter .filter .filter__item:focus, .page__filter .filter .filter__item:focus-visible {
    outline-offset: 0px;
    background-color: rgba(0, 102, 204, 0.05);
  }
}
.page__filter .filter .filter__item:focus:not(:focus-visible) {
  outline: none;
}
.page__filter .filter .filter__item::before {
  content: "";
  border: 1px solid;
  height: 12px;
  width: 12px;
  min-width: 12px;
  margin-right: 0.5rem;
}
.page__filter .filter .filter__item.--active::after {
  content: "";
  background: #000;
  height: 8px;
  width: 8px;
  position: absolute;
  left: 2px;
}
.page__filter .filter .filter__item.--disabled {
  display: none;
}
.page__filter .filter .filter__item.--hidden {
  display: none;
}
.page__filter .filter .filter__title:focus, .page__filter .filter .filter__title:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.page__filter .filter .filter__title:focus:not(:focus-visible) {
  outline: none;
}

.page__footer {
  padding: 0rem;
  margin-top: 3rem !important;
  /*
  .kategori-texter-down {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    > h2 {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      @media only screen and (min-width: 48rem) {
        padding-left: 1rem;
        padding-right: 1rem;
        flex-basis: 25%;
        max-width: 25%;
      }
    }
    > p {
      box-sizing: border-box;
      flex-basis: 100%;
      max-width: 100%;
      @media only screen and (min-width: 48rem) {
        flex-basis: 75%;
        max-width: 75%;
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
  }
  */
}
@media only screen and (max-width: 47.99rem) {
  .page__footer > * {
    padding: 0 16px !important;
  }
  .page__footer--heading {
    padding-top: 40px !important;
  }
  .page__footer--SEO {
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 48rem) {
  .page__footer > * {
    padding: 40px !important;
  }
}
.page__footer--SEO {
  justify-content: end;
}
.page__footer--SEO h2 {
  display: none;
}
.page__footer--heading span {
  margin-top: 1rem;
  font-family: "Financier Display";
  font-size: 2.5em;
}

.page__filter--selected {
  align-items: center;
}

.filter_link {
  cursor: pointer;
}
@media only screen and (max-width: 47.99rem) {
  .filter_link img {
    max-width: 60px;
    margin-right: 12px;
  }
}
@media only screen and (min-width: 48rem) {
  .filter_link img {
    max-width: 96px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 65rem) {
  .filter_link img {
    max-width: 100%;
    margin-right: unset;
  }
}

#selected_filters {
  flex-wrap: wrap;
  gap: 0.5rem;
}
#selected_filters .selected_filter {
  height: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5rem;
  margin: 0.3333333333rem;
  align-items: center;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  color: #082939;
  font-family: inherit;
  font-size: inherit;
  transition: all 0.2s ease;
}
#selected_filters .selected_filter:hover {
  background-color: rgba(0, 102, 204, 0.1);
}
#selected_filters .selected_filter:focus, #selected_filters .selected_filter:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
  z-index: 1;
}
#selected_filters .selected_filter:focus:not(:focus-visible) {
  outline: none;
}
#selected_filters .selected_filter svg {
  margin-left: 0.25rem;
  pointer-events: none;
}

@media only screen and (max-width: 47.99rem) {
  .page-settings__section-title {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #595959;
    background-color: #FFF;
    margin: 0;
    padding: 16px 0px 4px 16px;
    cursor: pointer;
  }

  .page--settings--right {
    background: #F7F6F4;
    border-radius: 8px;
  }

  .sort-dropdown-wrapper .filter__container--list {
    flex-direction: column;
  }

  .sort-dropdown-wrapper .filter__container--items {
    position: relative;
    padding-left: 28px;
    min-height: 28px;
    align-items: center;
  }

  .sort-dropdown-wrapper .filter__container--items::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #082939;
    background: transparent;
    transition: all 150ms ease;
  }

  .sort-dropdown-wrapper .filter__container--items.--active::before {
    background: #082939;
    box-shadow: 0 0 0 2px #F7F6F4 inset;
    animation: sort-pulse 180ms ease;
  }

  @keyframes sort-pulse {
    0% {
      transform: translateY(-50%) scale(0.9);
    }
    100% {
      transform: translateY(-50%) scale(1);
    }
  }
  .sort-reset-wrapper {
    margin-top: 8px;
  }

  .sort-reset {
    background: none;
    border: none;
    padding: 4px 0;
    color: #082939;
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
  }
}
.filter_clear {
  cursor: pointer;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  white-space: nowrap;
}
@media only screen and (min-width: 65rem) {
  .filter_clear {
    text-decoration: underline;
  }
}
.filter_clear:focus, .filter_clear:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}
.filter_clear:focus:not(:focus-visible) {
  outline: none;
}

.page__pagination {
  flex-direction: column;
}
.page__pagination .page_navigation {
  text-align: center;
}

.pagination-page {
  margin: 0 0.75rem;
  font-size: 14px;
  cursor: pointer;
}
.pagination-page.--active {
  text-decoration: underline;
}

.grid-icon {
  fill: #F7F6F4;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.grid-icon rect {
  fill: #F7F6F4;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.grid-icon.active {
  fill: #082939;
  stroke: #082939;
}
.grid-icon.active rect {
  fill: #082939;
  stroke: #082939;
}

.page--total_count {
  font-size: 14px;
  margin-top: 1rem;
  justify-content: center;
}
.page--total_count span {
  margin: 0 0.25rem;
}

.btn--showmore {
  cursor: pointer;
  width: 96%;
}

@media only screen and (min-width: 48rem) {
  .btn--showmore {
    min-width: 455px;
    margin-top: 72px;
    width: 42%;
    margin-bottom: 1.5rem;
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
  }
}
/* FILTER ANIMATIONS */
@keyframes filterActive {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
}
@keyframes button1Transition {
  from {
    transform: translate(40%);
  }
  to {
    transform: translate(0%);
  }
}
@keyframes button2Transition {
  from {
    transform: translate(-40%);
  }
  to {
    transform: translate(0%);
  }
}
@keyframes button1TransitionHover {
  from {
    transform: translate(0%);
  }
  to {
    transform: translate(40%);
  }
}
@keyframes button2TransitionHover {
  from {
    transform: translate(0%);
  }
  to {
    transform: translate(-40%);
  }
}
#circle1,
#circle2 {
  animation: 1s forwards;
}

#circle1 {
  animation-name: button1Transition;
}

#circle2 {
  animation-name: button2Transition;
}

.btn--filter:hover #circle1 {
  animation-name: button1TransitionHover;
}
.btn--filter:hover #circle2 {
  animation-name: button2TransitionHover;
}

.--hidden {
  display: none !important;
}

/* MOVE */
.CMS {
  margin: 0 auto !important;
  max-width: 1400px;
}

@media only screen and (min-width: 65rem) {
  .CMS__nav--wrapper {
    border-bottom: 0px solid #fff;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .CMS__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
  }
  .CMS__nav::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0px !important;
  }
  .CMS__nav--item {
    white-space: nowrap;
    order: 1;
  }
  .CMS__nav--item.active {
    order: 0;
  }
  .CMS__nav--item--link {
    margin-right: 0.5rem;
  }
}
#site_popup {
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0px);
  width: 95%;
  max-width: 500px;
  z-index: 9999999999;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(9, 38, 54);
  border-radius: 10px;
  text-align: center;
  padding-top: 15px;
}

#site_popup_close {
  font-size: 20px;
  position: absolute;
  right: 18px;
  top: 18px;
  color: rgb(9, 40, 58);
  line-height: initial;
  cursor: pointer;
}

#site_popup_heading {
  text-align: center;
  font-weight: 300;
  font-size: 22px;
  margin: 0px 0px 17px;
}

#site_popup_info {
  text-align: center;
  font-size: 13px;
  padding: 0px 2px;
}

#site_popup_flags {
  text-align: center;
  font-size: 14px;
  margin: 20px 0px;
}

.site_popup_flag {
  display: inline-block;
  cursor: pointer;
  margin: 0px 15px;
  position: relative;
}

.site_popup_flag.active img, .site_popup_flag.active .site_popup_flag_text {
  opacity: 0.5;
}

.site_popup_flag.active::after {
  display: block;
  content: "";
  opacity: 1;
  inset: 40% 0px 0px 45%;
  position: absolute;
  z-index: 1;
  width: 34px;
  height: 18px;
  margin-top: -15px;
  margin-left: -15px;
  border-bottom: 7.5px solid rgb(9, 38, 54);
  border-left: 7.5px solid rgb(9, 38, 54);
  transform: rotate(-45deg);
}

#site_popup_save {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
  position: relative;
}

#site_popup_save_check::before {
  border-radius: 0px;
  border: 1px solid rgb(0, 0, 0);
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  margin: 0px 10px -5px 0px;
}

#site_popup_save.active #site_popup_save_check::after {
  position: absolute;
  content: "✓";
  left: 6px;
  top: 1px;
  -webkit-text-stroke: 1px;
  font-family: "SS BlackTie-Regular";
  font-size: 10px;
}

#site_popup_continue {
  text-align: center;
  line-height: 40px;
  background: rgb(9, 38, 54);
  width: 200px;
  margin: 0px auto 23px;
  color: rgb(255, 255, 255);
  cursor: pointer;
}

#site_popup #site_popup_flags {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}

#site_popup #site_popup_flags .site_popup_flag {
  margin-left: 0px;
  margin-right: 0px;
  flex-basis: 25.1%;
}

#site_popup #site_popup_flags .site_popup_flag:nth-child(n+4) {
  margin-top: 20px;
}

.select {
  position: relative;
}
@media only screen and (max-width: 47.99rem) {
  .select {
    width: 100%;
  }
}
@media only screen and (min-width: 48rem) {
  .select {
    min-width: 180px;
  }
}
.select:after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  bottom: 0;
  margin: auto;
  z-index: 0;
  width: 24px;
  pointer-events: none;
  height: 100%;
  display: flex;
  align-items: center;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDEwMjAyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIuNiw2LjhsNyw2bDctNiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
}
.select select {
  color: #000;
  border-top: none;
  border-bottom: 1px solid #D0D0D0;
  border-left: 0px;
  border-right: 0px;
  height: 38px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
  width: 100%;
}
.select select:focus-visible {
  border-top: none;
  border-bottom: 1px solid #D0D0D0;
}

/* image widget */
@keyframes animate_hide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@-webkit-keyframes animate_hide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.full-width .col-lg-12 .cm-img-wrapper.CoC-img-tag-link {
  width: calc(100% + 2rem);
  margin-right: -1rem;
  margin-left: -1rem;
}

.cm-img-wrapper.CoC-img-tag-link {
  position: relative;
}
.cm-img-wrapper.CoC-img-tag-link img {
  display: block;
  width: auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  max-height: none;
  object-fit: cover;
}
.cm-img-wrapper.CoC-img-tag-link .cm-img-tag-link.popup .cm-img-tag {
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
  z-index: 11;
}
.cm-img-wrapper.CoC-img-tag-link .cm-img-tag-link.popup .cm-img-tag:hover + .img_tag_data {
  animation: none;
  -webkit-animation: none;
  display: block;
}
.cm-img-wrapper.CoC-img-tag-link .cm-img-tag-link.popup .img_tag_data {
  position: absolute;
  white-space: nowrap;
  background: #fff;
  color: #000;
  transform: translateX(-50%);
  bottom: 0;
  padding: 12px 10px 25px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
  z-index: 10;
  -webkit-animation: animate_hide 4s forwards;
  animation: animate_hide 4s forwards;
}
.cm-img-wrapper.CoC-img-tag-link span.cm-img-tag {
  height: 2em;
  width: 2em;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  position: absolute;
  transform: translateY(-50%);
  position: absolute;
  content: "";
  height: 2em;
  width: 2em;
  background: inherit;
  text-align: center;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
}
.cm-img-wrapper.CoC-img-tag-link .cm-img-tag-link .cm-img-tag:hover {
  border-width: 2px;
}
.cm-img-wrapper.CoC-img-tag-link .cm-img-tag-link:not(.popup) .img_tag_data {
  margin-left: 2em;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.CoC-img-tag-link .cm-img-tag-link.popup .img_tag_data span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CoC-img-tag-link .cm-img-tag-link.popup .img_tag_data span.img_tag_image {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.CoC-img-tag-link .img_tag_description {
  font-weight: bold;
}
.CoC-img-tag-link .img_tag_price {
  font-weight: bold;
}
.CoC-img-tag-link .img_tag_title {
  font-weight: bold;
}
.CoC-img-tag-link .img_tag_image img {
  object-fit: contain;
  max-height: 50px;
  max-width: 50px;
}
.CoC-img-tag-link .cm-img-tag-link {
  position: absolute;
}
.CoC-img-tag-link .cm-img-tag-link.image_tag_mobile {
  display: none;
}
.CoC-img-tag-link .cm-img-txt-wrap:not(:empty) {
  padding: 2rem;
}
.CoC-img-tag-link .txt-left .cm-img-txt-wrap {
  text-align: left;
}
.CoC-img-tag-link .txt-right .cm-img-txt-wrap {
  text-align: right;
}
.CoC-img-tag-link [class*=txt-onimg-] .cm-img-txt-wrap {
  position: absolute;
}
.CoC-img-tag-link [class*=txt-onimg-center] .cm-img-txt-wrap {
  left: 50%;
  right: initial;
  text-align: center;
}
.CoC-img-tag-link .txt-onimg-center-top .cm-img-txt-wrap {
  top: 0;
  bottom: initial;
  transform: translate(-50%, 0);
}
.CoC-img-tag-link .txt-onimg-center-middle .cm-img-txt-wrap {
  top: 50%;
  bottom: initial;
  transform: translate(-50%, -50%);
}
.CoC-img-tag-link .txt-onimg-center-bottom .cm-img-txt-wrap {
  bottom: 0;
  top: initial;
  transform: translate(-50%, 0);
}
.CoC-img-tag-link [class*=txt-onimg-left] .cm-img-txt-wrap {
  left: 0;
  right: initial;
  text-align: left;
}
.CoC-img-tag-link [class*=txt-onimg-right] .cm-img-txt-wrap {
  right: 0;
  left: initial;
  text-align: right;
}
.CoC-img-tag-link .txt-onimg-left-top .cm-img-txt-wrap {
  top: 0;
  bottom: initial;
  transform: translate(0, 0);
}
.CoC-img-tag-link .txt-onimg-right-top .cm-img-txt-wrap {
  top: 0;
  bottom: initial;
  transform: translate(0, 0);
}
.CoC-img-tag-link .txt-onimg-left-middle .cm-img-txt-wrap {
  top: 50%;
  bottom: initial;
  transform: translate(0, -50%);
}
.CoC-img-tag-link .txt-onimg-right-middle .cm-img-txt-wrap {
  top: 50%;
  bottom: initial;
  transform: translate(0, -50%);
}
.CoC-img-tag-link .txt-onimg-left-bottom .cm-img-txt-wrap {
  bottom: 0;
  top: initial;
  transform: translate(0, 0);
}
.CoC-img-tag-link .txt-onimg-right-bottom .cm-img-txt-wrap {
  bottom: 0;
  top: initial;
  transform: translate(0, 0);
}
@media only screen and (max-width: 47.99rem) {
  .CoC-img-tag-link .txt-belowimg-xs .cm-img-txt-wrap {
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    transform: initial;
  }
  .CoC-img-tag-link .txt-belowimg-xs .cm-img-txt-wrap .cm-img-txt {
    color: initial !important;
  }
  .CoC-img-tag-link .txt-belowimg-xs .cm-img-txt-wrap .cm-img-txt a {
    color: initial !important;
  }
  .CoC-img-tag-link .cm-img-tag-link.image_tag_desktop {
    display: none;
  }
  .CoC-img-tag-link .cm-img-tag-link.image_tag_mobile {
    display: block;
  }
}

.cm-img-wrapper .cm-img-txt-wrap .cm-img-txt {
  display: flex;
  flex-direction: column;
  text-align: left;
}

input[type=radio]:after, input[type=radio]:before {
  border-radius: 100%;
}
input.checkbox[type=radio]:after, input.checkbox[type=radio]:before {
  border-radius: 0%;
}

/* Max-width utility classes - generated from 100px to 1150px in 50px steps */
.max100 {
  max-width: 100px;
}

.max150 {
  max-width: 150px;
}

.max200 {
  max-width: 200px;
}

.max250 {
  max-width: 250px;
}

.max300 {
  max-width: 300px;
}

.max350 {
  max-width: 350px;
}

.max400 {
  max-width: 400px;
}

.max450 {
  max-width: 450px;
}

.max500 {
  max-width: 500px;
}

.max550 {
  max-width: 550px;
}

.max600 {
  max-width: 600px;
}

.max650 {
  max-width: 650px;
}

.max700 {
  max-width: 700px;
}

.max750 {
  max-width: 750px;
}

.max800 {
  max-width: 800px;
}

.max850 {
  max-width: 850px;
}

.max900 {
  max-width: 900px;
}

.max950 {
  max-width: 950px;
}

.max1000 {
  max-width: 1000px;
}

.max1050 {
  max-width: 1050px;
}

.max1100 {
  max-width: 1100px;
}

.max1150 {
  max-width: 1150px;
}

/* Additional max-width classes with breakpoint support */
/* Generate responsive max-width classes for common breakpoints */
.max100 {
  max-width: 100px;
}

@media only screen and (min-width: 30rem) {
  .max100-xs {
    max-width: 100px;
  }
}
@media only screen and (min-width: 48rem) {
  .max100-sm {
    max-width: 100px;
  }
}
@media only screen and (min-width: 62rem) {
  .max100-md {
    max-width: 100px;
  }
}
@media only screen and (min-width: 75rem) {
  .max100-lg {
    max-width: 100px;
  }
}
.max150 {
  max-width: 150px;
}

@media only screen and (min-width: 30rem) {
  .max150-xs {
    max-width: 150px;
  }
}
@media only screen and (min-width: 48rem) {
  .max150-sm {
    max-width: 150px;
  }
}
@media only screen and (min-width: 62rem) {
  .max150-md {
    max-width: 150px;
  }
}
@media only screen and (min-width: 75rem) {
  .max150-lg {
    max-width: 150px;
  }
}
.max200 {
  max-width: 200px;
}

@media only screen and (min-width: 30rem) {
  .max200-xs {
    max-width: 200px;
  }
}
@media only screen and (min-width: 48rem) {
  .max200-sm {
    max-width: 200px;
  }
}
@media only screen and (min-width: 62rem) {
  .max200-md {
    max-width: 200px;
  }
}
@media only screen and (min-width: 75rem) {
  .max200-lg {
    max-width: 200px;
  }
}
.max250 {
  max-width: 250px;
}

@media only screen and (min-width: 30rem) {
  .max250-xs {
    max-width: 250px;
  }
}
@media only screen and (min-width: 48rem) {
  .max250-sm {
    max-width: 250px;
  }
}
@media only screen and (min-width: 62rem) {
  .max250-md {
    max-width: 250px;
  }
}
@media only screen and (min-width: 75rem) {
  .max250-lg {
    max-width: 250px;
  }
}
.max300 {
  max-width: 300px;
}

@media only screen and (min-width: 30rem) {
  .max300-xs {
    max-width: 300px;
  }
}
@media only screen and (min-width: 48rem) {
  .max300-sm {
    max-width: 300px;
  }
}
@media only screen and (min-width: 62rem) {
  .max300-md {
    max-width: 300px;
  }
}
@media only screen and (min-width: 75rem) {
  .max300-lg {
    max-width: 300px;
  }
}
.max350 {
  max-width: 350px;
}

@media only screen and (min-width: 30rem) {
  .max350-xs {
    max-width: 350px;
  }
}
@media only screen and (min-width: 48rem) {
  .max350-sm {
    max-width: 350px;
  }
}
@media only screen and (min-width: 62rem) {
  .max350-md {
    max-width: 350px;
  }
}
@media only screen and (min-width: 75rem) {
  .max350-lg {
    max-width: 350px;
  }
}
.max400 {
  max-width: 400px;
}

@media only screen and (min-width: 30rem) {
  .max400-xs {
    max-width: 400px;
  }
}
@media only screen and (min-width: 48rem) {
  .max400-sm {
    max-width: 400px;
  }
}
@media only screen and (min-width: 62rem) {
  .max400-md {
    max-width: 400px;
  }
}
@media only screen and (min-width: 75rem) {
  .max400-lg {
    max-width: 400px;
  }
}
.max450 {
  max-width: 450px;
}

@media only screen and (min-width: 30rem) {
  .max450-xs {
    max-width: 450px;
  }
}
@media only screen and (min-width: 48rem) {
  .max450-sm {
    max-width: 450px;
  }
}
@media only screen and (min-width: 62rem) {
  .max450-md {
    max-width: 450px;
  }
}
@media only screen and (min-width: 75rem) {
  .max450-lg {
    max-width: 450px;
  }
}
.max500 {
  max-width: 500px;
}

@media only screen and (min-width: 30rem) {
  .max500-xs {
    max-width: 500px;
  }
}
@media only screen and (min-width: 48rem) {
  .max500-sm {
    max-width: 500px;
  }
}
@media only screen and (min-width: 62rem) {
  .max500-md {
    max-width: 500px;
  }
}
@media only screen and (min-width: 75rem) {
  .max500-lg {
    max-width: 500px;
  }
}
.max550 {
  max-width: 550px;
}

@media only screen and (min-width: 30rem) {
  .max550-xs {
    max-width: 550px;
  }
}
@media only screen and (min-width: 48rem) {
  .max550-sm {
    max-width: 550px;
  }
}
@media only screen and (min-width: 62rem) {
  .max550-md {
    max-width: 550px;
  }
}
@media only screen and (min-width: 75rem) {
  .max550-lg {
    max-width: 550px;
  }
}
.max600 {
  max-width: 600px;
}

@media only screen and (min-width: 30rem) {
  .max600-xs {
    max-width: 600px;
  }
}
@media only screen and (min-width: 48rem) {
  .max600-sm {
    max-width: 600px;
  }
}
@media only screen and (min-width: 62rem) {
  .max600-md {
    max-width: 600px;
  }
}
@media only screen and (min-width: 75rem) {
  .max600-lg {
    max-width: 600px;
  }
}
.max650 {
  max-width: 650px;
}

@media only screen and (min-width: 30rem) {
  .max650-xs {
    max-width: 650px;
  }
}
@media only screen and (min-width: 48rem) {
  .max650-sm {
    max-width: 650px;
  }
}
@media only screen and (min-width: 62rem) {
  .max650-md {
    max-width: 650px;
  }
}
@media only screen and (min-width: 75rem) {
  .max650-lg {
    max-width: 650px;
  }
}
.max700 {
  max-width: 700px;
}

@media only screen and (min-width: 30rem) {
  .max700-xs {
    max-width: 700px;
  }
}
@media only screen and (min-width: 48rem) {
  .max700-sm {
    max-width: 700px;
  }
}
@media only screen and (min-width: 62rem) {
  .max700-md {
    max-width: 700px;
  }
}
@media only screen and (min-width: 75rem) {
  .max700-lg {
    max-width: 700px;
  }
}
.max750 {
  max-width: 750px;
}

@media only screen and (min-width: 30rem) {
  .max750-xs {
    max-width: 750px;
  }
}
@media only screen and (min-width: 48rem) {
  .max750-sm {
    max-width: 750px;
  }
}
@media only screen and (min-width: 62rem) {
  .max750-md {
    max-width: 750px;
  }
}
@media only screen and (min-width: 75rem) {
  .max750-lg {
    max-width: 750px;
  }
}
.max800 {
  max-width: 800px;
}

@media only screen and (min-width: 30rem) {
  .max800-xs {
    max-width: 800px;
  }
}
@media only screen and (min-width: 48rem) {
  .max800-sm {
    max-width: 800px;
  }
}
@media only screen and (min-width: 62rem) {
  .max800-md {
    max-width: 800px;
  }
}
@media only screen and (min-width: 75rem) {
  .max800-lg {
    max-width: 800px;
  }
}
.max850 {
  max-width: 850px;
}

@media only screen and (min-width: 30rem) {
  .max850-xs {
    max-width: 850px;
  }
}
@media only screen and (min-width: 48rem) {
  .max850-sm {
    max-width: 850px;
  }
}
@media only screen and (min-width: 62rem) {
  .max850-md {
    max-width: 850px;
  }
}
@media only screen and (min-width: 75rem) {
  .max850-lg {
    max-width: 850px;
  }
}
.max900 {
  max-width: 900px;
}

@media only screen and (min-width: 30rem) {
  .max900-xs {
    max-width: 900px;
  }
}
@media only screen and (min-width: 48rem) {
  .max900-sm {
    max-width: 900px;
  }
}
@media only screen and (min-width: 62rem) {
  .max900-md {
    max-width: 900px;
  }
}
@media only screen and (min-width: 75rem) {
  .max900-lg {
    max-width: 900px;
  }
}
.max950 {
  max-width: 950px;
}

@media only screen and (min-width: 30rem) {
  .max950-xs {
    max-width: 950px;
  }
}
@media only screen and (min-width: 48rem) {
  .max950-sm {
    max-width: 950px;
  }
}
@media only screen and (min-width: 62rem) {
  .max950-md {
    max-width: 950px;
  }
}
@media only screen and (min-width: 75rem) {
  .max950-lg {
    max-width: 950px;
  }
}
.max1000 {
  max-width: 1000px;
}

@media only screen and (min-width: 30rem) {
  .max1000-xs {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 48rem) {
  .max1000-sm {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 62rem) {
  .max1000-md {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 75rem) {
  .max1000-lg {
    max-width: 1000px;
  }
}
.max1050 {
  max-width: 1050px;
}

@media only screen and (min-width: 30rem) {
  .max1050-xs {
    max-width: 1050px;
  }
}
@media only screen and (min-width: 48rem) {
  .max1050-sm {
    max-width: 1050px;
  }
}
@media only screen and (min-width: 62rem) {
  .max1050-md {
    max-width: 1050px;
  }
}
@media only screen and (min-width: 75rem) {
  .max1050-lg {
    max-width: 1050px;
  }
}
.max1100 {
  max-width: 1100px;
}

@media only screen and (min-width: 30rem) {
  .max1100-xs {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 48rem) {
  .max1100-sm {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 62rem) {
  .max1100-md {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 75rem) {
  .max1100-lg {
    max-width: 1100px;
  }
}
.max1150 {
  max-width: 1150px;
}

@media only screen and (min-width: 30rem) {
  .max1150-xs {
    max-width: 1150px;
  }
}
@media only screen and (min-width: 48rem) {
  .max1150-sm {
    max-width: 1150px;
  }
}
@media only screen and (min-width: 62rem) {
  .max1150-md {
    max-width: 1150px;
  }
}
@media only screen and (min-width: 75rem) {
  .max1150-lg {
    max-width: 1150px;
  }
}
/* Width utility classes */
.w-160 {
  width: 160px;
}

@media only screen and (min-width: 48rem) {
  .page--settings--main {
    align-items: flex-start;
  }

  .page__filter {
    flex-wrap: wrap;
  }

  .page__filter .filter {
    min-height: 2.25rem;
  }
}
/* Mobile: ensure filter and sort panels stack full width and order correctly */
@media only screen and (max-width: 47.99rem) {
  .page--settings--main .page__filter {
    order: 2;
    width: 100%;
  }

  .page--settings--main .page__sort {
    order: 1;
    width: 100%;
  }

  .page--settings--right {
    width: 100%;
  }
}
.first-letter-capital::first-letter {
  text-transform: capitalize;
}

.activeSort, .myStyle__text {
  white-space: nowrap;
}

body.fullbackdrop {
  overflow: hidden;
}
body.fullbackdrop.backdrop {
  top: 0 !important;
  z-index: 10 !important;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.flex-column-xs {
  flex-direction: column;
}

.flex-row-xs {
  flex-direction: row;
}

.end-xs {
  justify-content: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.baseline-xs {
  align-items: baseline;
}

.stretch-xs {
  align-items: stretch;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48rem) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .flex-row-sm {
    flex-direction: row;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .baseline-sm {
    align-items: baseline;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 65rem) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .flex-column-md {
    flex-direction: column;
  }

  .flex-row-md {
    flex-direction: row;
  }

  .end-md {
    justify-content: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .baseline-md {
    align-items: baseline;
  }

  .stretch-md {
    align-items: stretch;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 85.375rem) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .flex-column-lg {
    flex-direction: column;
  }

  .flex-row-lg {
    flex-direction: row;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .baseline-lg {
    align-items: baseline;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.row {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-reverse {
  flex-direction: row-reverse;
}

.natural-height {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.grid {
  display: grid;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex-wrap {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.self-start {
  -moz-align-self: start;
  -webkit-align-self: start;
  align-self: start;
}

.self-end {
  -moz-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}

.self-center {
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}

.self-baseline {
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}

.btn-outline {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.btn-outline:hover {
  background: #082939 !important;
}
.btn-outline:hover a {
  color: white !important;
}

.btn-primary {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
  background: #ffffff;
}
.btn-primary:hover {
  background: #082939 !important;
}
.btn-primary:hover a {
  color: white;
}

.col-gutter-lr {
  padding: 0 1rem;
}

.col-no-gutter {
  padding: 0;
}

/* BOX */
.box {
  /*@include box;*/
}

.box-top {
  padding-top: 1rem;
}

.box-bottom {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 65rem) {
  .text-center-md {
    text-align: center;
  }
}
.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  justify-content: center;
}

.link {
  line-height: 100%;
  text-decoration-line: underline;
  color: #082939;
}
.link:hover {
  cursor: pointer;
}

.middle {
  align-items: center;
}

.between {
  justify-content: space-between;
}

.base {
  align-items: center;
}

.tooltip {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #F1F0EE;
}

.not-found {
  position: relative;
  max-height: 80vh;
  max-width: unset !important;
}
.not-found .row {
  padding-top: 0;
}
.not-found .row .cm-img-wrapper {
  position: static;
}
.not-found .cm-img-txt-wrap {
  color: #ffffff;
  text-align: left !important;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  padding: 2rem !important;
  left: 0 !important;
  bottom: 0 !important;
  top: unset !important;
  width: 100%;
  row-gap: 0 !important;
}
@media only screen and (min-width: 48rem) {
  .not-found .cm-img-txt-wrap {
    width: 35%;
  }
}
@media only screen and (max-width: 47.99rem) {
  .not-found .cm-img-txt-wrap {
    width: 100%;
  }
}
.not-found .cm-img-txt-wrap h4 {
  order: -1 !important;
  margin-bottom: 1rem !important;
}
.not-found .cm-img-txt-wrap h2 {
  font-size: 3em;
}
.not-found .cm-img-txt-wrap span {
  line-height: 140%;
}
.not-found .cm-img-txt-wrap .cm-img-cta a {
  flex-direction: row !important;
  padding: 1rem;
}

#header {
  position: sticky;
  top: 0;
  z-index: 999999999;
}
@media only screen and (min-width: 65rem) {
  #header .page--container {
    position: relative;
  }
}
#header.header__notScrolled {
  position: static;
}
@media only screen and (max-width: 47.99rem) {
  #header.header__scrolled .header__logo, #header.header__notScrolled .header__logo {
    display: none;
  }
}
@media only screen and (max-width: 47.99rem) {
  #header.header__scrolled .header__search, #header.header__notScrolled .header__search {
    order: 0;
    margin: 0;
    border: none;
    flex: 1;
  }
}
@media only screen and (max-width: 47.99rem) {
  #header.header__scrolled .header, #header.header__notScrolled .header {
    padding: 6px 0;
    column-gap: 20px;
  }
}
#header.header__scrolled .header__icons__wrapper, #header.header__notScrolled .header__icons__wrapper {
  margin-left: unset;
}
#header .header {
  flex-wrap: wrap;
}
#header .header__search {
  margin-top: 0.75rem;
  order: 3;
  border-top: 1px solid #d0d0d0;
  padding: 0.75rem 0 0.75rem 1rem;
  width: 100%;
}
#header .header__search #suggest-area {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s linear;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  overflow: auto;
  padding-right: 0.5rem;
  height: calc(100vh - 250px);
}
#header .header__search #suggest-area.active {
  max-height: 0px;
}
#header .header {
  position: relative;
  padding: 0.75rem 0;
  padding-bottom: 0;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
}
@media only screen and (min-width: 65rem) {
  #header .header {
    justify-content: unset;
    padding: 1rem 1.5rem;
    padding-bottom: 0.75rem;
    flex-wrap: nowrap;
  }
}
#header .header__logo {
  margin-left: 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 65rem) {
  #header .header__logo {
    margin-left: 0;
  }
}
#header .header__logo a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#header .header__search {
  z-index: 3;
  background: #f7f6f4;
}
@media only screen and (min-width: 65rem) {
  #header .header__search {
    background: none;
    position: relative;
    margin-top: 0;
    width: 100%;
    padding: 0;
    border: none;
    order: unset;
  }
  #header .header__search form {
    padding: 0 !important;
  }
  #header .header__search #suggest-area {
    top: 32px;
    width: 100%;
    position: absolute;
    left: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }
}
@media only screen and (min-width: 65rem) and (min-width: 65rem) {
  #header .header__search #suggest-area {
    width: fit-content !important;
    min-width: 500px;
    max-width: 1000px;
    height: fit-content !important;
  }
}
@media only screen and (min-width: 65rem) {
  #header .header__search #suggest-area.active {
    overflow: hidden;
  }
}
#header .header__icon {
  padding: 4px 8px;
  align-items: center;
  cursor: pointer;
}
@media only screen and (min-width: 65rem) {
  #header .header__icon {
    padding: 0;
  }
}
#header .header__icon.--filled svg {
  fill: #000;
}
@media only screen and (min-width: 65rem) {
  #header .header__icon.header__login, #header .header__icon.header__wishlist, #header .header__icon.header__cart {
    margin: -8px -8px;
    padding: 8px;
  }
}
@media only screen and (max-width: 47.99rem) {
  #header .header__icon.header__login, #header .header__icon.header__wishlist, #header .header__icon.header__cart {
    margin: -4px -2px;
    padding: 8px 6px;
  }
}
@media only screen and (max-width: 47.99rem) {
  #header .header__icon.header__mobilemenu {
    margin: -4px -2px;
    padding: 8px 6px;
  }
}
#header .header__icons__wrapper {
  margin-right: 1rem;
  margin-left: auto;
}
@media only screen and (min-width: 65rem) {
  #header .header__icons__wrapper {
    margin-right: 0;
    column-gap: 17px;
  }
}
#header .header__icons__wrapper .header__styleadvicer {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #082939;
  background: #082939;
  padding: 0.5076142132rem 1rem;
  color: #fff;
  white-space: nowrap;
}
#header .header__icons__wrapper .header__styleadvicer:hover {
  background: #f7f6f4;
  color: #082939;
  border: 1px solid #082939;
  cursor: pointer;
}
#header .header__customerservice {
  background-color: transparent;
  color: #082939;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid #082939;
  padding: 0.5076142132rem 1rem;
  white-space: nowrap;
}
#header .header__customerservice:hover {
  color: #f7f6f4;
  background: #082939;
  border: 1px solid #082939;
  cursor: pointer;
}

.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.magazine-v2 {
  /* Hide legacy search header in results */
  /* Extra specificity for cases where #bloggsearch_content wraps/equals results */
  /* Desktop-friendly grid for legacy results */
  /* New legacy markup wraps results in .matched-group, apply grid there */
  /* iPad-specific search layout improvements */
  /* iPad Portrait: single column for better readability */
  /* Legacy search result structure: .blog_search_article */
  /* Legacy card base */
  /* Tag results section (displayed below articles) */
}
.magazine-v2 .magazine__search-results {
  margin: 1rem 0 2rem;
  padding: 0 1rem;
}
.magazine-v2 .magazine__search-header {
  font-size: 14px;
  margin: 0 0 8px;
}
.magazine-v2 .magazine__search-results .magazine__search-header {
  display: none !important;
}
.magazine-v2 #bloggsearch_content.magazine__search-results > .magazine__search-header,
.magazine-v2 #bloggsearch_content .magazine__search-header {
  display: none !important;
}
.magazine-v2 .magazine__search-count {
  color: #717171;
}
.magazine-v2 #bloggsearch_content > .matched-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 74.999rem) {
  .magazine-v2 #bloggsearch_content > .matched-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine-v2 {
    /* Better search cards for tablet */
  }
  .magazine-v2 .magazine__search-results {
    padding: 0 2rem;
    /* Match main content padding */
  }
  .magazine-v2 #bloggsearch_content > .matched-group {
    gap: 2rem;
    /* More breathing room on tablet */
  }
  .magazine-v2 #bloggsearch_content .blog_search_article {
    padding: 1rem;
    /* Better touch targets */
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) and (orientation: portrait) {
  .magazine-v2 #bloggsearch_content > .matched-group {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .magazine-v2 #bloggsearch_content > .matched-group {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
@media only screen and (min-width: 113rem) {
  .magazine-v2 #bloggsearch_content > .matched-group {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.25rem;
  }
}
.magazine-v2 #bloggsearch_content .blogg_search_article,
.magazine-v2 #bloggsearch_content .blogginlagg_generell,
.magazine-v2 #bloggsearch_content article:not(.magazine-card) {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.magazine-v2 #bloggsearch_content .blog_search_article {
  background: #fff;
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
}
.magazine-v2 #bloggsearch_content .blog_search_image {
  order: 1;
}
.magazine-v2 #bloggsearch_content .matched-group .blog_search_image img,
.magazine-v2 #bloggsearch_content .blog_search_image img:not(.magazine-card__img) {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/5;
  background: #f6f6f6;
}
.magazine-v2 #bloggsearch_content .magazine-card__img {
  aspect-ratio: 4/5;
}
.magazine-v2 #bloggsearch_content .blog_search_info {
  order: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.magazine-v2 #bloggsearch_content .blog_search_date {
  font-size: 12px;
  line-height: 1.2;
  color: #6b7280;
  /* gray-500 */
}
.magazine-v2 #bloggsearch_content .blog_search_title,
.magazine-v2 #bloggsearch_content .blog_search_title a {
  font-size: 1.5rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #0a0a0a;
  margin: 0.5rem 0 0;
}
.magazine-v2 #bloggsearch_content .blog_search_desc {
  font-size: 14px;
  color: #333;
}
.magazine-v2 #bloggsearch_content .blog_search_desc a {
  color: inherit;
  text-decoration: none;
}
.magazine-v2 #bloggsearch_content .blog_search_desc a:hover {
  text-decoration: underline;
}
.magazine-v2 #bloggsearch_content .blogginlagg_titel,
.magazine-v2 #bloggsearch_content h3,
.magazine-v2 #bloggsearch_content .title {
  font-size: 1.5rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0.5rem 0 0;
}
.magazine-v2 #bloggsearch_content a {
  color: inherit;
  text-decoration: none;
}
.magazine-v2 #bloggsearch_content a:hover {
  text-decoration: underline;
}
.magazine-v2 #bloggsearch_content .matched-group img,
.magazine-v2 #bloggsearch_content img:not(.magazine-card__img) {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.magazine-v2 #bloggsearch_content .blogginlagg_huvudbild img:not(.magazine-card__img) {
  aspect-ratio: 4/5;
}
.magazine-v2 #bloggsearch_content .blogginlagg_ingress,
.magazine-v2 #bloggsearch_content .ingress {
  font-size: 14px;
  color: #333;
}
.magazine-v2 #bloggsearch_content #blog_search_show_more,
.magazine-v2 .magazine__search-results #blog_search_show_more {
  display: inline-block;
  margin: 8px 0 0;
  padding: 8px 12px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  cursor: pointer;
}
.magazine-v2 #bloggsearch_content #blog_search_show_more:hover {
  background: #000;
  color: #fff;
}
.magazine-v2 .magazine__search-loading {
  font-size: 14px;
  color: #717171;
}
.magazine-v2 .magazine__search-error {
  color: #b00020;
  background: #fde7e9;
  padding: 8px;
  border: 1px solid #fac5cb;
}
.magazine-v2 .magazine__search-debug {
  font-size: 12px;
  color: #555;
  background: #f6f6f6;
  padding: 6px 8px;
  border: 1px dashed #ddd;
  margin-bottom: 6px;
}
.magazine-v2 .magazine__search-tags {
  margin-top: 2rem;
}
.magazine-v2 .magazine__search-tags__title {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.magazine-v2 .magazine__search-tag-posts {
  margin-top: 2rem;
}

/* BLOGG STARTSIDA */
/* Bring over homepage blog strip styles used in current build */
/* New Magazine v2 scope removed here to isolate issue; styles apply globally */
.magazine {
  border-bottom: 1px solid #D0D0D0;
}

.magazine .cm-blog__container {
  width: unset;
  position: relative;
}

.magazine .cm-blog__container:hover {
  cursor: pointer;
}

.magazine .cm-blog__container:hover .cm-blog__readmore {
  position: absolute;
  bottom: 0;
  opacity: 1;
}

.magazine .cm-blog__container:hover .cm-blog__readmore::after {
  content: "\e900";
  margin-left: 8px;
  font-size: 7.2px;
  font-family: "Care-of-Carl-Icons" !important;
  /* speak: never; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  position: absolute;
  bottom: 0;
  height: 11px;
  text-align: center;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.magazine .cm-blog__readmore {
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}

.magazine .cm-blog__title {
  font-size: 24px;
}

.magazine .cm-blog__post {
  width: 74%;
  border-right: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
  margin-right: -1px;
  display: flex;
  padding: 1rem 1rem 2.5rem 1rem;
  flex-direction: column;
  flex-shrink: 0;
  row-gap: 2.5rem;
}

.magazine .cm-blog__post:first-child {
  border-left: 0;
}

.magazine .cm-blog__post:last-child {
  border-right: 0;
}

@media only screen and (min-width: 65rem) {
  .magazine .cm-blog__post {
    width: fit-content;
    max-width: 666px;
    padding: 2rem;
    column-gap: 2.125rem;
    flex-direction: row;
    row-gap: 0;
  }
}
.magazine .cm-blog__post h2 {
  line-height: 110%;
  font-size: 1.5em !important;
  letter-spacing: -0.01em;
}

.magazine .cm-blog__post img {
  aspect-ratio: 4/5;
  object-fit: cover;
  max-height: 185px;
  /* No border radius on images */
  /* Better iPad display */
}
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine .cm-blog__post img {
    max-height: 220px;
    /* Larger on tablet between mobile and desktop */
    /* No border radius on images */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    /* Subtle depth */
  }
}

@media only screen and (min-width: 48rem) {
  .magazine .cm-blog__post img {
    max-height: 238px;
  }
}
/* Global cm-blog helpers used by the strip */
.cm-blog__headline {
  border-bottom: 1px solid #D0D0D0;
  margin: 0.5rem 0 0 0;
  padding: 2.5rem;
}

.cm-blog__container {
  width: 50%;
  display: flex;
  align-items: center;
}

.cm-blog__content {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: center;
}

.cm-blog__post.first {
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media only screen and (min-width: 65rem) {
  .cm-blog__post.first {
    flex-direction: row;
  }
}
.cm-blog__post.first > img {
  width: 100%;
}

@media only screen and (min-width: 65rem) {
  .cm-blog__post.first > img {
    width: 50%;
  }
}
/* First post container sizing handled by widths above */
/* Responsive tag cloud padding (replaces p-16-xs p-0-sm) */
.magazine__tags {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (max-width: 47.99rem) {
  .magazine__tags {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 65rem) {
  .magazine__tags {
    padding-left: 0;
    padding-right: 0;
  }
}
/* Tag cloud below hero on mobile spacing */
.magazine__tags-mobile {
  margin: 1.5rem 0 0;
}

@media only screen and (min-width: 65rem) {
  .magazine__tags-mobile {
    display: none !important;
  }
}
/* Blog post tag module styles - based on Figma design */
.blog-post-tags {
  margin: 2.5rem 0;
  padding: 0;
}

@media only screen and (max-width: 47.99rem) {
  /* Use parent gap for spacing on mobile */
  .blog-post-tags {
    margin: 0;
  }
}
/* Tablet-specific vertical padding adjustment */
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .blog-post-tags {
    margin: 1rem 0;
    /* Reduced vertical spacing for tablet devices */
  }
}
/* Remove margin in sidebar context to use flex gap instead */
.magazine__sidebar .blog-post-tags {
  margin: 0;
}

.blog-post-tags__title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #717171;
  text-transform: uppercase;
  letter-spacing: 0.72px;
  margin: 0 0 1rem;
}

.blog-post-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.blog-post-tags__tag {
  background: rgba(174, 166, 148, 0.2);
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1;
  color: #000000;
  text-transform: capitalize;
  white-space: nowrap;
  border: none;
}
.blog-post-tags__tag:hover {
  background: rgba(174, 166, 148, 0.3);
  color: #000000;
}

/* Blog Ajax Loading Styles */
.blog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1000;
  overflow-y: auto;
  display: none;
}
.blog-overlay.active {
  display: block;
}

/* Make blog cards clickable */
.magazine-card--clickable {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.magazine-card--clickable:hover {
  transform: translateY(-2px);
}

.magazine-card__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
}

/* Focus ring for card overlay links only when user is tabbing */
.user-tabbing .magazine-card__overlay-link:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.magazine-hero__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
}

/* Focus ring for hero overlay links only when user is tabbing */
.user-tabbing .magazine-hero__overlay-link:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

.magazine-post__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 2rem;
}

.loading-spinner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  color: #717171;
}
.loading-spinner::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #717171;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.magazine-post__lazy-content {
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.magazine {
  margin: 0 auto;
  padding: 0 1rem 3rem;
  max-width: 78rem;
}

@media only screen and (max-width: 47.99rem) {
  .magazine {
    padding-left: 0;
    padding-right: 0;
  }
}
/* On tablet we already set container padding to 2rem where needed; ensure widget sliders can bleed to full width via internal resets above */
/* Single post article container (fits inside .magazine__main column) */
.magazine-post {
  display: block;
  width: 100%;
  background: transparent;
  min-height: auto;
}

/* Mobile search (between nav and hero) */
.magazine__mobile-search {
  padding: 0;
  /* Remove side padding to allow full width */
  width: 100%;
  /* Ensure full width */
  margin-bottom: 1.5rem;
  /* 24px gap below search on mobile */
}

@media only screen and (min-width: 65rem) {
  .magazine__mobile-search {
    display: none !important;
  }
}
/* Mobile search reuses generic search component; override spacing/style */
.magazine__mobile-search .magazine__search {
  margin: 0;
}

.magazine__mobile-search .magazine__search-field {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* 8px gap like Figma */
  padding: 1rem;
  /* 16px padding like Figma */
  border-top: 1px solid #D0D0D0;
  /* Full-bleed separator above search */
  border-bottom: 1px solid #D0D0D0;
  /* Baseline separator below search */
  border-left: 0;
  /* Remove left border for full width */
  border-right: 0;
  /* Remove right border for full width */
  background: #FFF;
  width: 100%;
  /* Full width */
  box-sizing: border-box;
}

.magazine__search-icon {
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}

.magazine__mobile-search .magazine__search-field .input {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
}

.magazine__mobile-search .magazine__search-field .input::placeholder {
  color: #717171;
  opacity: 1;
}

/* Scoped typographic spacing overrides for Magazine */
.magazine h1,
.magazine h2,
.magazine h3,
.magazine h4,
.magazine h5,
.magazine h6 {
  /* Inherit typography from global; adjust only spacing */
  margin: 0 0 1rem;
}

/* Heading spacing override (mobile + desktop) */
.magazine h2,
.magazine h3,
.magazine h4,
.magazine h5,
.magazine h6 {
  margin: 1rem 0;
  /* top/bottom: 1rem; left/right: 0 */
}

.magazine p {
  margin: 0 0 1rem;
}

/* Blog Post Header */
/* Optional: If keeping a dedicated post header section below the main header */
.magazine-post__header {
  position: relative;
  padding: 0 0 2rem;
  border-bottom: 1px solid #d0d0d0;
}

.magazine-post__breadcrumb {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
}

.magazine-post__breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.magazine-post__breadcrumb-icon {
  transform: rotate(180deg);
  flex-shrink: 0;
}

.magazine-post__content {
  display: flex;
  flex-direction: column-reverse;
  /* Mobile: hero first visually */
  gap: 1.5rem;
  align-items: flex-start;
}

@media (min-width: 75rem) {
  .magazine-post__content {
    gap: 3rem;
  }
}
.magazine-post__text {
  flex: 1 1 0;
  min-width: 0;
  max-width: 42.6875rem;
  /* 683px, matches Figma/article text width */
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.magazine-post__meta {
  display: flex;
  gap: 0.75rem;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000;
}

.magazine-post__title {
  font-family: "Financier Display", serif;
  font-weight: 300;
  font-size: 3rem;
  /* 48px */
  line-height: 1;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0;
}

.magazine-post__preamble {
  font-family: "Financier Display", serif;
  font-weight: 300;
  font-size: 2rem;
  /* 32px */
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #000;
}

.magazine-post__contributors {
  display: flex;
  gap: 0.75rem;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  text-transform: capitalize;
}

.magazine-post__hero {
  position: relative;
  /* breadcrumb overlay anchor */
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
}

.magazine-post__hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive: tablet/desktop enhancements */
@media only screen and (min-width: 65rem) {
  .magazine-post__content {
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
  }

  /* Desktop: keep natural order (text then hero) */
  .magazine-post__text {
    order: 0;
  }

  .magazine-post__hero {
    order: 0;
    height: 44.375rem;
  }
}
/* iPad-specific blog post improvements */
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine-post__content {
    gap: 1.5rem;
    padding: 0 2rem;
    /* Consistent with list padding */
  }

  .magazine-post__title {
    font-size: 2.5rem;
    /* Better size for tablet reading */
    margin-bottom: 1rem;
  }

  .magazine-post__preamble {
    font-size: 1.5rem;
    /* Improved readability */
    margin-bottom: 1.5rem;
  }

  .magazine-post__hero {
    max-height: 500px;
    /* Prevent overly tall images on tablet */
  }

  /* Improve text content readability on tablet */
  .magazine-post__text {
    max-width: 600px;
    /* Optimal reading width for tablet */
  }
}
/* iPad Portrait blog post layout */
@media only screen and (min-width: 48rem) and (max-width: 64rem) and (orientation: portrait) {
  .magazine-post__content {
    flex-direction: column;
    gap: 1.5rem;
  }

  .magazine-post__hero {
    order: -1;
    /* Hero first on portrait tablet */
    aspect-ratio: 16/9;
    /* Better aspect ratio for portrait */
    max-height: 400px;
  }

  .magazine-post__text {
    max-width: none;
    /* Full width on portrait */
  }
}
/* Mobile responsive */
@media only screen and (max-width: 47.99rem) {
  .magazine-post__header {
    padding: 0 0 1.5rem;
  }

  .magazine-post__content {
    gap: 1.5rem;
  }

  .magazine-post__text {
    flex: none;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .magazine-post__title {
    font-size: 2rem;
    /* 32px */
  }

  .magazine-post__preamble {
    font-size: 1.25rem;
    /* 20px */
  }

  .magazine-post__hero {
    flex: none;
    width: 100%;
    aspect-ratio: 4/5;
  }
}
/* Magazine ACE Content Styles */
.magazine-ace-content {
  padding: 3rem 0 0 0;
}

.magazine-ace-section {
  margin-bottom: 2rem;
}

/* Use global grid classes instead: .row, .col-xs-12, .col-md-6, etc. */
/* This section works with global grid system - no custom classes needed */
/* Magazine Content (HTMLContent widget) */
.magazine-content {
  font-size: 1rem;
  line-height: 1.6;
  color: #000;
  /* Ensure no top margin on the first element inside the content block */
  /* Ensure standalone headings keep vertical rhythm when first in block */
  /* Inherits font-family from global, only specify size/spacing */
}
.magazine-content > :first-child {
  margin-top: 0 !important;
}
.magazine-content h1, .magazine-content h2, .magazine-content h3, .magazine-content h4, .magazine-content h5, .magazine-content h6 {
  font-family: "Financier Display", serif;
  font-weight: 300;
  margin: 2rem 0 1rem;
  color: #000;
}
.magazine-content h2 {
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.magazine-content > h2:first-child {
  padding-top: 1rem;
}
@media only screen and (min-width: 65rem) {
  .magazine-content > h2:first-child {
    padding-top: 1.5rem;
  }
}
.magazine-content p {
  margin: 0 0 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

/* Smart spacing solution: Use adjacent sibling combinator */
/* When a row containing magazine-content with h2 is followed by a row with images/videos */
.magazine-ace-section .row:has(.magazine-content h2) + .row .magazine-image,
.magazine-ace-section .row:has(.magazine-content h2) + .row .magazine-video {
  padding-top: 1rem;
  /* Reduced from 40px/64px */
}
@media (min-width: 768px) {
  .magazine-ace-section .row:has(.magazine-content h2) + .row .magazine-image,
.magazine-ace-section .row:has(.magazine-content h2) + .row .magazine-video {
    padding-top: 1.5rem;
    /* Reduced from 64px to 24px on desktop */
  }
}

/* Broader fallback: Use a general approach for stacked images */
.magazine-image + .magazine-image,
.magazine-video + .magazine-video,
.magazine-image + .magazine-video,
.magazine-video + .magazine-image {
  padding-top: 1rem;
  /* Reduce spacing between consecutive images */
}
@media (min-width: 768px) {
  .magazine-image + .magazine-image,
.magazine-video + .magazine-video,
.magazine-image + .magazine-video,
.magazine-video + .magazine-image {
    padding-top: 1.5rem;
    /* Reduced spacing on desktop */
  }
}

/* Fallback for browsers without :has() support */
@supports not (selector(:has(*))) {
  /* Apply smarter default spacing to all images following content */
  .magazine-ace-section .row + .row .magazine-image,
.magazine-ace-section .row + .row .magazine-video {
    padding-top: 1.5rem;
    /* Compromise: 24px instead of 40px/64px */
  }
  @media (min-width: 768px) {
    .magazine-ace-section .row + .row .magazine-image,
.magazine-ace-section .row + .row .magazine-video {
      padding-top: 2rem;
      /* 32px instead of 64px on desktop */
    }
  }

  /* And reduce h2 bottom margin slightly to compensate */
  .magazine-content h2 {
    margin-bottom: 0.75rem;
    /* Reduced from 1rem */
  }
}
/* Blog Text Content - Matches Figma Design */
.blog-text-content {
  box-sizing: border-box;
  display: block;
  /* Use normal document flow, not flex */
  padding: 0;
  /* Remove excessive padding */
  width: 100%;
  /* Responsive width */
  max-width: 683px;
  /* Constrain to Figma design width */
  margin: 0 auto;
  /* Center the content */
  /* Answer/Body text styling - inherits GT America from global */
  /* iPad-specific text improvements */
  /* Quote styling - Test Financier Display 32px centered */
  /* Section wrapper for Q&A pairs */
  /* Handle longer text content sections */
}
.blog-text-content p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 1rem 0;
  /* Add bottom margin for paragraph spacing */
}
.blog-text-content p:last-child {
  margin-bottom: 0;
  /* Remove bottom margin for last paragraph */
}
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .blog-text-content {
    max-width: 100%;
    /* Use full available width on tablet */
    padding: 0 1rem;
    /* Add padding for tablet */
  }
  .blog-text-content p {
    font-size: 16px;
    /* Larger text for better tablet reading */
    line-height: 1.5;
    /* Better line spacing */
    margin-bottom: 1.25rem;
    /* More spacing between paragraphs */
  }
  .blog-text-content blockquote {
    font-size: 28px;
    /* Slightly smaller quote text for tablet */
    padding: 1.25rem 0;
    margin: 2rem 0;
  }
}
.blog-text-content blockquote {
  font-family: "Test Financier Display", serif;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.32px;
  color: #000000;
  text-align: center;
  padding: 1.5rem 0;
  margin: 2.5rem 0;
  position: relative;
  quotes: '"' '"';
}
.blog-text-content blockquote::before {
  content: open-quote;
  font-family: "Times New Roman", serif;
}
.blog-text-content blockquote::after {
  content: close-quote;
  font-family: "Times New Roman", serif;
}
.blog-text-content .qa-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
  /* Ensure proper spacing within sections */
}
.blog-text-content .qa-section:last-child {
  margin-bottom: 0;
}
.blog-text-content .qa-section h2, .blog-text-content .qa-section h3 {
  margin-bottom: 0.5rem;
}
.blog-text-content .qa-section p {
  margin-top: 0;
}
.blog-text-content.single-paragraph {
  gap: 0;
}
.blog-text-content.single-paragraph p {
  margin-bottom: 2.5rem;
}
.blog-text-content.single-paragraph p:last-child {
  margin-bottom: 0;
}

/* Magazine Images - Responsive spacing via padding (matches build) */
.magazine-image {
  margin: 0;
  /* Remove conflicting margins */
  padding: 40px 0;
  /* Mobile: 40px top/bottom */
  width: 100%;
}
.magazine-image--center {
  text-align: center;
}
.magazine-image--left {
  text-align: left;
}
.magazine-image--right {
  text-align: right;
}

@media (min-width: 768px) {
  .magazine-image {
    padding: 64px 0;
    /* Desktop: 64px top/bottom */
  }
}
/* Magazine ACE content works with global grid classes (.row, .col-*) */
/* No custom styling needed - use global grid system */
.magazine-image__img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  /* iPad-specific image improvements */
}
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine-image__img {
    /* No border radius on images */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* Subtle shadow for depth */
    max-height: 600px;
    /* Prevent overly tall images on tablet */
    object-fit: cover;
    /* Maintain aspect ratio */
  }
}
.magazine-image--center .magazine-image__img {
  margin: 0 auto;
}

/* Extra text elements used within image blocks */
.magazine-image__caption {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #666;
  text-align: center;
  font-style: italic;
  line-height: 1.4;
  /* Better tablet reading */
}
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine-image__caption {
    font-size: 1rem;
    /* Larger caption text on tablet */
    margin-top: 1.25rem;
    line-height: 1.5;
    max-width: 90%;
    /* Constrain width for better readability */
    margin-left: auto;
    margin-right: auto;
  }
}

.magazine-image__headline {
  margin: 0 0 1.5rem 0;
  font-weight: 600;
  line-height: 1.2;
}

.magazine-image__subtitle {
  margin: 0 0 1rem 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.magazine-image__subtitle-text {
  margin: 1rem 0 0 0;
  font-size: 0.95rem;
  line-height: 1.4;
}

.magazine-image__cta {
  margin-top: 1.5rem;
}

.magazine-image__cta a {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.magazine-image__cta a:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Image gutters behavior note:
  - Mobile (xs-only): restore default side padding even if columns use col-no-gutter
  - Desktop (md-up): provide a 16px internal gap between adjacent image columns and keep outer edges flush
*/
/* Magazine Videos - Same spacing as images for consistency */
.magazine-video {
  margin: 0;
  /* Remove all spacing */
  padding: 40px 0;
  /* Mobile: 40px top/bottom */
  width: 100%;
  /* Fill container width naturally */
}
.magazine-video--center {
  text-align: center;
}
.magazine-video--left {
  text-align: left;
}
.magazine-video--right {
  text-align: right;
}

@media (min-width: 768px) {
  .magazine-video {
    padding: 64px 0;
    /* Desktop: 64px top/bottom */
  }
}
.magazine-ace-content {
  /* Mobile: ensure image columns keep standard side padding even if rendered with col-no-gutter */
  /* Desktop gap between adjacent image columns (16px total) */
}
@media only screen and (max-width: 47.99rem) {
  .magazine-ace-content .magazine-ace-section .row > .col-no-gutter {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 65rem) {
  .magazine-ace-content .magazine-ace-section .row > .col-no-gutter {
    padding-left: 16px;
    padding-right: 16px;
  }
  .magazine-ace-content .magazine-ace-section .row > .col-no-gutter:first-child {
    padding-left: 0;
  }
  .magazine-ace-content .magazine-ace-section .row > .col-no-gutter:last-child {
    padding-right: 0;
  }
}

.magazine-video__embed {
  width: 100%;
  position: relative;
  /* Common aspect ratios for responsive embeds */
  /* Make embedded iframes responsive */
}
.magazine-video__embed--16-9 {
  aspect-ratio: 16/9;
}
.magazine-video__embed--4-3 {
  aspect-ratio: 4/3;
}
.magazine-video__embed iframe, .magazine-video__embed video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.magazine-video__player {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
}
.magazine-video--center .magazine-video__player {
  margin: 0 auto;
}

.magazine-video__caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #717171;
  margin: 0.5rem 0 0 0;
  text-align: center;
}

.magazine-video__headline {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
  margin: 0 0 1rem 0;
}

/* Magazine Article Widgets */
.magazine-article-widget {
  margin: 2rem 0;
  /* Remove horizontal padding to avoid double gutters; keep vertical rhythm from parent rows */
  padding: 0;
  background: #f8f8f8;
  border-radius: 4px;
}

/* Remove inner gutters so content aligns with parent columns */
.magazine-article-widget > .row {
  margin-left: 0;
  margin-right: 0;
}

.magazine-article-widget > .row > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

/* Ensure any slider within the widget spans 100% width without extra paddings/margins */
.magazine-article-widget .slider,
.magazine-article-widget .slider-container,
.magazine-article-widget .product-slider,
.magazine-article-widget .products,
.magazine-article-widget .snapping--wrapper,
.magazine-article-widget .snapping,
.magazine-article-widget .swiper,
.magazine-article-widget .swiper-container,
.magazine-article-widget .slick-slider,
.magazine-article-widget .magazine-article-slider__products,
.magazine-article-widget .magazine-article-slider__list {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

/* Mobile optimization for article widgets */
@media only screen and (max-width: 47.99rem) {
  .magazine-article-widget {
    margin: 1.5rem 0 !important;
    padding: 0 !important;
    /* rely on outer column gutters */
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Also target widget inside grid columns specifically */
  .col-xs-12 .magazine-article-widget,
[class*=col-] .magazine-article-widget {
    margin: 1.5rem 0 !important;
    padding: 0 !important;
    /* avoid double gutter inside nested cols */
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Remove nested column padding inside widget (prevents double side gutters) */
  .magazine-article-widget .product_card_wrapper.col-xs-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Neutralize common utility paddings inside cards for tighter mobile look */
  .magazine-article-widget .px-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Remove side padding on snapping containers inside widget */
  .magazine-article-widget .snapping--wrapper,
.magazine-article-widget .snapping {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Ensure horizontal list containers don't introduce extra margins */
  .magazine-article-widget .snapping--container,
.magazine-article-widget .snapping--viewport {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Inside article widget, set product cards to 69% width on mobile (Figma)
     Overrides global 40% width from snapping.cell--small */
  .magazine-article-widget .snapping.cell--small .product,
.magazine-article-widget .snapping.cell--small .product-cell {
    width: 69% !important;
    min-width: 69% !important;
  }
}
.magazine-article-slider__category {
  font-style: italic;
  color: #666;
  margin-bottom: 1rem;
}

.magazine-article-slider__products {
  margin: 1.5rem 0;
}

/* Mobile: tighter spacing for product list */
@media only screen and (max-width: 47.99rem) {
  .magazine-article-slider__products {
    margin: 1rem 0;
  }
}
.magazine-article-slider__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.magazine-article-slider__item {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}
.magazine-article-slider__item:last-child {
  border-bottom: none;
}

.magazine-article-slider__product-name {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
}

.magazine-article-slider__more {
  margin-top: 1.5rem;
}

/* Mobile: reduce top margin for CTA button */
@media only screen and (max-width: 47.99rem) {
  .magazine-article-slider__more {
    margin-top: 1rem;
  }
}
.magazine-article-slider__more-link {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: #000;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transition: background 0.15s;
}
.magazine-article-slider__more-link:hover {
  background: #333;
}

/* Widget Error Display */
.magazine-widget-error {
  padding: 1rem;
  background: #ffebee;
  border: 1px solid #f44336;
  color: #c62828;
  font-family: monospace;
  font-size: 12px;
}

/* Sidebar sticky behavior */
.magazine .magazine__sidebar {
  line-height: 1.3;
  position: sticky;
  top: 4rem;
  /* account for fixed header */
  align-self: flex-start;
  z-index: 5;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  /* Desktop: flex layout with consistent 1.5rem gap */
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.magazine .magazine__nav-title {
  /* Inherit Financier Display from global h2; apply sidebar-specific sizing */
  font-size: 2rem;
  /* 32px */
  line-height: 1.1;
  /* 110% */
  letter-spacing: -0.01em;
  /* -1% */
  text-transform: none;
  color: #222;
  margin: 0 0 0.5rem;
  display: inline-block;
  vertical-align: bottom;
}

.magazine .magazine__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.magazine .magazine__nav-list a,
.magazine .magazine__nav-list .magazine__nav-link {
  display: inline-block;
  padding: 0.25rem 0;
  position: relative;
  transition: color 0.15s;
  font-size: 2rem;
  /* 32px */
  line-height: 1.1;
  /* 110% */
  letter-spacing: -0.01em;
  /* ~ -0.32px */
  font-family: "Financier Display";
}

.magazine .magazine__nav-list a:hover,
.magazine .magazine__nav-list .magazine__nav-link:hover {
  color: #000;
}

.magazine .magazine__nav-list a.is-active,
.magazine .magazine__nav-list .magazine__nav-link.is-active {
  color: #044778;
}

.magazine .magazine__main {
  flex: 1;
  min-width: 0;
}

/* Two-column page layout handled by utilities (d-flex + col-*) */
.magazine .magazine__layout {
  align-items: flex-start;
  gap: 2rem;
}

@media (min-width: 75rem) {
  .magazine .magazine__layout {
    gap: 3rem;
  }
}
/* Ensure the sidebar column itself is sticky on desktop to maintain position in flex grid */
@media (min-width: 48rem) {
  .magazine .magazine__sidebar-col {
    position: sticky;
    top: 4rem;
    /* match sidebar top */
    align-self: flex-start;
    height: calc(100vh - 4rem);
    z-index: 4;
  }

  .magazine .magazine__sidebar-col > .magazine__sidebar {
    height: 100%;
  }
}
/* Sidebar blocks (placeholders) */
.magazine__sidebar .headline {
  font-size: 1rem;
  margin: 1.25rem 0 0.5rem;
}

/* Tag cloud label per Figma */
.magazine__tags .headline {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #717171;
  margin: 0 0 0.5rem;
}

.magazine__search .row {
  margin: 0;
}

.magazine__search .input {
  width: 100%;
}

.magazine__search .btn--block {
  width: 100%;
}

.magazine__search-field {
  padding: 0 0 11px;
  border-bottom: 1px solid #E0E0E0;
}

.magazine__search-field .input {
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  color: #000;
}

.magazine__search-field .input::placeholder {
  color: #717171;
  opacity: 1;
}

.magazine__tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.magazine__tag-list .tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(174, 166, 148, 0.2);
  border: 0;
  border-radius: 0;
  color: #000;
  font-size: 12px;
  line-height: 1;
}

.magazine__sorting .select {
  width: 100%;
  margin-right: 0.5rem;
}

.magazine__sorting .btn {
  margin-top: 0.5rem;
}

.magazine__sidebar .note {
  color: #777;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.magazine__header {
  padding: 48px 0;
  /* desktop default: 48 top & bottom */
  text-align: center;
}

/* Tablet-specific header padding */
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine__header {
    padding: 2.5rem 0;
    /* 40px top & bottom for tablet devices */
  }
}
.magazine__header h1 {
  /* Override global h1 sizing/margins, inherit typography */
  margin: 0;
  font-size: 2.5rem;
}

/* Journal/Magazine hero (cleaned per Figma) */
/* Layout handled by app.css row/col grid */
.magazine-hero__figure {
  margin: 0;
  display: block;
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
}

.magazine-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.magazine-hero__body {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 3rem;
}

.magazine-hero__body::before,
.magazine-hero__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #D0D0D0;
}

.magazine-hero__body::before {
  top: 0;
}

.magazine-hero__body::after {
  bottom: 0;
}

/* alignment/padding defined by design blocks; no extra defaults here */
.magazine-hero__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 0 0.75rem 0;
}

.magazine-hero__meta time {
  letter-spacing: 0.06em;
}

.magazine-hero__title {
  line-height: 1;
  font-size: 2.5rem;
  /* 40px */
  letter-spacing: -0.01em;
  /* -0.4px @40px */
  text-align: center;
}

@media (max-width: 40rem) {
  .magazine-hero__title {
    font-size: 2rem;
    /* 32px */
  }
}
/* no upscale beyond Figma 40/100 for hero */
.magazine-hero__link {
  color: inherit;
}

.magazine-hero__preamble {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  margin: 1rem 0 0;
  /* gap 16px from title */
}

/* Hero more link */
.magazine-hero__more {
  margin-top: 1.5rem;
}

.magazine-hero__more-link {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  color: #082939;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.magazine-hero__more-link:hover {
  text-decoration: underline;
}

/* Desktop spacing between hero media and body */
@media (min-width: 75rem) {
  .magazine-hero {
    column-gap: 3rem;
  }
}
.magazine__list {
  /* reset list */
  list-style: none;
  margin: 0;
  padding: 0;
  /* grid */
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 2rem;
  align-items: start;
}

/* Grid items */
.magazine__item {
  margin: 0;
}

/* Hero list item should span full width */
.magazine__item--hero {
  width: 100%;
}

/* Desktop: flex layout where large is slightly wider; always 3 items per row */
@media (min-width: 75rem) {
  .magazine__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }

  /* three items per row: widths add up to 100% minus two gaps (3rem each) */
  .magazine__item {
    box-sizing: border-box;
    flex: 0 0 auto;
    /* small = (100% - 6rem) / 3.4 */
    width: calc((100% - 6rem) / 3.4);
  }

  .magazine__item--lg {
    /* large = 1.4 * small */
    width: calc(1.4 * (100% - 6rem) / 3.4);
  }
}
/* Responsive breakpoints */
@media (max-width: 74.999rem) {
  .magazine__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
  }

  .magazine__item--hero {
    grid-column: 1/-1;
  }
}
/* Tablet-specific improvements using project's standard breakpoints */
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  /* Tablet landscape: keep container padding as per Figma design */
  .magazine {
    padding-left: 2rem;
    /* Container padding as per Figma */
    padding-right: 2rem;
  }

  /* Hide sidebar on tablet to match Figma design */
  .magazine .magazine__sidebar-col {
    display: none !important;
    /* Hide sidebar completely on tablets */
  }

  /* Make main content take full width when sidebar is hidden */
  .magazine .magazine__layout {
    flex-direction: column;
    /* Stack vertically */
  }

  .magazine .magazine__main-col {
    width: 100%;
    /* Full width without sidebar */
    max-width: none;
    /* Remove width constraints */
  }

  /* Show mobile search on tablet and make it full viewport width */
  .magazine__mobile-search {
    display: block !important;
    /* ensure visible on tablet */
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    /* No extra gap; use top border as separator */
    margin-bottom: 1.5rem;
    /* 24px gap above content */
  }

  .magazine__mobile-search .magazine__search-field {
    padding: 1rem;
    /* 16px padding like Figma */
    border-top: 1px solid #D0D0D0;
    /* Full-width separator above search */
    border-left: 0;
    /* Remove left border for full width */
    border-right: 0;
    /* Remove right border for full width */
    border-bottom: 1px solid #D0D0D0;
    /* Single bottom border on tablet */
    width: 100%;
    /* Full width */
    box-sizing: border-box;
  }

  .magazine__tags-mobile {
    display: block !important;
    /* Override the md-up hide rule */
    margin: 1rem 0 2rem 0;
    /* Add proper spacing */
  }

  /* Force 3-column grid on tablet to match Figma design */
  .magazine__list {
    grid-template-columns: repeat(3, 1fr) !important;
    /* Override 2-column default */
    gap: 2rem;
    /* Generous spacing like Figma design */
    margin-top: 2rem;
    /* Add spacing after search bar */
    padding: 0;
    /* No extra padding - use container padding */
  }

  /* Remove the large item behavior on tablet - all items equal size */
  .magazine__item--lg {
    width: auto;
    /* Reset any special width */
  }

  /* Hero items still span full width */
  .magazine__item--hero {
    grid-column: 1/-1;
    margin-bottom: 1rem;
    /* Add spacing after hero */
  }

  /* Improve sidebar navigation on tablet */
  .magazine .magazine__sidebar-col {
    padding-right: 1.5rem;
  }

  .magazine .magazine__nav-title {
    font-size: 1.75rem;
    /* Slightly smaller for tablet */
  }

  .magazine .magazine__nav-list a,
.magazine .magazine__nav-list .magazine__nav-link {
    font-size: 1.5rem;
    /* More readable size for tablet */
    padding: 0.5rem 0;
    /* Better touch targets */
  }

  /* Optimize main content area */
  .magazine .magazine__layout {
    gap: 1.5rem;
    /* Reduce gap slightly for tablet */
  }

  /* Better hero sizing for tablet */
  .magazine-hero__title {
    font-size: 2.25rem;
    /* Between mobile and desktop */
  }

  .magazine-hero__body {
    padding: 2rem 2.5rem;
    /* More generous padding */
  }

  /* Card improvements for tablet - match desktop styling */
  .magazine-card__title {
    font-size: 1.375rem;
    /* 22px - better readability */
    line-height: 1.2;
  }

  /* Reset any mobile-specific card modifications for tablet to match desktop */
  .magazine-card__img {
    border-radius: 0;
    /* No rounded corners like desktop */
    box-shadow: none;
    /* No shadow like desktop */
    aspect-ratio: 4/5;
    /* Maintain consistent 4/5 aspect ratio */
    object-fit: cover;
    /* Ensure proper image fit */
  }

  /* Ensure cards use desktop column layout, not mobile row layout */
  .magazine-card {
    flex-direction: column;
    /* Column layout like desktop */
    padding: 0;
    /* No padding like desktop */
    gap: 0;
    /* No gap like desktop */
    border: 0;
    /* No border like desktop */
  }
}
/* iPad Portrait specific adjustments */
@media only screen and (min-width: 48rem) and (max-width: 64rem) and (orientation: portrait) {
  .magazine__list {
    grid-template-columns: 1fr;
    /* Single column for portrait */
    gap: 1.5rem;
  }

  .magazine-card {
    max-width: 500px;
    /* Prevent cards from being too wide */
    margin: 0 auto;
  }

  .magazine-hero__body {
    padding: 1.75rem 2rem;
  }
}
@media only screen and (max-width: 47.99rem) {
  .magazine__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .magazine-hero__body {
    padding: 1.25rem 1.5rem;
  }

  .magazine__header {
    padding: 40px 0 32px;
  }
}
.magazine-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

/* Mobile horizontal card layout per Figma (image left, content right) */
@media only screen and (max-width: 47.99rem) {
  /* Remove grid gap for tight stacked mobile list */
  .magazine__list {
    gap: 0;
  }

  /* Horizontal card layout without outer borders; use separators */
  .magazine-card {
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
    border: 0;
  }

  /* Neutralize hero internal horizontal rules inside list to avoid doubles */
  .magazine__list .magazine-hero__body::before,
.magazine__list .magazine-hero__body::after {
    display: none;
  }

  /* Apply separators uniformly to list direct children (hero items and normal cards) */
  .magazine__list > li {
    border-bottom: 1px solid #d0d0d0;
  }

  .magazine__list > li:first-child {
    border-top: 1px solid #d0d0d0;
  }

  .magazine__list > li:last-child {
    border-bottom: 0;
  }

  /* Remove per-card borders since li now owns separators */
  .magazine__list .magazine-card {
    border: 0;
  }

  .magazine-card__figure {
    flex: 0 0 134px;
    aspect-ratio: 4/5;
    height: 167px;
    margin: 0;
  }

  .magazine-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1 1 auto;
  }

  .magazine-card__title {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    margin: 0;
  }

  .magazine-hero__meta {
    justify-content: flex-start;
    gap: 0.75rem;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .magazine-card__preamble {
    display: none;
  }
}
.magazine-card__figure {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4/5;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magazine-card__image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.magazine-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 4/5;
  /* Consistent 4/5 aspect ratio for all magazine cards */
}

.magazine-card__title {
  font-size: 1.5rem;
  /* 24px */
  line-height: 1.1;
  /* 110% */
  letter-spacing: -0.01em;
  /* ~ -0.24px at 24px */
  margin: 0.5rem 0 0;
}

.magazine-card__link {
  color: inherit;
}

/* Focus ring for card links only when user is tabbing */
.user-tabbing .magazine-card__link:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* Full card clickable functionality */
.magazine-card--clickable {
  position: relative;
}

.magazine-card__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
  font-size: 0;
  color: transparent;
}

/* Base styles - no focus ring unless user is tabbing */
.magazine-card:focus,
.magazine-card__overlay-link:focus,
.magazine-card__overlay-link:focus-visible {
  outline: none;
  background-color: transparent;
}

.magazine-card__overlay-link:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

.magazine-card__link {
  position: relative;
  z-index: 2;
}

/* Focus ring only when user is tabbing */
.user-tabbing .magazine-card__overlay-link:focus,
.user-tabbing .magazine-card__overlay-link:focus-visible {
  outline: none;
  background-color: transparent;
}

.user-tabbing .magazine-card--clickable:focus-within {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}

.magazine-hero__more-link:hover {
  text-decoration: underline;
}

/* Full hero clickable functionality */
.magazine-hero--clickable {
  position: relative;
}

.magazine-hero__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
  font-size: 0;
  color: transparent;
}

/* Base styles - no focus ring unless user is tabbing */
.magazine-hero__overlay-link:focus-visible {
  outline: none;
  background-color: transparent;
}

.magazine-hero__overlay-link:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* Focus ring only when user is tabbing */
.user-tabbing .magazine-hero__overlay-link:focus,
.user-tabbing .magazine-hero__overlay-link:focus-visible {
  outline: none;
  background-color: transparent;
}

.user-tabbing .magazine-hero--clickable:focus-within {
  outline: 2px solid #007acc;
  outline-offset: 2px;
}

/* Image tagging markers inside magazine images */
.cm-img-tag-link {
  position: absolute;
  z-index: 10;
}

.cm-img-tag-link .cm-img-tag {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid;
}

.cm-img-tag-link .img_tag_data {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.cm-img-tag-link:hover .img_tag_data {
  opacity: 1;
  visibility: visible;
}

.magazine-card__preamble {
  font-size: 0.85rem;
  line-height: 1.35;
  margin: 0 0 0.75rem;
  color: #444;
  flex-grow: 1;
}

/* Card meta now reuses hero meta styling; left-align in cards */
.magazine-card .magazine-hero__meta {
  margin: 0;
  justify-content: flex-start;
}

/* Clickable meta link for cards */
.magazine-card__meta-link {
  display: block;
  color: inherit;
}
.magazine-card__meta-link:hover {
  color: inherit;
}
.magazine-card__meta-link .magazine-hero__meta {
  transition: opacity 0.15s;
}
.magazine-card__meta-link:hover .magazine-hero__meta {
  opacity: 0.8;
}

.magazine__empty {
  text-align: center;
  padding: 3rem 0;
  color: #555;
}

/* Magazine footer (pagination + load more) */
.magazine__footer {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.magazine__load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.5rem;
  border: 1px solid #082939;
  background: transparent;
  color: #082939;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
}

.magazine__load-more:hover,
.magazine__load-more:focus {
  background: #082939;
  color: #fff;
}

.magazine__pager {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 14px;
  line-height: 1;
}

.magazine__pager-page {
  cursor: pointer;
  color: #717171;
  position: relative;
  padding: 0.25rem 0;
}

.magazine__pager-page.is-active {
  color: #000;
  text-decoration: underline;
}

.magazine__pager-page.is-ellipsis {
  cursor: default;
}

.magazine__result-count {
  font-size: 14px;
  line-height: 1;
  color: #717171;
  text-align: center;
}

/* Mobile-specific navigation wrapper */
@media only screen and (min-width: 65rem) {
  .magazine__mobile-nav {
    display: none !important;
  }
}
/* Mobile navigation styling - padding below 768px */
.magazine__mobile-nav {
  padding: 0 1rem;
  /* 0px vertical, 16px horizontal for mobile */
  /* Remove padding on tablet and up (768px+) */
  /* Mobile navigation list styling */
}
@media only screen and (min-width: 48rem) {
  .magazine__mobile-nav {
    padding: 0;
  }
}
.magazine__mobile-nav .magazine__nav-list {
  padding: 1.5rem 0rem;
  /* 24px vertical, 16px horizontal for mobile */
  /* Override with tablet padding on larger screens */
}
@media only screen and (min-width: 48rem) {
  .magazine__mobile-nav .magazine__nav-list {
    padding: 1.5rem 0rem;
    /* 24px vertical, 32px horizontal for tablet */
  }
}

/* Prevent iOS Safari zoom on focus: inputs <16px trigger zoom */
@media only screen and (max-width: 47.99rem) {
  .magazine__mobile-search .magazine__search-field .input,
.magazine__search-field .input {
    font-size: 16px !important;
    line-height: 1.2;
  }
}
/* Tablet navigation styling for mobile nav wrapper */
@media only screen and (min-width: 48rem) and (max-width: 74.999rem) {
  .magazine__mobile-nav {
    display: block !important;
    margin-bottom: 0;
    background: none;
    border-radius: 0;
    padding: 0;
    /* No padding on tablet */
  }
  .magazine__mobile-nav .magazine__nav-list,
.magazine__mobile-nav .magazine__nav .magazine__nav-list {
    display: flex !important;
    /* Horizontal layout on tablet */
    flex-direction: row;
    gap: 2.5rem;
    /* 40px spacing like Figma */
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: nowrap;
    /* Don't wrap - keep horizontal */
    padding: 1.5rem 0rem;
    /* 24px vertical, 0px horizontal padding */
    margin: 0;
    border-bottom: 0 !important;
    /* Move separator to search top border */
    list-style: none;
    /* No background for clean look */
  }
  .magazine__mobile-nav .magazine__nav-link {
    font-size: 1rem;
    /* 16px like Figma */
    font-weight: 400;
    padding: 0.5rem 0;
    /* Minimal padding for click area */
    white-space: nowrap;
    /* Use default text color */
    text-decoration: none;
    transition: all 0.15s ease;
    position: relative;
  }
  .magazine__mobile-nav .magazine__nav-link:hover {
    color: #000;
  }
  .magazine__mobile-nav .magazine__nav-link.is-active {
    color: #1B4F72;
    /* Blue color like Figma */
    font-weight: 500;
    /* Add underline for active state like Figma */
  }
  .magazine__mobile-nav .magazine__nav-link.is-active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #1B4F72;
  }
}
@media (min-width: 50rem) {
  .magazine-card__title {
    font-size: 1.5rem;
  }

  .magazine-card__preamble {
    font-size: 0.8rem;
  }

  .magazine__item--hero {
    flex-basis: 100%;
    width: 100%;
    order: 0;
  }
}
/* Keep identical typography for large vs small so height ratio is driven by width/aspect-ratio only */
/* Card media behavior for consistent look */
/* keep consistent portrait image windows without stretching */
/* aspect-ratio is already set above; ensure no desktop override */
@media (max-width: 47.999rem) {
  .magazine .magazine__layout {
    flex-direction: column;
  }

  .magazine .magazine__main {
    order: 1;
  }

  .magazine .magazine__sidebar {
    order: 2;
    position: static;
    width: 100%;
    /* Override desktop flex-direction for mobile horizontal scrolling */
    flex-direction: row;
    gap: 1rem;
    /* smaller gap for mobile */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    padding: 1.25rem 1rem;
    /* slightly tighter on very small screens */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .magazine .magazine__sidebar::-webkit-scrollbar {
    display: none;
  }

  .magazine .magazine__sidebar.is-sticky-mobile {
    position: sticky;
    top: 4.5rem;
    z-index: 10;
  }

  .magazine .magazine__nav-list {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    white-space: nowrap;
  }

  .magazine .magazine__nav-title {
    display: none;
  }

  .magazine .magazine__nav-list a,
.magazine .magazine__nav-list .magazine__nav-link {
    font-size: 1.5rem;
    /* 24px */
  }

  .magazine .magazine__nav-latest {
    display: inline-block;
  }
}
/* v2-specific container rule removed while isolating issue */
/* Blog Card Snapping Environment - Mimics product cell sizing */
.blog-card-snapping {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 47.99rem) {
  .blog-card-snapping {
    flex-basis: 260px;
    min-width: 260px;
  }
}
@media only screen and (min-width: 48rem) {
  .blog-card-snapping {
    flex-basis: 342px;
    min-width: 342px;
  }
}
@media only screen and (min-width: 65rem) {
  .blog-card-snapping {
    flex-basis: calc(350px + 1.5rem);
    min-width: calc(350px + 1.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.blog-card-snapping .magazine-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.blog-card-snapping .magazine-card__figure {
  flex: 0 0 auto;
  margin-bottom: 1rem;
}
.blog-card-snapping .magazine-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  object-fit: cover;
}

/* Ensure magazine cards in snapping have proper aspect ratio on mobile */
@media (max-width: 47.999rem) {
  .blog-card-snapping .magazine-card__img {
    aspect-ratio: 4/5 !important;
    object-fit: cover;
  }
}
/* Additional specificity for mobile magazine cards in snapping context */
@media (max-width: 768px) {
  .snapping .blog-card-snapping .magazine-card__img,
.blog-card-snapping .magazine-card__figure .magazine-card__img {
    aspect-ratio: 4/5 !important;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  /* Override fixed height for figures in snapping context */
  .blog-card-snapping .magazine-card__figure {
    height: auto !important;
    aspect-ratio: 4/5;
    flex: none;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

*:focus {
  outline: none;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0 auto;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #000;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.rotate-0 {
  transform: rotate(0deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-135 {
  transform: rotate(135deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-225 {
  transform: rotate(225deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-315 {
  transform: rotate(315deg);
}

.rotate-360 {
  transform: rotate(360deg);
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

.hidden {
  display: none !important;
}

.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-flex.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs,
.d-flex.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 47.99rem) {
  .show-xs-only {
    display: block !important;
  }

  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xs-only,
.d-flex.hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .show-sm {
    display: block !important;
  }

  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm,
.d-flex.hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
  .show-sm-only {
    display: block !important;
  }

  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-sm-only,
.d-flex.hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) {
  .show-md {
    display: block !important;
  }

  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md,
.d-flex.hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 84.375rem) {
  .show-md-only {
    display: block !important;
  }

  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-md-only,
.d-flex.hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) {
  .show-lg {
    display: block !important;
  }

  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg,
.d-flex.hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 85.375rem) and (max-width: 112rem) {
  .show-lg-only {
    display: block !important;
  }

  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-lg-only,
.d-flex.hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 113rem) {
  .show-xl {
    display: block !important;
  }

  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-flex.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .hide-xl,
.d-flex.hide-xl {
    display: none !important;
  }
}
.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  justify-content: center;
}

.flex-column-xs {
  flex-direction: column;
}

.flex-row-xs {
  flex-direction: row;
}

.end-xs {
  justify-content: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.baseline-xs {
  align-items: baseline;
}

.stretch-xs {
  align-items: stretch;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48rem) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    justify-content: center;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .flex-row-sm {
    flex-direction: row;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .baseline-sm {
    align-items: baseline;
  }

  .stretch-sm {
    align-items: stretch;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 65rem) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    justify-content: center;
  }

  .flex-column-md {
    flex-direction: column;
  }

  .flex-row-md {
    flex-direction: row;
  }

  .end-md {
    justify-content: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .baseline-md {
    align-items: baseline;
  }

  .stretch-md {
    align-items: stretch;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 85.375rem) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    justify-content: center;
  }

  .flex-column-lg {
    flex-direction: column;
  }

  .flex-row-lg {
    flex-direction: row;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .baseline-lg {
    align-items: baseline;
  }

  .stretch-lg {
    align-items: stretch;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.row {
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row-reverse {
  flex-direction: row-reverse;
}

.natural-height {
  align-items: flex-start;
}

.flex-column {
  flex-direction: column;
}

.grid {
  display: grid;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.flex-wrap {
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.self-start {
  -moz-align-self: start;
  -webkit-align-self: start;
  align-self: start;
}

.self-end {
  -moz-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}

.self-center {
  -moz-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}

.self-baseline {
  -moz-align-self: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -moz-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}

.btn-outline {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.btn-outline:hover {
  background: #082939 !important;
}
.btn-outline:hover a {
  color: white !important;
}

.btn-primary {
  border: 1px solid #082939;
  justify-content: center;
  padding: 1rem;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  align-items: center;
  cursor: pointer;
  display: flex;
  background: #ffffff;
}
.btn-primary:hover {
  background: #082939 !important;
}
.btn-primary:hover a {
  color: white;
}

.col-gutter-lr {
  padding: 0 1rem;
}

.col-no-gutter {
  padding: 0;
}

/* BOX */
.box {
  /*@include box;*/
}

.box-top {
  padding-top: 1rem;
}

.box-bottom {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 65rem) {
  .text-center-md {
    text-align: center;
  }
}
.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  justify-content: center;
}

.link {
  line-height: 100%;
  text-decoration-line: underline;
  color: #082939;
}
.link:hover {
  cursor: pointer;
}

.middle {
  align-items: center;
}

.between {
  justify-content: space-between;
}

.base {
  align-items: center;
}

.tooltip {
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: #F1F0EE;
}

.m-auto {
  margin: 0 auto;
}

.text--uppercase {
  text-transform: uppercase;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}

.ace_product_list_vertical {
  background-color: #f7f6f4;
}

@media only screen and (min-width: 65rem) {
  .product_controller {
    position: relative;
    border-right: 1px solid #D0D0D0;
  }
  .product_controller .rotate-270 {
    position: absolute;
    top: 45%;
    width: fit-content;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  }
}

.line-clamp-1 {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-6 {
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-7 {
  display: -webkit-box;
  line-clamp: 7;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-8 {
  display: -webkit-box;
  line-clamp: 8;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-9 {
  display: -webkit-box;
  line-clamp: 9;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-10 {
  display: -webkit-box;
  line-clamp: 10;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-11 {
  display: -webkit-box;
  line-clamp: 11;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-12 {
  display: -webkit-box;
  line-clamp: 12;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-13 {
  display: -webkit-box;
  line-clamp: 13;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media only screen and (max-width: 47.99rem) {
  .line-clamp-1-xs {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-2-xs {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-3-xs {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-4-xs {
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-5-xs {
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-6-xs {
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-7-xs {
    display: -webkit-box;
    line-clamp: 7;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-8-xs {
    display: -webkit-box;
    line-clamp: 8;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-9-xs {
    display: -webkit-box;
    line-clamp: 9;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-10-xs {
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-11-xs {
    display: -webkit-box;
    line-clamp: 11;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-12-xs {
    display: -webkit-box;
    line-clamp: 12;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .line-clamp-13-xs {
    display: -webkit-box;
    line-clamp: 13;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.b-0 {
  border: none;
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

.h-5 {
  height: 5%;
}

.h-10 {
  height: 10%;
}

.h-15 {
  height: 15%;
}

.h-20 {
  height: 20%;
}

.h-25 {
  height: 25%;
}

.h-30 {
  height: 30%;
}

.h-35 {
  height: 35%;
}

.h-40 {
  height: 40%;
}

.h-45 {
  height: 45%;
}

.h-50 {
  height: 50%;
}

.h-55 {
  height: 55%;
}

.h-60 {
  height: 60%;
}

.h-65 {
  height: 65%;
}

.h-70 {
  height: 70%;
}

.h-75 {
  height: 75%;
}

.h-80 {
  height: 80%;
}

.h-85 {
  height: 85%;
}

.h-90 {
  height: 90%;
}

.h-95 {
  height: 95%;
}

.h-100 {
  height: 100%;
}

.radius-0 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.radius-3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.radius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.radius-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.radius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.radius-20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.radius-30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.radius-40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}

.radius-50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.radius-60 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.radius-70 {
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}

.radius-80 {
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
}

.radius-90 {
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

.radius-100 {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.fs-0 {
  font-size: 0rem;
}

.p-0 {
  padding: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.px-0 {
  padding-right: 0rem;
  padding-left: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.m-0 {
  margin: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mx-0 {
  margin-right: 0rem;
  margin-left: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.r-gap-0 {
  row-gap: 0rem;
}

.gap-0 {
  gap: 0rem;
}

.c-gap-0 {
  column-gap: 0rem;
}

.fs-2 {
  font-size: 0.125rem;
}

.p-2 {
  padding: 0.125rem;
}

.pt-2 {
  padding-top: 0.125rem;
}

.pb-2 {
  padding-bottom: 0.125rem;
}

.pl-2 {
  padding-left: 0.125rem;
}

.pr-2 {
  padding-right: 0.125rem;
}

.pl-2 {
  padding-left: 0.125rem;
}

.px-2 {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}

.py-2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.m-2 {
  margin: 0.125rem;
}

.mt-2 {
  margin-top: 0.125rem;
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.ml-2 {
  margin-left: 0.125rem;
}

.mr-2 {
  margin-right: 0.125rem;
}

.mx-2 {
  margin-right: 0.125rem;
  margin-left: 0.125rem;
}

.my-2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.r-gap-2 {
  row-gap: 0.125rem;
}

.gap-2 {
  gap: 0.125rem;
}

.c-gap-2 {
  column-gap: 0.125rem;
}

.fs-4 {
  font-size: 0.25rem;
}

.p-4 {
  padding: 0.25rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

.px-4 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.m-4 {
  margin: 0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.mx-4 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.r-gap-4 {
  row-gap: 0.25rem;
}

.gap-4 {
  gap: 0.25rem;
}

.c-gap-4 {
  column-gap: 0.25rem;
}

.fs-6 {
  font-size: 0.375rem;
}

.p-6 {
  padding: 0.375rem;
}

.pt-6 {
  padding-top: 0.375rem;
}

.pb-6 {
  padding-bottom: 0.375rem;
}

.pl-6 {
  padding-left: 0.375rem;
}

.pr-6 {
  padding-right: 0.375rem;
}

.pl-6 {
  padding-left: 0.375rem;
}

.px-6 {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.py-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.m-6 {
  margin: 0.375rem;
}

.mt-6 {
  margin-top: 0.375rem;
}

.mb-6 {
  margin-bottom: 0.375rem;
}

.ml-6 {
  margin-left: 0.375rem;
}

.mr-6 {
  margin-right: 0.375rem;
}

.mx-6 {
  margin-right: 0.375rem;
  margin-left: 0.375rem;
}

.my-6 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.r-gap-6 {
  row-gap: 0.375rem;
}

.gap-6 {
  gap: 0.375rem;
}

.c-gap-6 {
  column-gap: 0.375rem;
}

.fs-8 {
  font-size: 0.5rem;
}

.p-8 {
  padding: 0.5rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.px-8 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.m-8 {
  margin: 0.5rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mx-8 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.r-gap-8 {
  row-gap: 0.5rem;
}

.gap-8 {
  gap: 0.5rem;
}

.c-gap-8 {
  column-gap: 0.5rem;
}

.fs-10 {
  font-size: 0.625rem;
}

.p-10 {
  padding: 0.625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.pr-10 {
  padding-right: 0.625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.px-10 {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.m-10 {
  margin: 0.625rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.mx-10 {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.r-gap-10 {
  row-gap: 0.625rem;
}

.gap-10 {
  gap: 0.625rem;
}

.c-gap-10 {
  column-gap: 0.625rem;
}

.fs-11 {
  font-size: 0.6875rem;
}

.p-11 {
  padding: 0.6875rem;
}

.pt-11 {
  padding-top: 0.6875rem;
}

.pb-11 {
  padding-bottom: 0.6875rem;
}

.pl-11 {
  padding-left: 0.6875rem;
}

.pr-11 {
  padding-right: 0.6875rem;
}

.pl-11 {
  padding-left: 0.6875rem;
}

.px-11 {
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
}

.py-11 {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}

.m-11 {
  margin: 0.6875rem;
}

.mt-11 {
  margin-top: 0.6875rem;
}

.mb-11 {
  margin-bottom: 0.6875rem;
}

.ml-11 {
  margin-left: 0.6875rem;
}

.mr-11 {
  margin-right: 0.6875rem;
}

.mx-11 {
  margin-right: 0.6875rem;
  margin-left: 0.6875rem;
}

.my-11 {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}

.r-gap-11 {
  row-gap: 0.6875rem;
}

.gap-11 {
  gap: 0.6875rem;
}

.c-gap-11 {
  column-gap: 0.6875rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.p-12 {
  padding: 0.75rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.px-12 {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.m-12 {
  margin: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mx-12 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.r-gap-12 {
  row-gap: 0.75rem;
}

.gap-12 {
  gap: 0.75rem;
}

.c-gap-12 {
  column-gap: 0.75rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.p-14 {
  padding: 0.875rem;
}

.pt-14 {
  padding-top: 0.875rem;
}

.pb-14 {
  padding-bottom: 0.875rem;
}

.pl-14 {
  padding-left: 0.875rem;
}

.pr-14 {
  padding-right: 0.875rem;
}

.pl-14 {
  padding-left: 0.875rem;
}

.px-14 {
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}

.py-14 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.m-14 {
  margin: 0.875rem;
}

.mt-14 {
  margin-top: 0.875rem;
}

.mb-14 {
  margin-bottom: 0.875rem;
}

.ml-14 {
  margin-left: 0.875rem;
}

.mr-14 {
  margin-right: 0.875rem;
}

.mx-14 {
  margin-right: 0.875rem;
  margin-left: 0.875rem;
}

.my-14 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.r-gap-14 {
  row-gap: 0.875rem;
}

.gap-14 {
  gap: 0.875rem;
}

.c-gap-14 {
  column-gap: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.p-16 {
  padding: 1rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pl-16 {
  padding-left: 1rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pl-16 {
  padding-left: 1rem;
}

.px-16 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.m-16 {
  margin: 1rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.ml-16 {
  margin-left: 1rem;
}

.mr-16 {
  margin-right: 1rem;
}

.mx-16 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.r-gap-16 {
  row-gap: 1rem;
}

.gap-16 {
  gap: 1rem;
}

.c-gap-16 {
  column-gap: 1rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.p-18 {
  padding: 1.125rem;
}

.pt-18 {
  padding-top: 1.125rem;
}

.pb-18 {
  padding-bottom: 1.125rem;
}

.pl-18 {
  padding-left: 1.125rem;
}

.pr-18 {
  padding-right: 1.125rem;
}

.pl-18 {
  padding-left: 1.125rem;
}

.px-18 {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.py-18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.m-18 {
  margin: 1.125rem;
}

.mt-18 {
  margin-top: 1.125rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.ml-18 {
  margin-left: 1.125rem;
}

.mr-18 {
  margin-right: 1.125rem;
}

.mx-18 {
  margin-right: 1.125rem;
  margin-left: 1.125rem;
}

.my-18 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.r-gap-18 {
  row-gap: 1.125rem;
}

.gap-18 {
  gap: 1.125rem;
}

.c-gap-18 {
  column-gap: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.p-20 {
  padding: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.px-20 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.m-20 {
  margin: 1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.mx-20 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.r-gap-20 {
  row-gap: 1.25rem;
}

.gap-20 {
  gap: 1.25rem;
}

.c-gap-20 {
  column-gap: 1.25rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.p-22 {
  padding: 1.375rem;
}

.pt-22 {
  padding-top: 1.375rem;
}

.pb-22 {
  padding-bottom: 1.375rem;
}

.pl-22 {
  padding-left: 1.375rem;
}

.pr-22 {
  padding-right: 1.375rem;
}

.pl-22 {
  padding-left: 1.375rem;
}

.px-22 {
  padding-right: 1.375rem;
  padding-left: 1.375rem;
}

.py-22 {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.m-22 {
  margin: 1.375rem;
}

.mt-22 {
  margin-top: 1.375rem;
}

.mb-22 {
  margin-bottom: 1.375rem;
}

.ml-22 {
  margin-left: 1.375rem;
}

.mr-22 {
  margin-right: 1.375rem;
}

.mx-22 {
  margin-right: 1.375rem;
  margin-left: 1.375rem;
}

.my-22 {
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}

.r-gap-22 {
  row-gap: 1.375rem;
}

.gap-22 {
  gap: 1.375rem;
}

.c-gap-22 {
  column-gap: 1.375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.p-24 {
  padding: 1.5rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

.px-24 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.m-24 {
  margin: 1.5rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.mr-24 {
  margin-right: 1.5rem;
}

.mx-24 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.r-gap-24 {
  row-gap: 1.5rem;
}

.gap-24 {
  gap: 1.5rem;
}

.c-gap-24 {
  column-gap: 1.5rem;
}

.fs-26 {
  font-size: 1.625rem;
}

.p-26 {
  padding: 1.625rem;
}

.pt-26 {
  padding-top: 1.625rem;
}

.pb-26 {
  padding-bottom: 1.625rem;
}

.pl-26 {
  padding-left: 1.625rem;
}

.pr-26 {
  padding-right: 1.625rem;
}

.pl-26 {
  padding-left: 1.625rem;
}

.px-26 {
  padding-right: 1.625rem;
  padding-left: 1.625rem;
}

.py-26 {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}

.m-26 {
  margin: 1.625rem;
}

.mt-26 {
  margin-top: 1.625rem;
}

.mb-26 {
  margin-bottom: 1.625rem;
}

.ml-26 {
  margin-left: 1.625rem;
}

.mr-26 {
  margin-right: 1.625rem;
}

.mx-26 {
  margin-right: 1.625rem;
  margin-left: 1.625rem;
}

.my-26 {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
}

.r-gap-26 {
  row-gap: 1.625rem;
}

.gap-26 {
  gap: 1.625rem;
}

.c-gap-26 {
  column-gap: 1.625rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.p-28 {
  padding: 1.75rem;
}

.pt-28 {
  padding-top: 1.75rem;
}

.pb-28 {
  padding-bottom: 1.75rem;
}

.pl-28 {
  padding-left: 1.75rem;
}

.pr-28 {
  padding-right: 1.75rem;
}

.pl-28 {
  padding-left: 1.75rem;
}

.px-28 {
  padding-right: 1.75rem;
  padding-left: 1.75rem;
}

.py-28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.m-28 {
  margin: 1.75rem;
}

.mt-28 {
  margin-top: 1.75rem;
}

.mb-28 {
  margin-bottom: 1.75rem;
}

.ml-28 {
  margin-left: 1.75rem;
}

.mr-28 {
  margin-right: 1.75rem;
}

.mx-28 {
  margin-right: 1.75rem;
  margin-left: 1.75rem;
}

.my-28 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.r-gap-28 {
  row-gap: 1.75rem;
}

.gap-28 {
  gap: 1.75rem;
}

.c-gap-28 {
  column-gap: 1.75rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.p-30 {
  padding: 1.875rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.px-30 {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.m-30 {
  margin: 1.875rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.mx-30 {
  margin-right: 1.875rem;
  margin-left: 1.875rem;
}

.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.r-gap-30 {
  row-gap: 1.875rem;
}

.gap-30 {
  gap: 1.875rem;
}

.c-gap-30 {
  column-gap: 1.875rem;
}

.fs-32 {
  font-size: 2rem;
}

.p-32 {
  padding: 2rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.pl-32 {
  padding-left: 2rem;
}

.pr-32 {
  padding-right: 2rem;
}

.pl-32 {
  padding-left: 2rem;
}

.px-32 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.m-32 {
  margin: 2rem;
}

.mt-32 {
  margin-top: 2rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.ml-32 {
  margin-left: 2rem;
}

.mr-32 {
  margin-right: 2rem;
}

.mx-32 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.r-gap-32 {
  row-gap: 2rem;
}

.gap-32 {
  gap: 2rem;
}

.c-gap-32 {
  column-gap: 2rem;
}

.fs-34 {
  font-size: 2.125rem;
}

.p-34 {
  padding: 2.125rem;
}

.pt-34 {
  padding-top: 2.125rem;
}

.pb-34 {
  padding-bottom: 2.125rem;
}

.pl-34 {
  padding-left: 2.125rem;
}

.pr-34 {
  padding-right: 2.125rem;
}

.pl-34 {
  padding-left: 2.125rem;
}

.px-34 {
  padding-right: 2.125rem;
  padding-left: 2.125rem;
}

.py-34 {
  padding-top: 2.125rem;
  padding-bottom: 2.125rem;
}

.m-34 {
  margin: 2.125rem;
}

.mt-34 {
  margin-top: 2.125rem;
}

.mb-34 {
  margin-bottom: 2.125rem;
}

.ml-34 {
  margin-left: 2.125rem;
}

.mr-34 {
  margin-right: 2.125rem;
}

.mx-34 {
  margin-right: 2.125rem;
  margin-left: 2.125rem;
}

.my-34 {
  margin-top: 2.125rem;
  margin-bottom: 2.125rem;
}

.r-gap-34 {
  row-gap: 2.125rem;
}

.gap-34 {
  gap: 2.125rem;
}

.c-gap-34 {
  column-gap: 2.125rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.p-36 {
  padding: 2.25rem;
}

.pt-36 {
  padding-top: 2.25rem;
}

.pb-36 {
  padding-bottom: 2.25rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

.pr-36 {
  padding-right: 2.25rem;
}

.pl-36 {
  padding-left: 2.25rem;
}

.px-36 {
  padding-right: 2.25rem;
  padding-left: 2.25rem;
}

.py-36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.m-36 {
  margin: 2.25rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.mb-36 {
  margin-bottom: 2.25rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.mr-36 {
  margin-right: 2.25rem;
}

.mx-36 {
  margin-right: 2.25rem;
  margin-left: 2.25rem;
}

.my-36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.r-gap-36 {
  row-gap: 2.25rem;
}

.gap-36 {
  gap: 2.25rem;
}

.c-gap-36 {
  column-gap: 2.25rem;
}

.fs-38 {
  font-size: 2.375rem;
}

.p-38 {
  padding: 2.375rem;
}

.pt-38 {
  padding-top: 2.375rem;
}

.pb-38 {
  padding-bottom: 2.375rem;
}

.pl-38 {
  padding-left: 2.375rem;
}

.pr-38 {
  padding-right: 2.375rem;
}

.pl-38 {
  padding-left: 2.375rem;
}

.px-38 {
  padding-right: 2.375rem;
  padding-left: 2.375rem;
}

.py-38 {
  padding-top: 2.375rem;
  padding-bottom: 2.375rem;
}

.m-38 {
  margin: 2.375rem;
}

.mt-38 {
  margin-top: 2.375rem;
}

.mb-38 {
  margin-bottom: 2.375rem;
}

.ml-38 {
  margin-left: 2.375rem;
}

.mr-38 {
  margin-right: 2.375rem;
}

.mx-38 {
  margin-right: 2.375rem;
  margin-left: 2.375rem;
}

.my-38 {
  margin-top: 2.375rem;
  margin-bottom: 2.375rem;
}

.r-gap-38 {
  row-gap: 2.375rem;
}

.gap-38 {
  gap: 2.375rem;
}

.c-gap-38 {
  column-gap: 2.375rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.p-40 {
  padding: 2.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.px-40 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.m-40 {
  margin: 2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.mx-40 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.r-gap-40 {
  row-gap: 2.5rem;
}

.gap-40 {
  gap: 2.5rem;
}

.c-gap-40 {
  column-gap: 2.5rem;
}

.fs-42 {
  font-size: 2.625rem;
}

.p-42 {
  padding: 2.625rem;
}

.pt-42 {
  padding-top: 2.625rem;
}

.pb-42 {
  padding-bottom: 2.625rem;
}

.pl-42 {
  padding-left: 2.625rem;
}

.pr-42 {
  padding-right: 2.625rem;
}

.pl-42 {
  padding-left: 2.625rem;
}

.px-42 {
  padding-right: 2.625rem;
  padding-left: 2.625rem;
}

.py-42 {
  padding-top: 2.625rem;
  padding-bottom: 2.625rem;
}

.m-42 {
  margin: 2.625rem;
}

.mt-42 {
  margin-top: 2.625rem;
}

.mb-42 {
  margin-bottom: 2.625rem;
}

.ml-42 {
  margin-left: 2.625rem;
}

.mr-42 {
  margin-right: 2.625rem;
}

.mx-42 {
  margin-right: 2.625rem;
  margin-left: 2.625rem;
}

.my-42 {
  margin-top: 2.625rem;
  margin-bottom: 2.625rem;
}

.r-gap-42 {
  row-gap: 2.625rem;
}

.gap-42 {
  gap: 2.625rem;
}

.c-gap-42 {
  column-gap: 2.625rem;
}

.fs-44 {
  font-size: 2.75rem;
}

.p-44 {
  padding: 2.75rem;
}

.pt-44 {
  padding-top: 2.75rem;
}

.pb-44 {
  padding-bottom: 2.75rem;
}

.pl-44 {
  padding-left: 2.75rem;
}

.pr-44 {
  padding-right: 2.75rem;
}

.pl-44 {
  padding-left: 2.75rem;
}

.px-44 {
  padding-right: 2.75rem;
  padding-left: 2.75rem;
}

.py-44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.m-44 {
  margin: 2.75rem;
}

.mt-44 {
  margin-top: 2.75rem;
}

.mb-44 {
  margin-bottom: 2.75rem;
}

.ml-44 {
  margin-left: 2.75rem;
}

.mr-44 {
  margin-right: 2.75rem;
}

.mx-44 {
  margin-right: 2.75rem;
  margin-left: 2.75rem;
}

.my-44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.r-gap-44 {
  row-gap: 2.75rem;
}

.gap-44 {
  gap: 2.75rem;
}

.c-gap-44 {
  column-gap: 2.75rem;
}

.fs-46 {
  font-size: 2.875rem;
}

.p-46 {
  padding: 2.875rem;
}

.pt-46 {
  padding-top: 2.875rem;
}

.pb-46 {
  padding-bottom: 2.875rem;
}

.pl-46 {
  padding-left: 2.875rem;
}

.pr-46 {
  padding-right: 2.875rem;
}

.pl-46 {
  padding-left: 2.875rem;
}

.px-46 {
  padding-right: 2.875rem;
  padding-left: 2.875rem;
}

.py-46 {
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
}

.m-46 {
  margin: 2.875rem;
}

.mt-46 {
  margin-top: 2.875rem;
}

.mb-46 {
  margin-bottom: 2.875rem;
}

.ml-46 {
  margin-left: 2.875rem;
}

.mr-46 {
  margin-right: 2.875rem;
}

.mx-46 {
  margin-right: 2.875rem;
  margin-left: 2.875rem;
}

.my-46 {
  margin-top: 2.875rem;
  margin-bottom: 2.875rem;
}

.r-gap-46 {
  row-gap: 2.875rem;
}

.gap-46 {
  gap: 2.875rem;
}

.c-gap-46 {
  column-gap: 2.875rem;
}

.fs-48 {
  font-size: 3rem;
}

.p-48 {
  padding: 3rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.pl-48 {
  padding-left: 3rem;
}

.pr-48 {
  padding-right: 3rem;
}

.pl-48 {
  padding-left: 3rem;
}

.px-48 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.m-48 {
  margin: 3rem;
}

.mt-48 {
  margin-top: 3rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.ml-48 {
  margin-left: 3rem;
}

.mr-48 {
  margin-right: 3rem;
}

.mx-48 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.r-gap-48 {
  row-gap: 3rem;
}

.gap-48 {
  gap: 3rem;
}

.c-gap-48 {
  column-gap: 3rem;
}

.fs-50 {
  font-size: 3.125rem;
}

.p-50 {
  padding: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.px-50 {
  padding-right: 3.125rem;
  padding-left: 3.125rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.m-50 {
  margin: 3.125rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.mx-50 {
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.my-50 {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.r-gap-50 {
  row-gap: 3.125rem;
}

.gap-50 {
  gap: 3.125rem;
}

.c-gap-50 {
  column-gap: 3.125rem;
}

.fs-52 {
  font-size: 3.25rem;
}

.p-52 {
  padding: 3.25rem;
}

.pt-52 {
  padding-top: 3.25rem;
}

.pb-52 {
  padding-bottom: 3.25rem;
}

.pl-52 {
  padding-left: 3.25rem;
}

.pr-52 {
  padding-right: 3.25rem;
}

.pl-52 {
  padding-left: 3.25rem;
}

.px-52 {
  padding-right: 3.25rem;
  padding-left: 3.25rem;
}

.py-52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.m-52 {
  margin: 3.25rem;
}

.mt-52 {
  margin-top: 3.25rem;
}

.mb-52 {
  margin-bottom: 3.25rem;
}

.ml-52 {
  margin-left: 3.25rem;
}

.mr-52 {
  margin-right: 3.25rem;
}

.mx-52 {
  margin-right: 3.25rem;
  margin-left: 3.25rem;
}

.my-52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

.r-gap-52 {
  row-gap: 3.25rem;
}

.gap-52 {
  gap: 3.25rem;
}

.c-gap-52 {
  column-gap: 3.25rem;
}

.fs-54 {
  font-size: 3.375rem;
}

.p-54 {
  padding: 3.375rem;
}

.pt-54 {
  padding-top: 3.375rem;
}

.pb-54 {
  padding-bottom: 3.375rem;
}

.pl-54 {
  padding-left: 3.375rem;
}

.pr-54 {
  padding-right: 3.375rem;
}

.pl-54 {
  padding-left: 3.375rem;
}

.px-54 {
  padding-right: 3.375rem;
  padding-left: 3.375rem;
}

.py-54 {
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}

.m-54 {
  margin: 3.375rem;
}

.mt-54 {
  margin-top: 3.375rem;
}

.mb-54 {
  margin-bottom: 3.375rem;
}

.ml-54 {
  margin-left: 3.375rem;
}

.mr-54 {
  margin-right: 3.375rem;
}

.mx-54 {
  margin-right: 3.375rem;
  margin-left: 3.375rem;
}

.my-54 {
  margin-top: 3.375rem;
  margin-bottom: 3.375rem;
}

.r-gap-54 {
  row-gap: 3.375rem;
}

.gap-54 {
  gap: 3.375rem;
}

.c-gap-54 {
  column-gap: 3.375rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.p-56 {
  padding: 3.5rem;
}

.pt-56 {
  padding-top: 3.5rem;
}

.pb-56 {
  padding-bottom: 3.5rem;
}

.pl-56 {
  padding-left: 3.5rem;
}

.pr-56 {
  padding-right: 3.5rem;
}

.pl-56 {
  padding-left: 3.5rem;
}

.px-56 {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.m-56 {
  margin: 3.5rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.mb-56 {
  margin-bottom: 3.5rem;
}

.ml-56 {
  margin-left: 3.5rem;
}

.mr-56 {
  margin-right: 3.5rem;
}

.mx-56 {
  margin-right: 3.5rem;
  margin-left: 3.5rem;
}

.my-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.r-gap-56 {
  row-gap: 3.5rem;
}

.gap-56 {
  gap: 3.5rem;
}

.c-gap-56 {
  column-gap: 3.5rem;
}

.fs-58 {
  font-size: 3.625rem;
}

.p-58 {
  padding: 3.625rem;
}

.pt-58 {
  padding-top: 3.625rem;
}

.pb-58 {
  padding-bottom: 3.625rem;
}

.pl-58 {
  padding-left: 3.625rem;
}

.pr-58 {
  padding-right: 3.625rem;
}

.pl-58 {
  padding-left: 3.625rem;
}

.px-58 {
  padding-right: 3.625rem;
  padding-left: 3.625rem;
}

.py-58 {
  padding-top: 3.625rem;
  padding-bottom: 3.625rem;
}

.m-58 {
  margin: 3.625rem;
}

.mt-58 {
  margin-top: 3.625rem;
}

.mb-58 {
  margin-bottom: 3.625rem;
}

.ml-58 {
  margin-left: 3.625rem;
}

.mr-58 {
  margin-right: 3.625rem;
}

.mx-58 {
  margin-right: 3.625rem;
  margin-left: 3.625rem;
}

.my-58 {
  margin-top: 3.625rem;
  margin-bottom: 3.625rem;
}

.r-gap-58 {
  row-gap: 3.625rem;
}

.gap-58 {
  gap: 3.625rem;
}

.c-gap-58 {
  column-gap: 3.625rem;
}

.fs-60 {
  font-size: 3.75rem;
}

.p-60 {
  padding: 3.75rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.px-60 {
  padding-right: 3.75rem;
  padding-left: 3.75rem;
}

.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.m-60 {
  margin: 3.75rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.mx-60 {
  margin-right: 3.75rem;
  margin-left: 3.75rem;
}

.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.r-gap-60 {
  row-gap: 3.75rem;
}

.gap-60 {
  gap: 3.75rem;
}

.c-gap-60 {
  column-gap: 3.75rem;
}

.fs-62 {
  font-size: 3.875rem;
}

.p-62 {
  padding: 3.875rem;
}

.pt-62 {
  padding-top: 3.875rem;
}

.pb-62 {
  padding-bottom: 3.875rem;
}

.pl-62 {
  padding-left: 3.875rem;
}

.pr-62 {
  padding-right: 3.875rem;
}

.pl-62 {
  padding-left: 3.875rem;
}

.px-62 {
  padding-right: 3.875rem;
  padding-left: 3.875rem;
}

.py-62 {
  padding-top: 3.875rem;
  padding-bottom: 3.875rem;
}

.m-62 {
  margin: 3.875rem;
}

.mt-62 {
  margin-top: 3.875rem;
}

.mb-62 {
  margin-bottom: 3.875rem;
}

.ml-62 {
  margin-left: 3.875rem;
}

.mr-62 {
  margin-right: 3.875rem;
}

.mx-62 {
  margin-right: 3.875rem;
  margin-left: 3.875rem;
}

.my-62 {
  margin-top: 3.875rem;
  margin-bottom: 3.875rem;
}

.r-gap-62 {
  row-gap: 3.875rem;
}

.gap-62 {
  gap: 3.875rem;
}

.c-gap-62 {
  column-gap: 3.875rem;
}

.fs-64 {
  font-size: 4rem;
}

.p-64 {
  padding: 4rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.pl-64 {
  padding-left: 4rem;
}

.pr-64 {
  padding-right: 4rem;
}

.pl-64 {
  padding-left: 4rem;
}

.px-64 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.m-64 {
  margin: 4rem;
}

.mt-64 {
  margin-top: 4rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.ml-64 {
  margin-left: 4rem;
}

.mr-64 {
  margin-right: 4rem;
}

.mx-64 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.my-64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.r-gap-64 {
  row-gap: 4rem;
}

.gap-64 {
  gap: 4rem;
}

.c-gap-64 {
  column-gap: 4rem;
}

.fs-66 {
  font-size: 4.125rem;
}

.p-66 {
  padding: 4.125rem;
}

.pt-66 {
  padding-top: 4.125rem;
}

.pb-66 {
  padding-bottom: 4.125rem;
}

.pl-66 {
  padding-left: 4.125rem;
}

.pr-66 {
  padding-right: 4.125rem;
}

.pl-66 {
  padding-left: 4.125rem;
}

.px-66 {
  padding-right: 4.125rem;
  padding-left: 4.125rem;
}

.py-66 {
  padding-top: 4.125rem;
  padding-bottom: 4.125rem;
}

.m-66 {
  margin: 4.125rem;
}

.mt-66 {
  margin-top: 4.125rem;
}

.mb-66 {
  margin-bottom: 4.125rem;
}

.ml-66 {
  margin-left: 4.125rem;
}

.mr-66 {
  margin-right: 4.125rem;
}

.mx-66 {
  margin-right: 4.125rem;
  margin-left: 4.125rem;
}

.my-66 {
  margin-top: 4.125rem;
  margin-bottom: 4.125rem;
}

.r-gap-66 {
  row-gap: 4.125rem;
}

.gap-66 {
  gap: 4.125rem;
}

.c-gap-66 {
  column-gap: 4.125rem;
}

.fs-68 {
  font-size: 4.25rem;
}

.p-68 {
  padding: 4.25rem;
}

.pt-68 {
  padding-top: 4.25rem;
}

.pb-68 {
  padding-bottom: 4.25rem;
}

.pl-68 {
  padding-left: 4.25rem;
}

.pr-68 {
  padding-right: 4.25rem;
}

.pl-68 {
  padding-left: 4.25rem;
}

.px-68 {
  padding-right: 4.25rem;
  padding-left: 4.25rem;
}

.py-68 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}

.m-68 {
  margin: 4.25rem;
}

.mt-68 {
  margin-top: 4.25rem;
}

.mb-68 {
  margin-bottom: 4.25rem;
}

.ml-68 {
  margin-left: 4.25rem;
}

.mr-68 {
  margin-right: 4.25rem;
}

.mx-68 {
  margin-right: 4.25rem;
  margin-left: 4.25rem;
}

.my-68 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}

.r-gap-68 {
  row-gap: 4.25rem;
}

.gap-68 {
  gap: 4.25rem;
}

.c-gap-68 {
  column-gap: 4.25rem;
}

.fs-72 {
  font-size: 4.5rem;
}

.p-72 {
  padding: 4.5rem;
}

.pt-72 {
  padding-top: 4.5rem;
}

.pb-72 {
  padding-bottom: 4.5rem;
}

.pl-72 {
  padding-left: 4.5rem;
}

.pr-72 {
  padding-right: 4.5rem;
}

.pl-72 {
  padding-left: 4.5rem;
}

.px-72 {
  padding-right: 4.5rem;
  padding-left: 4.5rem;
}

.py-72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.m-72 {
  margin: 4.5rem;
}

.mt-72 {
  margin-top: 4.5rem;
}

.mb-72 {
  margin-bottom: 4.5rem;
}

.ml-72 {
  margin-left: 4.5rem;
}

.mr-72 {
  margin-right: 4.5rem;
}

.mx-72 {
  margin-right: 4.5rem;
  margin-left: 4.5rem;
}

.my-72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.r-gap-72 {
  row-gap: 4.5rem;
}

.gap-72 {
  gap: 4.5rem;
}

.c-gap-72 {
  column-gap: 4.5rem;
}

.fs-140 {
  font-size: 8.75rem;
}

.p-140 {
  padding: 8.75rem;
}

.pt-140 {
  padding-top: 8.75rem;
}

.pb-140 {
  padding-bottom: 8.75rem;
}

.pl-140 {
  padding-left: 8.75rem;
}

.pr-140 {
  padding-right: 8.75rem;
}

.pl-140 {
  padding-left: 8.75rem;
}

.px-140 {
  padding-right: 8.75rem;
  padding-left: 8.75rem;
}

.py-140 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.m-140 {
  margin: 8.75rem;
}

.mt-140 {
  margin-top: 8.75rem;
}

.mb-140 {
  margin-bottom: 8.75rem;
}

.ml-140 {
  margin-left: 8.75rem;
}

.mr-140 {
  margin-right: 8.75rem;
}

.mx-140 {
  margin-right: 8.75rem;
  margin-left: 8.75rem;
}

.my-140 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}

.r-gap-140 {
  row-gap: 8.75rem;
}

.gap-140 {
  gap: 8.75rem;
}

.c-gap-140 {
  column-gap: 8.75rem;
}

@media only screen and (max-width: 47.99rem) {
  .fs-0-xs {
    font-size: 0rem;
  }

  .p-0-xs {
    padding: 0rem;
  }

  .pt-0-xs {
    padding-top: 0rem;
  }

  .pb-0-xs {
    padding-bottom: 0rem;
  }

  .pl-0-xs {
    padding-left: 0rem;
  }

  .pr-0-xs {
    padding-right: 0rem;
  }

  .px-0-xs {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .py-0-xs {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .m-0-xs {
    margin: 0rem;
  }

  .mt-0-xs {
    margin-top: 0rem;
  }

  .mb-0-xs {
    margin-bottom: 0rem;
  }

  .ml-0-xs {
    margin-left: 0rem;
  }

  .mr-0-xs {
    margin-right: 0rem;
  }

  .mx-0-xs {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .my-0-xs {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .r-gap-0-xs {
    row-gap: 0rem;
  }

  .gap-0-xs {
    gap: 0rem;
  }

  .c-gap-0-xs {
    column-gap: 0rem;
  }

  .fs-2-xs {
    font-size: 0.125rem;
  }

  .p-2-xs {
    padding: 0.125rem;
  }

  .pt-2-xs {
    padding-top: 0.125rem;
  }

  .pb-2-xs {
    padding-bottom: 0.125rem;
  }

  .pl-2-xs {
    padding-left: 0.125rem;
  }

  .pr-2-xs {
    padding-right: 0.125rem;
  }

  .px-2-xs {
    padding-right: 0.125rem;
    padding-left: 0.125rem;
  }

  .py-2-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .m-2-xs {
    margin: 0.125rem;
  }

  .mt-2-xs {
    margin-top: 0.125rem;
  }

  .mb-2-xs {
    margin-bottom: 0.125rem;
  }

  .ml-2-xs {
    margin-left: 0.125rem;
  }

  .mr-2-xs {
    margin-right: 0.125rem;
  }

  .mx-2-xs {
    margin-right: 0.125rem;
    margin-left: 0.125rem;
  }

  .my-2-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .r-gap-2-xs {
    row-gap: 0.125rem;
  }

  .gap-2-xs {
    gap: 0.125rem;
  }

  .c-gap-2-xs {
    column-gap: 0.125rem;
  }

  .fs-4-xs {
    font-size: 0.25rem;
  }

  .p-4-xs {
    padding: 0.25rem;
  }

  .pt-4-xs {
    padding-top: 0.25rem;
  }

  .pb-4-xs {
    padding-bottom: 0.25rem;
  }

  .pl-4-xs {
    padding-left: 0.25rem;
  }

  .pr-4-xs {
    padding-right: 0.25rem;
  }

  .px-4-xs {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }

  .py-4-xs {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .m-4-xs {
    margin: 0.25rem;
  }

  .mt-4-xs {
    margin-top: 0.25rem;
  }

  .mb-4-xs {
    margin-bottom: 0.25rem;
  }

  .ml-4-xs {
    margin-left: 0.25rem;
  }

  .mr-4-xs {
    margin-right: 0.25rem;
  }

  .mx-4-xs {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .my-4-xs {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .r-gap-4-xs {
    row-gap: 0.25rem;
  }

  .gap-4-xs {
    gap: 0.25rem;
  }

  .c-gap-4-xs {
    column-gap: 0.25rem;
  }

  .fs-6-xs {
    font-size: 0.375rem;
  }

  .p-6-xs {
    padding: 0.375rem;
  }

  .pt-6-xs {
    padding-top: 0.375rem;
  }

  .pb-6-xs {
    padding-bottom: 0.375rem;
  }

  .pl-6-xs {
    padding-left: 0.375rem;
  }

  .pr-6-xs {
    padding-right: 0.375rem;
  }

  .px-6-xs {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .py-6-xs {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .m-6-xs {
    margin: 0.375rem;
  }

  .mt-6-xs {
    margin-top: 0.375rem;
  }

  .mb-6-xs {
    margin-bottom: 0.375rem;
  }

  .ml-6-xs {
    margin-left: 0.375rem;
  }

  .mr-6-xs {
    margin-right: 0.375rem;
  }

  .mx-6-xs {
    margin-right: 0.375rem;
    margin-left: 0.375rem;
  }

  .my-6-xs {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .r-gap-6-xs {
    row-gap: 0.375rem;
  }

  .gap-6-xs {
    gap: 0.375rem;
  }

  .c-gap-6-xs {
    column-gap: 0.375rem;
  }

  .fs-8-xs {
    font-size: 0.5rem;
  }

  .p-8-xs {
    padding: 0.5rem;
  }

  .pt-8-xs {
    padding-top: 0.5rem;
  }

  .pb-8-xs {
    padding-bottom: 0.5rem;
  }

  .pl-8-xs {
    padding-left: 0.5rem;
  }

  .pr-8-xs {
    padding-right: 0.5rem;
  }

  .px-8-xs {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .py-8-xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .m-8-xs {
    margin: 0.5rem;
  }

  .mt-8-xs {
    margin-top: 0.5rem;
  }

  .mb-8-xs {
    margin-bottom: 0.5rem;
  }

  .ml-8-xs {
    margin-left: 0.5rem;
  }

  .mr-8-xs {
    margin-right: 0.5rem;
  }

  .mx-8-xs {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

  .my-8-xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .r-gap-8-xs {
    row-gap: 0.5rem;
  }

  .gap-8-xs {
    gap: 0.5rem;
  }

  .c-gap-8-xs {
    column-gap: 0.5rem;
  }

  .fs-10-xs {
    font-size: 0.625rem;
  }

  .p-10-xs {
    padding: 0.625rem;
  }

  .pt-10-xs {
    padding-top: 0.625rem;
  }

  .pb-10-xs {
    padding-bottom: 0.625rem;
  }

  .pl-10-xs {
    padding-left: 0.625rem;
  }

  .pr-10-xs {
    padding-right: 0.625rem;
  }

  .px-10-xs {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }

  .py-10-xs {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .m-10-xs {
    margin: 0.625rem;
  }

  .mt-10-xs {
    margin-top: 0.625rem;
  }

  .mb-10-xs {
    margin-bottom: 0.625rem;
  }

  .ml-10-xs {
    margin-left: 0.625rem;
  }

  .mr-10-xs {
    margin-right: 0.625rem;
  }

  .mx-10-xs {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }

  .my-10-xs {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .r-gap-10-xs {
    row-gap: 0.625rem;
  }

  .gap-10-xs {
    gap: 0.625rem;
  }

  .c-gap-10-xs {
    column-gap: 0.625rem;
  }

  .fs-11-xs {
    font-size: 0.6875rem;
  }

  .p-11-xs {
    padding: 0.6875rem;
  }

  .pt-11-xs {
    padding-top: 0.6875rem;
  }

  .pb-11-xs {
    padding-bottom: 0.6875rem;
  }

  .pl-11-xs {
    padding-left: 0.6875rem;
  }

  .pr-11-xs {
    padding-right: 0.6875rem;
  }

  .px-11-xs {
    padding-right: 0.6875rem;
    padding-left: 0.6875rem;
  }

  .py-11-xs {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
  }

  .m-11-xs {
    margin: 0.6875rem;
  }

  .mt-11-xs {
    margin-top: 0.6875rem;
  }

  .mb-11-xs {
    margin-bottom: 0.6875rem;
  }

  .ml-11-xs {
    margin-left: 0.6875rem;
  }

  .mr-11-xs {
    margin-right: 0.6875rem;
  }

  .mx-11-xs {
    margin-right: 0.6875rem;
    margin-left: 0.6875rem;
  }

  .my-11-xs {
    margin-top: 0.6875rem;
    margin-bottom: 0.6875rem;
  }

  .r-gap-11-xs {
    row-gap: 0.6875rem;
  }

  .gap-11-xs {
    gap: 0.6875rem;
  }

  .c-gap-11-xs {
    column-gap: 0.6875rem;
  }

  .fs-12-xs {
    font-size: 0.75rem;
  }

  .p-12-xs {
    padding: 0.75rem;
  }

  .pt-12-xs {
    padding-top: 0.75rem;
  }

  .pb-12-xs {
    padding-bottom: 0.75rem;
  }

  .pl-12-xs {
    padding-left: 0.75rem;
  }

  .pr-12-xs {
    padding-right: 0.75rem;
  }

  .px-12-xs {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .py-12-xs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .m-12-xs {
    margin: 0.75rem;
  }

  .mt-12-xs {
    margin-top: 0.75rem;
  }

  .mb-12-xs {
    margin-bottom: 0.75rem;
  }

  .ml-12-xs {
    margin-left: 0.75rem;
  }

  .mr-12-xs {
    margin-right: 0.75rem;
  }

  .mx-12-xs {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }

  .my-12-xs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .r-gap-12-xs {
    row-gap: 0.75rem;
  }

  .gap-12-xs {
    gap: 0.75rem;
  }

  .c-gap-12-xs {
    column-gap: 0.75rem;
  }

  .fs-14-xs {
    font-size: 0.875rem;
  }

  .p-14-xs {
    padding: 0.875rem;
  }

  .pt-14-xs {
    padding-top: 0.875rem;
  }

  .pb-14-xs {
    padding-bottom: 0.875rem;
  }

  .pl-14-xs {
    padding-left: 0.875rem;
  }

  .pr-14-xs {
    padding-right: 0.875rem;
  }

  .px-14-xs {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .py-14-xs {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .m-14-xs {
    margin: 0.875rem;
  }

  .mt-14-xs {
    margin-top: 0.875rem;
  }

  .mb-14-xs {
    margin-bottom: 0.875rem;
  }

  .ml-14-xs {
    margin-left: 0.875rem;
  }

  .mr-14-xs {
    margin-right: 0.875rem;
  }

  .mx-14-xs {
    margin-right: 0.875rem;
    margin-left: 0.875rem;
  }

  .my-14-xs {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .r-gap-14-xs {
    row-gap: 0.875rem;
  }

  .gap-14-xs {
    gap: 0.875rem;
  }

  .c-gap-14-xs {
    column-gap: 0.875rem;
  }

  .fs-16-xs {
    font-size: 1rem;
  }

  .p-16-xs {
    padding: 1rem;
  }

  .pt-16-xs {
    padding-top: 1rem;
  }

  .pb-16-xs {
    padding-bottom: 1rem;
  }

  .pl-16-xs {
    padding-left: 1rem;
  }

  .pr-16-xs {
    padding-right: 1rem;
  }

  .px-16-xs {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .py-16-xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .m-16-xs {
    margin: 1rem;
  }

  .mt-16-xs {
    margin-top: 1rem;
  }

  .mb-16-xs {
    margin-bottom: 1rem;
  }

  .ml-16-xs {
    margin-left: 1rem;
  }

  .mr-16-xs {
    margin-right: 1rem;
  }

  .mx-16-xs {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .my-16-xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .r-gap-16-xs {
    row-gap: 1rem;
  }

  .gap-16-xs {
    gap: 1rem;
  }

  .c-gap-16-xs {
    column-gap: 1rem;
  }

  .fs-18-xs {
    font-size: 1.125rem;
  }

  .p-18-xs {
    padding: 1.125rem;
  }

  .pt-18-xs {
    padding-top: 1.125rem;
  }

  .pb-18-xs {
    padding-bottom: 1.125rem;
  }

  .pl-18-xs {
    padding-left: 1.125rem;
  }

  .pr-18-xs {
    padding-right: 1.125rem;
  }

  .px-18-xs {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }

  .py-18-xs {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .m-18-xs {
    margin: 1.125rem;
  }

  .mt-18-xs {
    margin-top: 1.125rem;
  }

  .mb-18-xs {
    margin-bottom: 1.125rem;
  }

  .ml-18-xs {
    margin-left: 1.125rem;
  }

  .mr-18-xs {
    margin-right: 1.125rem;
  }

  .mx-18-xs {
    margin-right: 1.125rem;
    margin-left: 1.125rem;
  }

  .my-18-xs {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .r-gap-18-xs {
    row-gap: 1.125rem;
  }

  .gap-18-xs {
    gap: 1.125rem;
  }

  .c-gap-18-xs {
    column-gap: 1.125rem;
  }

  .fs-20-xs {
    font-size: 1.25rem;
  }

  .p-20-xs {
    padding: 1.25rem;
  }

  .pt-20-xs {
    padding-top: 1.25rem;
  }

  .pb-20-xs {
    padding-bottom: 1.25rem;
  }

  .pl-20-xs {
    padding-left: 1.25rem;
  }

  .pr-20-xs {
    padding-right: 1.25rem;
  }

  .px-20-xs {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .py-20-xs {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .m-20-xs {
    margin: 1.25rem;
  }

  .mt-20-xs {
    margin-top: 1.25rem;
  }

  .mb-20-xs {
    margin-bottom: 1.25rem;
  }

  .ml-20-xs {
    margin-left: 1.25rem;
  }

  .mr-20-xs {
    margin-right: 1.25rem;
  }

  .mx-20-xs {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }

  .my-20-xs {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .r-gap-20-xs {
    row-gap: 1.25rem;
  }

  .gap-20-xs {
    gap: 1.25rem;
  }

  .c-gap-20-xs {
    column-gap: 1.25rem;
  }

  .fs-22-xs {
    font-size: 1.375rem;
  }

  .p-22-xs {
    padding: 1.375rem;
  }

  .pt-22-xs {
    padding-top: 1.375rem;
  }

  .pb-22-xs {
    padding-bottom: 1.375rem;
  }

  .pl-22-xs {
    padding-left: 1.375rem;
  }

  .pr-22-xs {
    padding-right: 1.375rem;
  }

  .px-22-xs {
    padding-right: 1.375rem;
    padding-left: 1.375rem;
  }

  .py-22-xs {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }

  .m-22-xs {
    margin: 1.375rem;
  }

  .mt-22-xs {
    margin-top: 1.375rem;
  }

  .mb-22-xs {
    margin-bottom: 1.375rem;
  }

  .ml-22-xs {
    margin-left: 1.375rem;
  }

  .mr-22-xs {
    margin-right: 1.375rem;
  }

  .mx-22-xs {
    margin-right: 1.375rem;
    margin-left: 1.375rem;
  }

  .my-22-xs {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .r-gap-22-xs {
    row-gap: 1.375rem;
  }

  .gap-22-xs {
    gap: 1.375rem;
  }

  .c-gap-22-xs {
    column-gap: 1.375rem;
  }

  .fs-24-xs {
    font-size: 1.5rem;
  }

  .p-24-xs {
    padding: 1.5rem;
  }

  .pt-24-xs {
    padding-top: 1.5rem;
  }

  .pb-24-xs {
    padding-bottom: 1.5rem;
  }

  .pl-24-xs {
    padding-left: 1.5rem;
  }

  .pr-24-xs {
    padding-right: 1.5rem;
  }

  .px-24-xs {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .py-24-xs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .m-24-xs {
    margin: 1.5rem;
  }

  .mt-24-xs {
    margin-top: 1.5rem;
  }

  .mb-24-xs {
    margin-bottom: 1.5rem;
  }

  .ml-24-xs {
    margin-left: 1.5rem;
  }

  .mr-24-xs {
    margin-right: 1.5rem;
  }

  .mx-24-xs {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .my-24-xs {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .r-gap-24-xs {
    row-gap: 1.5rem;
  }

  .gap-24-xs {
    gap: 1.5rem;
  }

  .c-gap-24-xs {
    column-gap: 1.5rem;
  }

  .fs-26-xs {
    font-size: 1.625rem;
  }

  .p-26-xs {
    padding: 1.625rem;
  }

  .pt-26-xs {
    padding-top: 1.625rem;
  }

  .pb-26-xs {
    padding-bottom: 1.625rem;
  }

  .pl-26-xs {
    padding-left: 1.625rem;
  }

  .pr-26-xs {
    padding-right: 1.625rem;
  }

  .px-26-xs {
    padding-right: 1.625rem;
    padding-left: 1.625rem;
  }

  .py-26-xs {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .m-26-xs {
    margin: 1.625rem;
  }

  .mt-26-xs {
    margin-top: 1.625rem;
  }

  .mb-26-xs {
    margin-bottom: 1.625rem;
  }

  .ml-26-xs {
    margin-left: 1.625rem;
  }

  .mr-26-xs {
    margin-right: 1.625rem;
  }

  .mx-26-xs {
    margin-right: 1.625rem;
    margin-left: 1.625rem;
  }

  .my-26-xs {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
  }

  .r-gap-26-xs {
    row-gap: 1.625rem;
  }

  .gap-26-xs {
    gap: 1.625rem;
  }

  .c-gap-26-xs {
    column-gap: 1.625rem;
  }

  .fs-28-xs {
    font-size: 1.75rem;
  }

  .p-28-xs {
    padding: 1.75rem;
  }

  .pt-28-xs {
    padding-top: 1.75rem;
  }

  .pb-28-xs {
    padding-bottom: 1.75rem;
  }

  .pl-28-xs {
    padding-left: 1.75rem;
  }

  .pr-28-xs {
    padding-right: 1.75rem;
  }

  .px-28-xs {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

  .py-28-xs {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .m-28-xs {
    margin: 1.75rem;
  }

  .mt-28-xs {
    margin-top: 1.75rem;
  }

  .mb-28-xs {
    margin-bottom: 1.75rem;
  }

  .ml-28-xs {
    margin-left: 1.75rem;
  }

  .mr-28-xs {
    margin-right: 1.75rem;
  }

  .mx-28-xs {
    margin-right: 1.75rem;
    margin-left: 1.75rem;
  }

  .my-28-xs {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .r-gap-28-xs {
    row-gap: 1.75rem;
  }

  .gap-28-xs {
    gap: 1.75rem;
  }

  .c-gap-28-xs {
    column-gap: 1.75rem;
  }

  .fs-30-xs {
    font-size: 1.875rem;
  }

  .p-30-xs {
    padding: 1.875rem;
  }

  .pt-30-xs {
    padding-top: 1.875rem;
  }

  .pb-30-xs {
    padding-bottom: 1.875rem;
  }

  .pl-30-xs {
    padding-left: 1.875rem;
  }

  .pr-30-xs {
    padding-right: 1.875rem;
  }

  .px-30-xs {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }

  .py-30-xs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .m-30-xs {
    margin: 1.875rem;
  }

  .mt-30-xs {
    margin-top: 1.875rem;
  }

  .mb-30-xs {
    margin-bottom: 1.875rem;
  }

  .ml-30-xs {
    margin-left: 1.875rem;
  }

  .mr-30-xs {
    margin-right: 1.875rem;
  }

  .mx-30-xs {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
  }

  .my-30-xs {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .r-gap-30-xs {
    row-gap: 1.875rem;
  }

  .gap-30-xs {
    gap: 1.875rem;
  }

  .c-gap-30-xs {
    column-gap: 1.875rem;
  }

  .fs-32-xs {
    font-size: 2rem;
  }

  .p-32-xs {
    padding: 2rem;
  }

  .pt-32-xs {
    padding-top: 2rem;
  }

  .pb-32-xs {
    padding-bottom: 2rem;
  }

  .pl-32-xs {
    padding-left: 2rem;
  }

  .pr-32-xs {
    padding-right: 2rem;
  }

  .px-32-xs {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .py-32-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .m-32-xs {
    margin: 2rem;
  }

  .mt-32-xs {
    margin-top: 2rem;
  }

  .mb-32-xs {
    margin-bottom: 2rem;
  }

  .ml-32-xs {
    margin-left: 2rem;
  }

  .mr-32-xs {
    margin-right: 2rem;
  }

  .mx-32-xs {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .my-32-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .r-gap-32-xs {
    row-gap: 2rem;
  }

  .gap-32-xs {
    gap: 2rem;
  }

  .c-gap-32-xs {
    column-gap: 2rem;
  }

  .fs-34-xs {
    font-size: 2.125rem;
  }

  .p-34-xs {
    padding: 2.125rem;
  }

  .pt-34-xs {
    padding-top: 2.125rem;
  }

  .pb-34-xs {
    padding-bottom: 2.125rem;
  }

  .pl-34-xs {
    padding-left: 2.125rem;
  }

  .pr-34-xs {
    padding-right: 2.125rem;
  }

  .px-34-xs {
    padding-right: 2.125rem;
    padding-left: 2.125rem;
  }

  .py-34-xs {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }

  .m-34-xs {
    margin: 2.125rem;
  }

  .mt-34-xs {
    margin-top: 2.125rem;
  }

  .mb-34-xs {
    margin-bottom: 2.125rem;
  }

  .ml-34-xs {
    margin-left: 2.125rem;
  }

  .mr-34-xs {
    margin-right: 2.125rem;
  }

  .mx-34-xs {
    margin-right: 2.125rem;
    margin-left: 2.125rem;
  }

  .my-34-xs {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .r-gap-34-xs {
    row-gap: 2.125rem;
  }

  .gap-34-xs {
    gap: 2.125rem;
  }

  .c-gap-34-xs {
    column-gap: 2.125rem;
  }

  .fs-36-xs {
    font-size: 2.25rem;
  }

  .p-36-xs {
    padding: 2.25rem;
  }

  .pt-36-xs {
    padding-top: 2.25rem;
  }

  .pb-36-xs {
    padding-bottom: 2.25rem;
  }

  .pl-36-xs {
    padding-left: 2.25rem;
  }

  .pr-36-xs {
    padding-right: 2.25rem;
  }

  .px-36-xs {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }

  .py-36-xs {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .m-36-xs {
    margin: 2.25rem;
  }

  .mt-36-xs {
    margin-top: 2.25rem;
  }

  .mb-36-xs {
    margin-bottom: 2.25rem;
  }

  .ml-36-xs {
    margin-left: 2.25rem;
  }

  .mr-36-xs {
    margin-right: 2.25rem;
  }

  .mx-36-xs {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }

  .my-36-xs {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .r-gap-36-xs {
    row-gap: 2.25rem;
  }

  .gap-36-xs {
    gap: 2.25rem;
  }

  .c-gap-36-xs {
    column-gap: 2.25rem;
  }

  .fs-38-xs {
    font-size: 2.375rem;
  }

  .p-38-xs {
    padding: 2.375rem;
  }

  .pt-38-xs {
    padding-top: 2.375rem;
  }

  .pb-38-xs {
    padding-bottom: 2.375rem;
  }

  .pl-38-xs {
    padding-left: 2.375rem;
  }

  .pr-38-xs {
    padding-right: 2.375rem;
  }

  .px-38-xs {
    padding-right: 2.375rem;
    padding-left: 2.375rem;
  }

  .py-38-xs {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
  }

  .m-38-xs {
    margin: 2.375rem;
  }

  .mt-38-xs {
    margin-top: 2.375rem;
  }

  .mb-38-xs {
    margin-bottom: 2.375rem;
  }

  .ml-38-xs {
    margin-left: 2.375rem;
  }

  .mr-38-xs {
    margin-right: 2.375rem;
  }

  .mx-38-xs {
    margin-right: 2.375rem;
    margin-left: 2.375rem;
  }

  .my-38-xs {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
  }

  .r-gap-38-xs {
    row-gap: 2.375rem;
  }

  .gap-38-xs {
    gap: 2.375rem;
  }

  .c-gap-38-xs {
    column-gap: 2.375rem;
  }

  .fs-40-xs {
    font-size: 2.5rem;
  }

  .p-40-xs {
    padding: 2.5rem;
  }

  .pt-40-xs {
    padding-top: 2.5rem;
  }

  .pb-40-xs {
    padding-bottom: 2.5rem;
  }

  .pl-40-xs {
    padding-left: 2.5rem;
  }

  .pr-40-xs {
    padding-right: 2.5rem;
  }

  .px-40-xs {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .py-40-xs {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .m-40-xs {
    margin: 2.5rem;
  }

  .mt-40-xs {
    margin-top: 2.5rem;
  }

  .mb-40-xs {
    margin-bottom: 2.5rem;
  }

  .ml-40-xs {
    margin-left: 2.5rem;
  }

  .mr-40-xs {
    margin-right: 2.5rem;
  }

  .mx-40-xs {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }

  .my-40-xs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .r-gap-40-xs {
    row-gap: 2.5rem;
  }

  .gap-40-xs {
    gap: 2.5rem;
  }

  .c-gap-40-xs {
    column-gap: 2.5rem;
  }

  .fs-42-xs {
    font-size: 2.625rem;
  }

  .p-42-xs {
    padding: 2.625rem;
  }

  .pt-42-xs {
    padding-top: 2.625rem;
  }

  .pb-42-xs {
    padding-bottom: 2.625rem;
  }

  .pl-42-xs {
    padding-left: 2.625rem;
  }

  .pr-42-xs {
    padding-right: 2.625rem;
  }

  .px-42-xs {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }

  .py-42-xs {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }

  .m-42-xs {
    margin: 2.625rem;
  }

  .mt-42-xs {
    margin-top: 2.625rem;
  }

  .mb-42-xs {
    margin-bottom: 2.625rem;
  }

  .ml-42-xs {
    margin-left: 2.625rem;
  }

  .mr-42-xs {
    margin-right: 2.625rem;
  }

  .mx-42-xs {
    margin-right: 2.625rem;
    margin-left: 2.625rem;
  }

  .my-42-xs {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
  }

  .r-gap-42-xs {
    row-gap: 2.625rem;
  }

  .gap-42-xs {
    gap: 2.625rem;
  }

  .c-gap-42-xs {
    column-gap: 2.625rem;
  }

  .fs-44-xs {
    font-size: 2.75rem;
  }

  .p-44-xs {
    padding: 2.75rem;
  }

  .pt-44-xs {
    padding-top: 2.75rem;
  }

  .pb-44-xs {
    padding-bottom: 2.75rem;
  }

  .pl-44-xs {
    padding-left: 2.75rem;
  }

  .pr-44-xs {
    padding-right: 2.75rem;
  }

  .px-44-xs {
    padding-right: 2.75rem;
    padding-left: 2.75rem;
  }

  .py-44-xs {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .m-44-xs {
    margin: 2.75rem;
  }

  .mt-44-xs {
    margin-top: 2.75rem;
  }

  .mb-44-xs {
    margin-bottom: 2.75rem;
  }

  .ml-44-xs {
    margin-left: 2.75rem;
  }

  .mr-44-xs {
    margin-right: 2.75rem;
  }

  .mx-44-xs {
    margin-right: 2.75rem;
    margin-left: 2.75rem;
  }

  .my-44-xs {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .r-gap-44-xs {
    row-gap: 2.75rem;
  }

  .gap-44-xs {
    gap: 2.75rem;
  }

  .c-gap-44-xs {
    column-gap: 2.75rem;
  }

  .fs-46-xs {
    font-size: 2.875rem;
  }

  .p-46-xs {
    padding: 2.875rem;
  }

  .pt-46-xs {
    padding-top: 2.875rem;
  }

  .pb-46-xs {
    padding-bottom: 2.875rem;
  }

  .pl-46-xs {
    padding-left: 2.875rem;
  }

  .pr-46-xs {
    padding-right: 2.875rem;
  }

  .px-46-xs {
    padding-right: 2.875rem;
    padding-left: 2.875rem;
  }

  .py-46-xs {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
  }

  .m-46-xs {
    margin: 2.875rem;
  }

  .mt-46-xs {
    margin-top: 2.875rem;
  }

  .mb-46-xs {
    margin-bottom: 2.875rem;
  }

  .ml-46-xs {
    margin-left: 2.875rem;
  }

  .mr-46-xs {
    margin-right: 2.875rem;
  }

  .mx-46-xs {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
  }

  .my-46-xs {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
  }

  .r-gap-46-xs {
    row-gap: 2.875rem;
  }

  .gap-46-xs {
    gap: 2.875rem;
  }

  .c-gap-46-xs {
    column-gap: 2.875rem;
  }

  .fs-48-xs {
    font-size: 3rem;
  }

  .p-48-xs {
    padding: 3rem;
  }

  .pt-48-xs {
    padding-top: 3rem;
  }

  .pb-48-xs {
    padding-bottom: 3rem;
  }

  .pl-48-xs {
    padding-left: 3rem;
  }

  .pr-48-xs {
    padding-right: 3rem;
  }

  .px-48-xs {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-48-xs {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .m-48-xs {
    margin: 3rem;
  }

  .mt-48-xs {
    margin-top: 3rem;
  }

  .mb-48-xs {
    margin-bottom: 3rem;
  }

  .ml-48-xs {
    margin-left: 3rem;
  }

  .mr-48-xs {
    margin-right: 3rem;
  }

  .mx-48-xs {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .my-48-xs {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .r-gap-48-xs {
    row-gap: 3rem;
  }

  .gap-48-xs {
    gap: 3rem;
  }

  .c-gap-48-xs {
    column-gap: 3rem;
  }

  .fs-50-xs {
    font-size: 3.125rem;
  }

  .p-50-xs {
    padding: 3.125rem;
  }

  .pt-50-xs {
    padding-top: 3.125rem;
  }

  .pb-50-xs {
    padding-bottom: 3.125rem;
  }

  .pl-50-xs {
    padding-left: 3.125rem;
  }

  .pr-50-xs {
    padding-right: 3.125rem;
  }

  .px-50-xs {
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }

  .py-50-xs {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .m-50-xs {
    margin: 3.125rem;
  }

  .mt-50-xs {
    margin-top: 3.125rem;
  }

  .mb-50-xs {
    margin-bottom: 3.125rem;
  }

  .ml-50-xs {
    margin-left: 3.125rem;
  }

  .mr-50-xs {
    margin-right: 3.125rem;
  }

  .mx-50-xs {
    margin-right: 3.125rem;
    margin-left: 3.125rem;
  }

  .my-50-xs {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }

  .r-gap-50-xs {
    row-gap: 3.125rem;
  }

  .gap-50-xs {
    gap: 3.125rem;
  }

  .c-gap-50-xs {
    column-gap: 3.125rem;
  }

  .fs-52-xs {
    font-size: 3.25rem;
  }

  .p-52-xs {
    padding: 3.25rem;
  }

  .pt-52-xs {
    padding-top: 3.25rem;
  }

  .pb-52-xs {
    padding-bottom: 3.25rem;
  }

  .pl-52-xs {
    padding-left: 3.25rem;
  }

  .pr-52-xs {
    padding-right: 3.25rem;
  }

  .px-52-xs {
    padding-right: 3.25rem;
    padding-left: 3.25rem;
  }

  .py-52-xs {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .m-52-xs {
    margin: 3.25rem;
  }

  .mt-52-xs {
    margin-top: 3.25rem;
  }

  .mb-52-xs {
    margin-bottom: 3.25rem;
  }

  .ml-52-xs {
    margin-left: 3.25rem;
  }

  .mr-52-xs {
    margin-right: 3.25rem;
  }

  .mx-52-xs {
    margin-right: 3.25rem;
    margin-left: 3.25rem;
  }

  .my-52-xs {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }

  .r-gap-52-xs {
    row-gap: 3.25rem;
  }

  .gap-52-xs {
    gap: 3.25rem;
  }

  .c-gap-52-xs {
    column-gap: 3.25rem;
  }

  .fs-54-xs {
    font-size: 3.375rem;
  }

  .p-54-xs {
    padding: 3.375rem;
  }

  .pt-54-xs {
    padding-top: 3.375rem;
  }

  .pb-54-xs {
    padding-bottom: 3.375rem;
  }

  .pl-54-xs {
    padding-left: 3.375rem;
  }

  .pr-54-xs {
    padding-right: 3.375rem;
  }

  .px-54-xs {
    padding-right: 3.375rem;
    padding-left: 3.375rem;
  }

  .py-54-xs {
    padding-top: 3.375rem;
    padding-bottom: 3.375rem;
  }

  .m-54-xs {
    margin: 3.375rem;
  }

  .mt-54-xs {
    margin-top: 3.375rem;
  }

  .mb-54-xs {
    margin-bottom: 3.375rem;
  }

  .ml-54-xs {
    margin-left: 3.375rem;
  }

  .mr-54-xs {
    margin-right: 3.375rem;
  }

  .mx-54-xs {
    margin-right: 3.375rem;
    margin-left: 3.375rem;
  }

  .my-54-xs {
    margin-top: 3.375rem;
    margin-bottom: 3.375rem;
  }

  .r-gap-54-xs {
    row-gap: 3.375rem;
  }

  .gap-54-xs {
    gap: 3.375rem;
  }

  .c-gap-54-xs {
    column-gap: 3.375rem;
  }

  .fs-56-xs {
    font-size: 3.5rem;
  }

  .p-56-xs {
    padding: 3.5rem;
  }

  .pt-56-xs {
    padding-top: 3.5rem;
  }

  .pb-56-xs {
    padding-bottom: 3.5rem;
  }

  .pl-56-xs {
    padding-left: 3.5rem;
  }

  .pr-56-xs {
    padding-right: 3.5rem;
  }

  .px-56-xs {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .py-56-xs {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .m-56-xs {
    margin: 3.5rem;
  }

  .mt-56-xs {
    margin-top: 3.5rem;
  }

  .mb-56-xs {
    margin-bottom: 3.5rem;
  }

  .ml-56-xs {
    margin-left: 3.5rem;
  }

  .mr-56-xs {
    margin-right: 3.5rem;
  }

  .mx-56-xs {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }

  .my-56-xs {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .r-gap-56-xs {
    row-gap: 3.5rem;
  }

  .gap-56-xs {
    gap: 3.5rem;
  }

  .c-gap-56-xs {
    column-gap: 3.5rem;
  }

  .fs-58-xs {
    font-size: 3.625rem;
  }

  .p-58-xs {
    padding: 3.625rem;
  }

  .pt-58-xs {
    padding-top: 3.625rem;
  }

  .pb-58-xs {
    padding-bottom: 3.625rem;
  }

  .pl-58-xs {
    padding-left: 3.625rem;
  }

  .pr-58-xs {
    padding-right: 3.625rem;
  }

  .px-58-xs {
    padding-right: 3.625rem;
    padding-left: 3.625rem;
  }

  .py-58-xs {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
  }

  .m-58-xs {
    margin: 3.625rem;
  }

  .mt-58-xs {
    margin-top: 3.625rem;
  }

  .mb-58-xs {
    margin-bottom: 3.625rem;
  }

  .ml-58-xs {
    margin-left: 3.625rem;
  }

  .mr-58-xs {
    margin-right: 3.625rem;
  }

  .mx-58-xs {
    margin-right: 3.625rem;
    margin-left: 3.625rem;
  }

  .my-58-xs {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
  }

  .r-gap-58-xs {
    row-gap: 3.625rem;
  }

  .gap-58-xs {
    gap: 3.625rem;
  }

  .c-gap-58-xs {
    column-gap: 3.625rem;
  }

  .fs-60-xs {
    font-size: 3.75rem;
  }

  .p-60-xs {
    padding: 3.75rem;
  }

  .pt-60-xs {
    padding-top: 3.75rem;
  }

  .pb-60-xs {
    padding-bottom: 3.75rem;
  }

  .pl-60-xs {
    padding-left: 3.75rem;
  }

  .pr-60-xs {
    padding-right: 3.75rem;
  }

  .px-60-xs {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }

  .py-60-xs {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m-60-xs {
    margin: 3.75rem;
  }

  .mt-60-xs {
    margin-top: 3.75rem;
  }

  .mb-60-xs {
    margin-bottom: 3.75rem;
  }

  .ml-60-xs {
    margin-left: 3.75rem;
  }

  .mr-60-xs {
    margin-right: 3.75rem;
  }

  .mx-60-xs {
    margin-right: 3.75rem;
    margin-left: 3.75rem;
  }

  .my-60-xs {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .r-gap-60-xs {
    row-gap: 3.75rem;
  }

  .gap-60-xs {
    gap: 3.75rem;
  }

  .c-gap-60-xs {
    column-gap: 3.75rem;
  }

  .fs-62-xs {
    font-size: 3.875rem;
  }

  .p-62-xs {
    padding: 3.875rem;
  }

  .pt-62-xs {
    padding-top: 3.875rem;
  }

  .pb-62-xs {
    padding-bottom: 3.875rem;
  }

  .pl-62-xs {
    padding-left: 3.875rem;
  }

  .pr-62-xs {
    padding-right: 3.875rem;
  }

  .px-62-xs {
    padding-right: 3.875rem;
    padding-left: 3.875rem;
  }

  .py-62-xs {
    padding-top: 3.875rem;
    padding-bottom: 3.875rem;
  }

  .m-62-xs {
    margin: 3.875rem;
  }

  .mt-62-xs {
    margin-top: 3.875rem;
  }

  .mb-62-xs {
    margin-bottom: 3.875rem;
  }

  .ml-62-xs {
    margin-left: 3.875rem;
  }

  .mr-62-xs {
    margin-right: 3.875rem;
  }

  .mx-62-xs {
    margin-right: 3.875rem;
    margin-left: 3.875rem;
  }

  .my-62-xs {
    margin-top: 3.875rem;
    margin-bottom: 3.875rem;
  }

  .r-gap-62-xs {
    row-gap: 3.875rem;
  }

  .gap-62-xs {
    gap: 3.875rem;
  }

  .c-gap-62-xs {
    column-gap: 3.875rem;
  }

  .fs-64-xs {
    font-size: 4rem;
  }

  .p-64-xs {
    padding: 4rem;
  }

  .pt-64-xs {
    padding-top: 4rem;
  }

  .pb-64-xs {
    padding-bottom: 4rem;
  }

  .pl-64-xs {
    padding-left: 4rem;
  }

  .pr-64-xs {
    padding-right: 4rem;
  }

  .px-64-xs {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .py-64-xs {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .m-64-xs {
    margin: 4rem;
  }

  .mt-64-xs {
    margin-top: 4rem;
  }

  .mb-64-xs {
    margin-bottom: 4rem;
  }

  .ml-64-xs {
    margin-left: 4rem;
  }

  .mr-64-xs {
    margin-right: 4rem;
  }

  .mx-64-xs {
    margin-right: 4rem;
    margin-left: 4rem;
  }

  .my-64-xs {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .r-gap-64-xs {
    row-gap: 4rem;
  }

  .gap-64-xs {
    gap: 4rem;
  }

  .c-gap-64-xs {
    column-gap: 4rem;
  }

  .fs-66-xs {
    font-size: 4.125rem;
  }

  .p-66-xs {
    padding: 4.125rem;
  }

  .pt-66-xs {
    padding-top: 4.125rem;
  }

  .pb-66-xs {
    padding-bottom: 4.125rem;
  }

  .pl-66-xs {
    padding-left: 4.125rem;
  }

  .pr-66-xs {
    padding-right: 4.125rem;
  }

  .px-66-xs {
    padding-right: 4.125rem;
    padding-left: 4.125rem;
  }

  .py-66-xs {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }

  .m-66-xs {
    margin: 4.125rem;
  }

  .mt-66-xs {
    margin-top: 4.125rem;
  }

  .mb-66-xs {
    margin-bottom: 4.125rem;
  }

  .ml-66-xs {
    margin-left: 4.125rem;
  }

  .mr-66-xs {
    margin-right: 4.125rem;
  }

  .mx-66-xs {
    margin-right: 4.125rem;
    margin-left: 4.125rem;
  }

  .my-66-xs {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }

  .r-gap-66-xs {
    row-gap: 4.125rem;
  }

  .gap-66-xs {
    gap: 4.125rem;
  }

  .c-gap-66-xs {
    column-gap: 4.125rem;
  }

  .fs-68-xs {
    font-size: 4.25rem;
  }

  .p-68-xs {
    padding: 4.25rem;
  }

  .pt-68-xs {
    padding-top: 4.25rem;
  }

  .pb-68-xs {
    padding-bottom: 4.25rem;
  }

  .pl-68-xs {
    padding-left: 4.25rem;
  }

  .pr-68-xs {
    padding-right: 4.25rem;
  }

  .px-68-xs {
    padding-right: 4.25rem;
    padding-left: 4.25rem;
  }

  .py-68-xs {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  .m-68-xs {
    margin: 4.25rem;
  }

  .mt-68-xs {
    margin-top: 4.25rem;
  }

  .mb-68-xs {
    margin-bottom: 4.25rem;
  }

  .ml-68-xs {
    margin-left: 4.25rem;
  }

  .mr-68-xs {
    margin-right: 4.25rem;
  }

  .mx-68-xs {
    margin-right: 4.25rem;
    margin-left: 4.25rem;
  }

  .my-68-xs {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }

  .r-gap-68-xs {
    row-gap: 4.25rem;
  }

  .gap-68-xs {
    gap: 4.25rem;
  }

  .c-gap-68-xs {
    column-gap: 4.25rem;
  }

  .fs-72-xs {
    font-size: 4.5rem;
  }

  .p-72-xs {
    padding: 4.5rem;
  }

  .pt-72-xs {
    padding-top: 4.5rem;
  }

  .pb-72-xs {
    padding-bottom: 4.5rem;
  }

  .pl-72-xs {
    padding-left: 4.5rem;
  }

  .pr-72-xs {
    padding-right: 4.5rem;
  }

  .px-72-xs {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }

  .py-72-xs {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .m-72-xs {
    margin: 4.5rem;
  }

  .mt-72-xs {
    margin-top: 4.5rem;
  }

  .mb-72-xs {
    margin-bottom: 4.5rem;
  }

  .ml-72-xs {
    margin-left: 4.5rem;
  }

  .mr-72-xs {
    margin-right: 4.5rem;
  }

  .mx-72-xs {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }

  .my-72-xs {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }

  .r-gap-72-xs {
    row-gap: 4.5rem;
  }

  .gap-72-xs {
    gap: 4.5rem;
  }

  .c-gap-72-xs {
    column-gap: 4.5rem;
  }

  .fs-140-xs {
    font-size: 8.75rem;
  }

  .p-140-xs {
    padding: 8.75rem;
  }

  .pt-140-xs {
    padding-top: 8.75rem;
  }

  .pb-140-xs {
    padding-bottom: 8.75rem;
  }

  .pl-140-xs {
    padding-left: 8.75rem;
  }

  .pr-140-xs {
    padding-right: 8.75rem;
  }

  .px-140-xs {
    padding-right: 8.75rem;
    padding-left: 8.75rem;
  }

  .py-140-xs {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
  }

  .m-140-xs {
    margin: 8.75rem;
  }

  .mt-140-xs {
    margin-top: 8.75rem;
  }

  .mb-140-xs {
    margin-bottom: 8.75rem;
  }

  .ml-140-xs {
    margin-left: 8.75rem;
  }

  .mr-140-xs {
    margin-right: 8.75rem;
  }

  .mx-140-xs {
    margin-right: 8.75rem;
    margin-left: 8.75rem;
  }

  .my-140-xs {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
  }

  .r-gap-140-xs {
    row-gap: 8.75rem;
  }

  .gap-140-xs {
    gap: 8.75rem;
  }

  .c-gap-140-xs {
    column-gap: 8.75rem;
  }
}
@media only screen and (min-width: 48rem) {
  .fs-0-sm {
    font-size: 0rem;
  }

  .p-0-sm {
    padding: 0rem;
  }

  .pt-0-sm {
    padding-top: 0rem;
  }

  .pb-0-sm {
    padding-bottom: 0rem;
  }

  .pl-0-sm {
    padding-left: 0rem;
  }

  .pr-0-sm {
    padding-right: 0rem;
  }

  .px-0-sm {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .py-0-sm {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .m-0-sm {
    margin: 0rem;
  }

  .mt-0-sm {
    margin-top: 0rem;
  }

  .mb-0-sm {
    margin-bottom: 0rem;
  }

  .ml-0-sm {
    margin-left: 0rem;
  }

  .mr-0-sm {
    margin-right: 0rem;
  }

  .mx-0-sm {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .my-0-sm {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .r-gap-0-sm {
    row-gap: 0rem;
  }

  .gap-0-sm {
    gap: 0rem;
  }

  .c-gap-0-sm {
    column-gap: 0rem;
  }

  .fs-2-sm {
    font-size: 0.125rem;
  }

  .p-2-sm {
    padding: 0.125rem;
  }

  .pt-2-sm {
    padding-top: 0.125rem;
  }

  .pb-2-sm {
    padding-bottom: 0.125rem;
  }

  .pl-2-sm {
    padding-left: 0.125rem;
  }

  .pr-2-sm {
    padding-right: 0.125rem;
  }

  .px-2-sm {
    padding-right: 0.125rem;
    padding-left: 0.125rem;
  }

  .py-2-sm {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .m-2-sm {
    margin: 0.125rem;
  }

  .mt-2-sm {
    margin-top: 0.125rem;
  }

  .mb-2-sm {
    margin-bottom: 0.125rem;
  }

  .ml-2-sm {
    margin-left: 0.125rem;
  }

  .mr-2-sm {
    margin-right: 0.125rem;
  }

  .mx-2-sm {
    margin-right: 0.125rem;
    margin-left: 0.125rem;
  }

  .my-2-sm {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .r-gap-2-sm {
    row-gap: 0.125rem;
  }

  .gap-2-sm {
    gap: 0.125rem;
  }

  .c-gap-2-sm {
    column-gap: 0.125rem;
  }

  .fs-4-sm {
    font-size: 0.25rem;
  }

  .p-4-sm {
    padding: 0.25rem;
  }

  .pt-4-sm {
    padding-top: 0.25rem;
  }

  .pb-4-sm {
    padding-bottom: 0.25rem;
  }

  .pl-4-sm {
    padding-left: 0.25rem;
  }

  .pr-4-sm {
    padding-right: 0.25rem;
  }

  .px-4-sm {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }

  .py-4-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .m-4-sm {
    margin: 0.25rem;
  }

  .mt-4-sm {
    margin-top: 0.25rem;
  }

  .mb-4-sm {
    margin-bottom: 0.25rem;
  }

  .ml-4-sm {
    margin-left: 0.25rem;
  }

  .mr-4-sm {
    margin-right: 0.25rem;
  }

  .mx-4-sm {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .my-4-sm {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .r-gap-4-sm {
    row-gap: 0.25rem;
  }

  .gap-4-sm {
    gap: 0.25rem;
  }

  .c-gap-4-sm {
    column-gap: 0.25rem;
  }

  .fs-6-sm {
    font-size: 0.375rem;
  }

  .p-6-sm {
    padding: 0.375rem;
  }

  .pt-6-sm {
    padding-top: 0.375rem;
  }

  .pb-6-sm {
    padding-bottom: 0.375rem;
  }

  .pl-6-sm {
    padding-left: 0.375rem;
  }

  .pr-6-sm {
    padding-right: 0.375rem;
  }

  .px-6-sm {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .py-6-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .m-6-sm {
    margin: 0.375rem;
  }

  .mt-6-sm {
    margin-top: 0.375rem;
  }

  .mb-6-sm {
    margin-bottom: 0.375rem;
  }

  .ml-6-sm {
    margin-left: 0.375rem;
  }

  .mr-6-sm {
    margin-right: 0.375rem;
  }

  .mx-6-sm {
    margin-right: 0.375rem;
    margin-left: 0.375rem;
  }

  .my-6-sm {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .r-gap-6-sm {
    row-gap: 0.375rem;
  }

  .gap-6-sm {
    gap: 0.375rem;
  }

  .c-gap-6-sm {
    column-gap: 0.375rem;
  }

  .fs-8-sm {
    font-size: 0.5rem;
  }

  .p-8-sm {
    padding: 0.5rem;
  }

  .pt-8-sm {
    padding-top: 0.5rem;
  }

  .pb-8-sm {
    padding-bottom: 0.5rem;
  }

  .pl-8-sm {
    padding-left: 0.5rem;
  }

  .pr-8-sm {
    padding-right: 0.5rem;
  }

  .px-8-sm {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .py-8-sm {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .m-8-sm {
    margin: 0.5rem;
  }

  .mt-8-sm {
    margin-top: 0.5rem;
  }

  .mb-8-sm {
    margin-bottom: 0.5rem;
  }

  .ml-8-sm {
    margin-left: 0.5rem;
  }

  .mr-8-sm {
    margin-right: 0.5rem;
  }

  .mx-8-sm {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

  .my-8-sm {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .r-gap-8-sm {
    row-gap: 0.5rem;
  }

  .gap-8-sm {
    gap: 0.5rem;
  }

  .c-gap-8-sm {
    column-gap: 0.5rem;
  }

  .fs-10-sm {
    font-size: 0.625rem;
  }

  .p-10-sm {
    padding: 0.625rem;
  }

  .pt-10-sm {
    padding-top: 0.625rem;
  }

  .pb-10-sm {
    padding-bottom: 0.625rem;
  }

  .pl-10-sm {
    padding-left: 0.625rem;
  }

  .pr-10-sm {
    padding-right: 0.625rem;
  }

  .px-10-sm {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }

  .py-10-sm {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .m-10-sm {
    margin: 0.625rem;
  }

  .mt-10-sm {
    margin-top: 0.625rem;
  }

  .mb-10-sm {
    margin-bottom: 0.625rem;
  }

  .ml-10-sm {
    margin-left: 0.625rem;
  }

  .mr-10-sm {
    margin-right: 0.625rem;
  }

  .mx-10-sm {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }

  .my-10-sm {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .r-gap-10-sm {
    row-gap: 0.625rem;
  }

  .gap-10-sm {
    gap: 0.625rem;
  }

  .c-gap-10-sm {
    column-gap: 0.625rem;
  }

  .fs-11-sm {
    font-size: 0.6875rem;
  }

  .p-11-sm {
    padding: 0.6875rem;
  }

  .pt-11-sm {
    padding-top: 0.6875rem;
  }

  .pb-11-sm {
    padding-bottom: 0.6875rem;
  }

  .pl-11-sm {
    padding-left: 0.6875rem;
  }

  .pr-11-sm {
    padding-right: 0.6875rem;
  }

  .px-11-sm {
    padding-right: 0.6875rem;
    padding-left: 0.6875rem;
  }

  .py-11-sm {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
  }

  .m-11-sm {
    margin: 0.6875rem;
  }

  .mt-11-sm {
    margin-top: 0.6875rem;
  }

  .mb-11-sm {
    margin-bottom: 0.6875rem;
  }

  .ml-11-sm {
    margin-left: 0.6875rem;
  }

  .mr-11-sm {
    margin-right: 0.6875rem;
  }

  .mx-11-sm {
    margin-right: 0.6875rem;
    margin-left: 0.6875rem;
  }

  .my-11-sm {
    margin-top: 0.6875rem;
    margin-bottom: 0.6875rem;
  }

  .r-gap-11-sm {
    row-gap: 0.6875rem;
  }

  .gap-11-sm {
    gap: 0.6875rem;
  }

  .c-gap-11-sm {
    column-gap: 0.6875rem;
  }

  .fs-12-sm {
    font-size: 0.75rem;
  }

  .p-12-sm {
    padding: 0.75rem;
  }

  .pt-12-sm {
    padding-top: 0.75rem;
  }

  .pb-12-sm {
    padding-bottom: 0.75rem;
  }

  .pl-12-sm {
    padding-left: 0.75rem;
  }

  .pr-12-sm {
    padding-right: 0.75rem;
  }

  .px-12-sm {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .py-12-sm {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .m-12-sm {
    margin: 0.75rem;
  }

  .mt-12-sm {
    margin-top: 0.75rem;
  }

  .mb-12-sm {
    margin-bottom: 0.75rem;
  }

  .ml-12-sm {
    margin-left: 0.75rem;
  }

  .mr-12-sm {
    margin-right: 0.75rem;
  }

  .mx-12-sm {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }

  .my-12-sm {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .r-gap-12-sm {
    row-gap: 0.75rem;
  }

  .gap-12-sm {
    gap: 0.75rem;
  }

  .c-gap-12-sm {
    column-gap: 0.75rem;
  }

  .fs-14-sm {
    font-size: 0.875rem;
  }

  .p-14-sm {
    padding: 0.875rem;
  }

  .pt-14-sm {
    padding-top: 0.875rem;
  }

  .pb-14-sm {
    padding-bottom: 0.875rem;
  }

  .pl-14-sm {
    padding-left: 0.875rem;
  }

  .pr-14-sm {
    padding-right: 0.875rem;
  }

  .px-14-sm {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .py-14-sm {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .m-14-sm {
    margin: 0.875rem;
  }

  .mt-14-sm {
    margin-top: 0.875rem;
  }

  .mb-14-sm {
    margin-bottom: 0.875rem;
  }

  .ml-14-sm {
    margin-left: 0.875rem;
  }

  .mr-14-sm {
    margin-right: 0.875rem;
  }

  .mx-14-sm {
    margin-right: 0.875rem;
    margin-left: 0.875rem;
  }

  .my-14-sm {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .r-gap-14-sm {
    row-gap: 0.875rem;
  }

  .gap-14-sm {
    gap: 0.875rem;
  }

  .c-gap-14-sm {
    column-gap: 0.875rem;
  }

  .fs-16-sm {
    font-size: 1rem;
  }

  .p-16-sm {
    padding: 1rem;
  }

  .pt-16-sm {
    padding-top: 1rem;
  }

  .pb-16-sm {
    padding-bottom: 1rem;
  }

  .pl-16-sm {
    padding-left: 1rem;
  }

  .pr-16-sm {
    padding-right: 1rem;
  }

  .px-16-sm {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .py-16-sm {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .m-16-sm {
    margin: 1rem;
  }

  .mt-16-sm {
    margin-top: 1rem;
  }

  .mb-16-sm {
    margin-bottom: 1rem;
  }

  .ml-16-sm {
    margin-left: 1rem;
  }

  .mr-16-sm {
    margin-right: 1rem;
  }

  .mx-16-sm {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .my-16-sm {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .r-gap-16-sm {
    row-gap: 1rem;
  }

  .gap-16-sm {
    gap: 1rem;
  }

  .c-gap-16-sm {
    column-gap: 1rem;
  }

  .fs-18-sm {
    font-size: 1.125rem;
  }

  .p-18-sm {
    padding: 1.125rem;
  }

  .pt-18-sm {
    padding-top: 1.125rem;
  }

  .pb-18-sm {
    padding-bottom: 1.125rem;
  }

  .pl-18-sm {
    padding-left: 1.125rem;
  }

  .pr-18-sm {
    padding-right: 1.125rem;
  }

  .px-18-sm {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }

  .py-18-sm {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .m-18-sm {
    margin: 1.125rem;
  }

  .mt-18-sm {
    margin-top: 1.125rem;
  }

  .mb-18-sm {
    margin-bottom: 1.125rem;
  }

  .ml-18-sm {
    margin-left: 1.125rem;
  }

  .mr-18-sm {
    margin-right: 1.125rem;
  }

  .mx-18-sm {
    margin-right: 1.125rem;
    margin-left: 1.125rem;
  }

  .my-18-sm {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .r-gap-18-sm {
    row-gap: 1.125rem;
  }

  .gap-18-sm {
    gap: 1.125rem;
  }

  .c-gap-18-sm {
    column-gap: 1.125rem;
  }

  .fs-20-sm {
    font-size: 1.25rem;
  }

  .p-20-sm {
    padding: 1.25rem;
  }

  .pt-20-sm {
    padding-top: 1.25rem;
  }

  .pb-20-sm {
    padding-bottom: 1.25rem;
  }

  .pl-20-sm {
    padding-left: 1.25rem;
  }

  .pr-20-sm {
    padding-right: 1.25rem;
  }

  .px-20-sm {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .py-20-sm {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .m-20-sm {
    margin: 1.25rem;
  }

  .mt-20-sm {
    margin-top: 1.25rem;
  }

  .mb-20-sm {
    margin-bottom: 1.25rem;
  }

  .ml-20-sm {
    margin-left: 1.25rem;
  }

  .mr-20-sm {
    margin-right: 1.25rem;
  }

  .mx-20-sm {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }

  .my-20-sm {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .r-gap-20-sm {
    row-gap: 1.25rem;
  }

  .gap-20-sm {
    gap: 1.25rem;
  }

  .c-gap-20-sm {
    column-gap: 1.25rem;
  }

  .fs-22-sm {
    font-size: 1.375rem;
  }

  .p-22-sm {
    padding: 1.375rem;
  }

  .pt-22-sm {
    padding-top: 1.375rem;
  }

  .pb-22-sm {
    padding-bottom: 1.375rem;
  }

  .pl-22-sm {
    padding-left: 1.375rem;
  }

  .pr-22-sm {
    padding-right: 1.375rem;
  }

  .px-22-sm {
    padding-right: 1.375rem;
    padding-left: 1.375rem;
  }

  .py-22-sm {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }

  .m-22-sm {
    margin: 1.375rem;
  }

  .mt-22-sm {
    margin-top: 1.375rem;
  }

  .mb-22-sm {
    margin-bottom: 1.375rem;
  }

  .ml-22-sm {
    margin-left: 1.375rem;
  }

  .mr-22-sm {
    margin-right: 1.375rem;
  }

  .mx-22-sm {
    margin-right: 1.375rem;
    margin-left: 1.375rem;
  }

  .my-22-sm {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .r-gap-22-sm {
    row-gap: 1.375rem;
  }

  .gap-22-sm {
    gap: 1.375rem;
  }

  .c-gap-22-sm {
    column-gap: 1.375rem;
  }

  .fs-24-sm {
    font-size: 1.5rem;
  }

  .p-24-sm {
    padding: 1.5rem;
  }

  .pt-24-sm {
    padding-top: 1.5rem;
  }

  .pb-24-sm {
    padding-bottom: 1.5rem;
  }

  .pl-24-sm {
    padding-left: 1.5rem;
  }

  .pr-24-sm {
    padding-right: 1.5rem;
  }

  .px-24-sm {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .py-24-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .m-24-sm {
    margin: 1.5rem;
  }

  .mt-24-sm {
    margin-top: 1.5rem;
  }

  .mb-24-sm {
    margin-bottom: 1.5rem;
  }

  .ml-24-sm {
    margin-left: 1.5rem;
  }

  .mr-24-sm {
    margin-right: 1.5rem;
  }

  .mx-24-sm {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .my-24-sm {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .r-gap-24-sm {
    row-gap: 1.5rem;
  }

  .gap-24-sm {
    gap: 1.5rem;
  }

  .c-gap-24-sm {
    column-gap: 1.5rem;
  }

  .fs-26-sm {
    font-size: 1.625rem;
  }

  .p-26-sm {
    padding: 1.625rem;
  }

  .pt-26-sm {
    padding-top: 1.625rem;
  }

  .pb-26-sm {
    padding-bottom: 1.625rem;
  }

  .pl-26-sm {
    padding-left: 1.625rem;
  }

  .pr-26-sm {
    padding-right: 1.625rem;
  }

  .px-26-sm {
    padding-right: 1.625rem;
    padding-left: 1.625rem;
  }

  .py-26-sm {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .m-26-sm {
    margin: 1.625rem;
  }

  .mt-26-sm {
    margin-top: 1.625rem;
  }

  .mb-26-sm {
    margin-bottom: 1.625rem;
  }

  .ml-26-sm {
    margin-left: 1.625rem;
  }

  .mr-26-sm {
    margin-right: 1.625rem;
  }

  .mx-26-sm {
    margin-right: 1.625rem;
    margin-left: 1.625rem;
  }

  .my-26-sm {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
  }

  .r-gap-26-sm {
    row-gap: 1.625rem;
  }

  .gap-26-sm {
    gap: 1.625rem;
  }

  .c-gap-26-sm {
    column-gap: 1.625rem;
  }

  .fs-28-sm {
    font-size: 1.75rem;
  }

  .p-28-sm {
    padding: 1.75rem;
  }

  .pt-28-sm {
    padding-top: 1.75rem;
  }

  .pb-28-sm {
    padding-bottom: 1.75rem;
  }

  .pl-28-sm {
    padding-left: 1.75rem;
  }

  .pr-28-sm {
    padding-right: 1.75rem;
  }

  .px-28-sm {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

  .py-28-sm {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .m-28-sm {
    margin: 1.75rem;
  }

  .mt-28-sm {
    margin-top: 1.75rem;
  }

  .mb-28-sm {
    margin-bottom: 1.75rem;
  }

  .ml-28-sm {
    margin-left: 1.75rem;
  }

  .mr-28-sm {
    margin-right: 1.75rem;
  }

  .mx-28-sm {
    margin-right: 1.75rem;
    margin-left: 1.75rem;
  }

  .my-28-sm {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .r-gap-28-sm {
    row-gap: 1.75rem;
  }

  .gap-28-sm {
    gap: 1.75rem;
  }

  .c-gap-28-sm {
    column-gap: 1.75rem;
  }

  .fs-30-sm {
    font-size: 1.875rem;
  }

  .p-30-sm {
    padding: 1.875rem;
  }

  .pt-30-sm {
    padding-top: 1.875rem;
  }

  .pb-30-sm {
    padding-bottom: 1.875rem;
  }

  .pl-30-sm {
    padding-left: 1.875rem;
  }

  .pr-30-sm {
    padding-right: 1.875rem;
  }

  .px-30-sm {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }

  .py-30-sm {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .m-30-sm {
    margin: 1.875rem;
  }

  .mt-30-sm {
    margin-top: 1.875rem;
  }

  .mb-30-sm {
    margin-bottom: 1.875rem;
  }

  .ml-30-sm {
    margin-left: 1.875rem;
  }

  .mr-30-sm {
    margin-right: 1.875rem;
  }

  .mx-30-sm {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
  }

  .my-30-sm {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .r-gap-30-sm {
    row-gap: 1.875rem;
  }

  .gap-30-sm {
    gap: 1.875rem;
  }

  .c-gap-30-sm {
    column-gap: 1.875rem;
  }

  .fs-32-sm {
    font-size: 2rem;
  }

  .p-32-sm {
    padding: 2rem;
  }

  .pt-32-sm {
    padding-top: 2rem;
  }

  .pb-32-sm {
    padding-bottom: 2rem;
  }

  .pl-32-sm {
    padding-left: 2rem;
  }

  .pr-32-sm {
    padding-right: 2rem;
  }

  .px-32-sm {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .py-32-sm {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .m-32-sm {
    margin: 2rem;
  }

  .mt-32-sm {
    margin-top: 2rem;
  }

  .mb-32-sm {
    margin-bottom: 2rem;
  }

  .ml-32-sm {
    margin-left: 2rem;
  }

  .mr-32-sm {
    margin-right: 2rem;
  }

  .mx-32-sm {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .my-32-sm {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .r-gap-32-sm {
    row-gap: 2rem;
  }

  .gap-32-sm {
    gap: 2rem;
  }

  .c-gap-32-sm {
    column-gap: 2rem;
  }

  .fs-34-sm {
    font-size: 2.125rem;
  }

  .p-34-sm {
    padding: 2.125rem;
  }

  .pt-34-sm {
    padding-top: 2.125rem;
  }

  .pb-34-sm {
    padding-bottom: 2.125rem;
  }

  .pl-34-sm {
    padding-left: 2.125rem;
  }

  .pr-34-sm {
    padding-right: 2.125rem;
  }

  .px-34-sm {
    padding-right: 2.125rem;
    padding-left: 2.125rem;
  }

  .py-34-sm {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }

  .m-34-sm {
    margin: 2.125rem;
  }

  .mt-34-sm {
    margin-top: 2.125rem;
  }

  .mb-34-sm {
    margin-bottom: 2.125rem;
  }

  .ml-34-sm {
    margin-left: 2.125rem;
  }

  .mr-34-sm {
    margin-right: 2.125rem;
  }

  .mx-34-sm {
    margin-right: 2.125rem;
    margin-left: 2.125rem;
  }

  .my-34-sm {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .r-gap-34-sm {
    row-gap: 2.125rem;
  }

  .gap-34-sm {
    gap: 2.125rem;
  }

  .c-gap-34-sm {
    column-gap: 2.125rem;
  }

  .fs-36-sm {
    font-size: 2.25rem;
  }

  .p-36-sm {
    padding: 2.25rem;
  }

  .pt-36-sm {
    padding-top: 2.25rem;
  }

  .pb-36-sm {
    padding-bottom: 2.25rem;
  }

  .pl-36-sm {
    padding-left: 2.25rem;
  }

  .pr-36-sm {
    padding-right: 2.25rem;
  }

  .px-36-sm {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }

  .py-36-sm {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .m-36-sm {
    margin: 2.25rem;
  }

  .mt-36-sm {
    margin-top: 2.25rem;
  }

  .mb-36-sm {
    margin-bottom: 2.25rem;
  }

  .ml-36-sm {
    margin-left: 2.25rem;
  }

  .mr-36-sm {
    margin-right: 2.25rem;
  }

  .mx-36-sm {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }

  .my-36-sm {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .r-gap-36-sm {
    row-gap: 2.25rem;
  }

  .gap-36-sm {
    gap: 2.25rem;
  }

  .c-gap-36-sm {
    column-gap: 2.25rem;
  }

  .fs-38-sm {
    font-size: 2.375rem;
  }

  .p-38-sm {
    padding: 2.375rem;
  }

  .pt-38-sm {
    padding-top: 2.375rem;
  }

  .pb-38-sm {
    padding-bottom: 2.375rem;
  }

  .pl-38-sm {
    padding-left: 2.375rem;
  }

  .pr-38-sm {
    padding-right: 2.375rem;
  }

  .px-38-sm {
    padding-right: 2.375rem;
    padding-left: 2.375rem;
  }

  .py-38-sm {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
  }

  .m-38-sm {
    margin: 2.375rem;
  }

  .mt-38-sm {
    margin-top: 2.375rem;
  }

  .mb-38-sm {
    margin-bottom: 2.375rem;
  }

  .ml-38-sm {
    margin-left: 2.375rem;
  }

  .mr-38-sm {
    margin-right: 2.375rem;
  }

  .mx-38-sm {
    margin-right: 2.375rem;
    margin-left: 2.375rem;
  }

  .my-38-sm {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
  }

  .r-gap-38-sm {
    row-gap: 2.375rem;
  }

  .gap-38-sm {
    gap: 2.375rem;
  }

  .c-gap-38-sm {
    column-gap: 2.375rem;
  }

  .fs-40-sm {
    font-size: 2.5rem;
  }

  .p-40-sm {
    padding: 2.5rem;
  }

  .pt-40-sm {
    padding-top: 2.5rem;
  }

  .pb-40-sm {
    padding-bottom: 2.5rem;
  }

  .pl-40-sm {
    padding-left: 2.5rem;
  }

  .pr-40-sm {
    padding-right: 2.5rem;
  }

  .px-40-sm {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .py-40-sm {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .m-40-sm {
    margin: 2.5rem;
  }

  .mt-40-sm {
    margin-top: 2.5rem;
  }

  .mb-40-sm {
    margin-bottom: 2.5rem;
  }

  .ml-40-sm {
    margin-left: 2.5rem;
  }

  .mr-40-sm {
    margin-right: 2.5rem;
  }

  .mx-40-sm {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }

  .my-40-sm {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .r-gap-40-sm {
    row-gap: 2.5rem;
  }

  .gap-40-sm {
    gap: 2.5rem;
  }

  .c-gap-40-sm {
    column-gap: 2.5rem;
  }

  .fs-42-sm {
    font-size: 2.625rem;
  }

  .p-42-sm {
    padding: 2.625rem;
  }

  .pt-42-sm {
    padding-top: 2.625rem;
  }

  .pb-42-sm {
    padding-bottom: 2.625rem;
  }

  .pl-42-sm {
    padding-left: 2.625rem;
  }

  .pr-42-sm {
    padding-right: 2.625rem;
  }

  .px-42-sm {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }

  .py-42-sm {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }

  .m-42-sm {
    margin: 2.625rem;
  }

  .mt-42-sm {
    margin-top: 2.625rem;
  }

  .mb-42-sm {
    margin-bottom: 2.625rem;
  }

  .ml-42-sm {
    margin-left: 2.625rem;
  }

  .mr-42-sm {
    margin-right: 2.625rem;
  }

  .mx-42-sm {
    margin-right: 2.625rem;
    margin-left: 2.625rem;
  }

  .my-42-sm {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
  }

  .r-gap-42-sm {
    row-gap: 2.625rem;
  }

  .gap-42-sm {
    gap: 2.625rem;
  }

  .c-gap-42-sm {
    column-gap: 2.625rem;
  }

  .fs-44-sm {
    font-size: 2.75rem;
  }

  .p-44-sm {
    padding: 2.75rem;
  }

  .pt-44-sm {
    padding-top: 2.75rem;
  }

  .pb-44-sm {
    padding-bottom: 2.75rem;
  }

  .pl-44-sm {
    padding-left: 2.75rem;
  }

  .pr-44-sm {
    padding-right: 2.75rem;
  }

  .px-44-sm {
    padding-right: 2.75rem;
    padding-left: 2.75rem;
  }

  .py-44-sm {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .m-44-sm {
    margin: 2.75rem;
  }

  .mt-44-sm {
    margin-top: 2.75rem;
  }

  .mb-44-sm {
    margin-bottom: 2.75rem;
  }

  .ml-44-sm {
    margin-left: 2.75rem;
  }

  .mr-44-sm {
    margin-right: 2.75rem;
  }

  .mx-44-sm {
    margin-right: 2.75rem;
    margin-left: 2.75rem;
  }

  .my-44-sm {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .r-gap-44-sm {
    row-gap: 2.75rem;
  }

  .gap-44-sm {
    gap: 2.75rem;
  }

  .c-gap-44-sm {
    column-gap: 2.75rem;
  }

  .fs-46-sm {
    font-size: 2.875rem;
  }

  .p-46-sm {
    padding: 2.875rem;
  }

  .pt-46-sm {
    padding-top: 2.875rem;
  }

  .pb-46-sm {
    padding-bottom: 2.875rem;
  }

  .pl-46-sm {
    padding-left: 2.875rem;
  }

  .pr-46-sm {
    padding-right: 2.875rem;
  }

  .px-46-sm {
    padding-right: 2.875rem;
    padding-left: 2.875rem;
  }

  .py-46-sm {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
  }

  .m-46-sm {
    margin: 2.875rem;
  }

  .mt-46-sm {
    margin-top: 2.875rem;
  }

  .mb-46-sm {
    margin-bottom: 2.875rem;
  }

  .ml-46-sm {
    margin-left: 2.875rem;
  }

  .mr-46-sm {
    margin-right: 2.875rem;
  }

  .mx-46-sm {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
  }

  .my-46-sm {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
  }

  .r-gap-46-sm {
    row-gap: 2.875rem;
  }

  .gap-46-sm {
    gap: 2.875rem;
  }

  .c-gap-46-sm {
    column-gap: 2.875rem;
  }

  .fs-48-sm {
    font-size: 3rem;
  }

  .p-48-sm {
    padding: 3rem;
  }

  .pt-48-sm {
    padding-top: 3rem;
  }

  .pb-48-sm {
    padding-bottom: 3rem;
  }

  .pl-48-sm {
    padding-left: 3rem;
  }

  .pr-48-sm {
    padding-right: 3rem;
  }

  .px-48-sm {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-48-sm {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .m-48-sm {
    margin: 3rem;
  }

  .mt-48-sm {
    margin-top: 3rem;
  }

  .mb-48-sm {
    margin-bottom: 3rem;
  }

  .ml-48-sm {
    margin-left: 3rem;
  }

  .mr-48-sm {
    margin-right: 3rem;
  }

  .mx-48-sm {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .my-48-sm {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .r-gap-48-sm {
    row-gap: 3rem;
  }

  .gap-48-sm {
    gap: 3rem;
  }

  .c-gap-48-sm {
    column-gap: 3rem;
  }

  .fs-50-sm {
    font-size: 3.125rem;
  }

  .p-50-sm {
    padding: 3.125rem;
  }

  .pt-50-sm {
    padding-top: 3.125rem;
  }

  .pb-50-sm {
    padding-bottom: 3.125rem;
  }

  .pl-50-sm {
    padding-left: 3.125rem;
  }

  .pr-50-sm {
    padding-right: 3.125rem;
  }

  .px-50-sm {
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }

  .py-50-sm {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .m-50-sm {
    margin: 3.125rem;
  }

  .mt-50-sm {
    margin-top: 3.125rem;
  }

  .mb-50-sm {
    margin-bottom: 3.125rem;
  }

  .ml-50-sm {
    margin-left: 3.125rem;
  }

  .mr-50-sm {
    margin-right: 3.125rem;
  }

  .mx-50-sm {
    margin-right: 3.125rem;
    margin-left: 3.125rem;
  }

  .my-50-sm {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }

  .r-gap-50-sm {
    row-gap: 3.125rem;
  }

  .gap-50-sm {
    gap: 3.125rem;
  }

  .c-gap-50-sm {
    column-gap: 3.125rem;
  }

  .fs-52-sm {
    font-size: 3.25rem;
  }

  .p-52-sm {
    padding: 3.25rem;
  }

  .pt-52-sm {
    padding-top: 3.25rem;
  }

  .pb-52-sm {
    padding-bottom: 3.25rem;
  }

  .pl-52-sm {
    padding-left: 3.25rem;
  }

  .pr-52-sm {
    padding-right: 3.25rem;
  }

  .px-52-sm {
    padding-right: 3.25rem;
    padding-left: 3.25rem;
  }

  .py-52-sm {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .m-52-sm {
    margin: 3.25rem;
  }

  .mt-52-sm {
    margin-top: 3.25rem;
  }

  .mb-52-sm {
    margin-bottom: 3.25rem;
  }

  .ml-52-sm {
    margin-left: 3.25rem;
  }

  .mr-52-sm {
    margin-right: 3.25rem;
  }

  .mx-52-sm {
    margin-right: 3.25rem;
    margin-left: 3.25rem;
  }

  .my-52-sm {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }

  .r-gap-52-sm {
    row-gap: 3.25rem;
  }

  .gap-52-sm {
    gap: 3.25rem;
  }

  .c-gap-52-sm {
    column-gap: 3.25rem;
  }

  .fs-54-sm {
    font-size: 3.375rem;
  }

  .p-54-sm {
    padding: 3.375rem;
  }

  .pt-54-sm {
    padding-top: 3.375rem;
  }

  .pb-54-sm {
    padding-bottom: 3.375rem;
  }

  .pl-54-sm {
    padding-left: 3.375rem;
  }

  .pr-54-sm {
    padding-right: 3.375rem;
  }

  .px-54-sm {
    padding-right: 3.375rem;
    padding-left: 3.375rem;
  }

  .py-54-sm {
    padding-top: 3.375rem;
    padding-bottom: 3.375rem;
  }

  .m-54-sm {
    margin: 3.375rem;
  }

  .mt-54-sm {
    margin-top: 3.375rem;
  }

  .mb-54-sm {
    margin-bottom: 3.375rem;
  }

  .ml-54-sm {
    margin-left: 3.375rem;
  }

  .mr-54-sm {
    margin-right: 3.375rem;
  }

  .mx-54-sm {
    margin-right: 3.375rem;
    margin-left: 3.375rem;
  }

  .my-54-sm {
    margin-top: 3.375rem;
    margin-bottom: 3.375rem;
  }

  .r-gap-54-sm {
    row-gap: 3.375rem;
  }

  .gap-54-sm {
    gap: 3.375rem;
  }

  .c-gap-54-sm {
    column-gap: 3.375rem;
  }

  .fs-56-sm {
    font-size: 3.5rem;
  }

  .p-56-sm {
    padding: 3.5rem;
  }

  .pt-56-sm {
    padding-top: 3.5rem;
  }

  .pb-56-sm {
    padding-bottom: 3.5rem;
  }

  .pl-56-sm {
    padding-left: 3.5rem;
  }

  .pr-56-sm {
    padding-right: 3.5rem;
  }

  .px-56-sm {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .py-56-sm {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .m-56-sm {
    margin: 3.5rem;
  }

  .mt-56-sm {
    margin-top: 3.5rem;
  }

  .mb-56-sm {
    margin-bottom: 3.5rem;
  }

  .ml-56-sm {
    margin-left: 3.5rem;
  }

  .mr-56-sm {
    margin-right: 3.5rem;
  }

  .mx-56-sm {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }

  .my-56-sm {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .r-gap-56-sm {
    row-gap: 3.5rem;
  }

  .gap-56-sm {
    gap: 3.5rem;
  }

  .c-gap-56-sm {
    column-gap: 3.5rem;
  }

  .fs-58-sm {
    font-size: 3.625rem;
  }

  .p-58-sm {
    padding: 3.625rem;
  }

  .pt-58-sm {
    padding-top: 3.625rem;
  }

  .pb-58-sm {
    padding-bottom: 3.625rem;
  }

  .pl-58-sm {
    padding-left: 3.625rem;
  }

  .pr-58-sm {
    padding-right: 3.625rem;
  }

  .px-58-sm {
    padding-right: 3.625rem;
    padding-left: 3.625rem;
  }

  .py-58-sm {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
  }

  .m-58-sm {
    margin: 3.625rem;
  }

  .mt-58-sm {
    margin-top: 3.625rem;
  }

  .mb-58-sm {
    margin-bottom: 3.625rem;
  }

  .ml-58-sm {
    margin-left: 3.625rem;
  }

  .mr-58-sm {
    margin-right: 3.625rem;
  }

  .mx-58-sm {
    margin-right: 3.625rem;
    margin-left: 3.625rem;
  }

  .my-58-sm {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
  }

  .r-gap-58-sm {
    row-gap: 3.625rem;
  }

  .gap-58-sm {
    gap: 3.625rem;
  }

  .c-gap-58-sm {
    column-gap: 3.625rem;
  }

  .fs-60-sm {
    font-size: 3.75rem;
  }

  .p-60-sm {
    padding: 3.75rem;
  }

  .pt-60-sm {
    padding-top: 3.75rem;
  }

  .pb-60-sm {
    padding-bottom: 3.75rem;
  }

  .pl-60-sm {
    padding-left: 3.75rem;
  }

  .pr-60-sm {
    padding-right: 3.75rem;
  }

  .px-60-sm {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }

  .py-60-sm {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m-60-sm {
    margin: 3.75rem;
  }

  .mt-60-sm {
    margin-top: 3.75rem;
  }

  .mb-60-sm {
    margin-bottom: 3.75rem;
  }

  .ml-60-sm {
    margin-left: 3.75rem;
  }

  .mr-60-sm {
    margin-right: 3.75rem;
  }

  .mx-60-sm {
    margin-right: 3.75rem;
    margin-left: 3.75rem;
  }

  .my-60-sm {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .r-gap-60-sm {
    row-gap: 3.75rem;
  }

  .gap-60-sm {
    gap: 3.75rem;
  }

  .c-gap-60-sm {
    column-gap: 3.75rem;
  }

  .fs-62-sm {
    font-size: 3.875rem;
  }

  .p-62-sm {
    padding: 3.875rem;
  }

  .pt-62-sm {
    padding-top: 3.875rem;
  }

  .pb-62-sm {
    padding-bottom: 3.875rem;
  }

  .pl-62-sm {
    padding-left: 3.875rem;
  }

  .pr-62-sm {
    padding-right: 3.875rem;
  }

  .px-62-sm {
    padding-right: 3.875rem;
    padding-left: 3.875rem;
  }

  .py-62-sm {
    padding-top: 3.875rem;
    padding-bottom: 3.875rem;
  }

  .m-62-sm {
    margin: 3.875rem;
  }

  .mt-62-sm {
    margin-top: 3.875rem;
  }

  .mb-62-sm {
    margin-bottom: 3.875rem;
  }

  .ml-62-sm {
    margin-left: 3.875rem;
  }

  .mr-62-sm {
    margin-right: 3.875rem;
  }

  .mx-62-sm {
    margin-right: 3.875rem;
    margin-left: 3.875rem;
  }

  .my-62-sm {
    margin-top: 3.875rem;
    margin-bottom: 3.875rem;
  }

  .r-gap-62-sm {
    row-gap: 3.875rem;
  }

  .gap-62-sm {
    gap: 3.875rem;
  }

  .c-gap-62-sm {
    column-gap: 3.875rem;
  }

  .fs-64-sm {
    font-size: 4rem;
  }

  .p-64-sm {
    padding: 4rem;
  }

  .pt-64-sm {
    padding-top: 4rem;
  }

  .pb-64-sm {
    padding-bottom: 4rem;
  }

  .pl-64-sm {
    padding-left: 4rem;
  }

  .pr-64-sm {
    padding-right: 4rem;
  }

  .px-64-sm {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .py-64-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .m-64-sm {
    margin: 4rem;
  }

  .mt-64-sm {
    margin-top: 4rem;
  }

  .mb-64-sm {
    margin-bottom: 4rem;
  }

  .ml-64-sm {
    margin-left: 4rem;
  }

  .mr-64-sm {
    margin-right: 4rem;
  }

  .mx-64-sm {
    margin-right: 4rem;
    margin-left: 4rem;
  }

  .my-64-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .r-gap-64-sm {
    row-gap: 4rem;
  }

  .gap-64-sm {
    gap: 4rem;
  }

  .c-gap-64-sm {
    column-gap: 4rem;
  }

  .fs-66-sm {
    font-size: 4.125rem;
  }

  .p-66-sm {
    padding: 4.125rem;
  }

  .pt-66-sm {
    padding-top: 4.125rem;
  }

  .pb-66-sm {
    padding-bottom: 4.125rem;
  }

  .pl-66-sm {
    padding-left: 4.125rem;
  }

  .pr-66-sm {
    padding-right: 4.125rem;
  }

  .px-66-sm {
    padding-right: 4.125rem;
    padding-left: 4.125rem;
  }

  .py-66-sm {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }

  .m-66-sm {
    margin: 4.125rem;
  }

  .mt-66-sm {
    margin-top: 4.125rem;
  }

  .mb-66-sm {
    margin-bottom: 4.125rem;
  }

  .ml-66-sm {
    margin-left: 4.125rem;
  }

  .mr-66-sm {
    margin-right: 4.125rem;
  }

  .mx-66-sm {
    margin-right: 4.125rem;
    margin-left: 4.125rem;
  }

  .my-66-sm {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }

  .r-gap-66-sm {
    row-gap: 4.125rem;
  }

  .gap-66-sm {
    gap: 4.125rem;
  }

  .c-gap-66-sm {
    column-gap: 4.125rem;
  }

  .fs-68-sm {
    font-size: 4.25rem;
  }

  .p-68-sm {
    padding: 4.25rem;
  }

  .pt-68-sm {
    padding-top: 4.25rem;
  }

  .pb-68-sm {
    padding-bottom: 4.25rem;
  }

  .pl-68-sm {
    padding-left: 4.25rem;
  }

  .pr-68-sm {
    padding-right: 4.25rem;
  }

  .px-68-sm {
    padding-right: 4.25rem;
    padding-left: 4.25rem;
  }

  .py-68-sm {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  .m-68-sm {
    margin: 4.25rem;
  }

  .mt-68-sm {
    margin-top: 4.25rem;
  }

  .mb-68-sm {
    margin-bottom: 4.25rem;
  }

  .ml-68-sm {
    margin-left: 4.25rem;
  }

  .mr-68-sm {
    margin-right: 4.25rem;
  }

  .mx-68-sm {
    margin-right: 4.25rem;
    margin-left: 4.25rem;
  }

  .my-68-sm {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }

  .r-gap-68-sm {
    row-gap: 4.25rem;
  }

  .gap-68-sm {
    gap: 4.25rem;
  }

  .c-gap-68-sm {
    column-gap: 4.25rem;
  }

  .fs-72-sm {
    font-size: 4.5rem;
  }

  .p-72-sm {
    padding: 4.5rem;
  }

  .pt-72-sm {
    padding-top: 4.5rem;
  }

  .pb-72-sm {
    padding-bottom: 4.5rem;
  }

  .pl-72-sm {
    padding-left: 4.5rem;
  }

  .pr-72-sm {
    padding-right: 4.5rem;
  }

  .px-72-sm {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }

  .py-72-sm {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .m-72-sm {
    margin: 4.5rem;
  }

  .mt-72-sm {
    margin-top: 4.5rem;
  }

  .mb-72-sm {
    margin-bottom: 4.5rem;
  }

  .ml-72-sm {
    margin-left: 4.5rem;
  }

  .mr-72-sm {
    margin-right: 4.5rem;
  }

  .mx-72-sm {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }

  .my-72-sm {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }

  .r-gap-72-sm {
    row-gap: 4.5rem;
  }

  .gap-72-sm {
    gap: 4.5rem;
  }

  .c-gap-72-sm {
    column-gap: 4.5rem;
  }

  .fs-140-sm {
    font-size: 8.75rem;
  }

  .p-140-sm {
    padding: 8.75rem;
  }

  .pt-140-sm {
    padding-top: 8.75rem;
  }

  .pb-140-sm {
    padding-bottom: 8.75rem;
  }

  .pl-140-sm {
    padding-left: 8.75rem;
  }

  .pr-140-sm {
    padding-right: 8.75rem;
  }

  .px-140-sm {
    padding-right: 8.75rem;
    padding-left: 8.75rem;
  }

  .py-140-sm {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
  }

  .m-140-sm {
    margin: 8.75rem;
  }

  .mt-140-sm {
    margin-top: 8.75rem;
  }

  .mb-140-sm {
    margin-bottom: 8.75rem;
  }

  .ml-140-sm {
    margin-left: 8.75rem;
  }

  .mr-140-sm {
    margin-right: 8.75rem;
  }

  .mx-140-sm {
    margin-right: 8.75rem;
    margin-left: 8.75rem;
  }

  .my-140-sm {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
  }

  .r-gap-140-sm {
    row-gap: 8.75rem;
  }

  .gap-140-sm {
    gap: 8.75rem;
  }

  .c-gap-140-sm {
    column-gap: 8.75rem;
  }
}
@media only screen and (min-width: 65rem) {
  .fs-0-md {
    font-size: 0rem;
  }

  .p-0-md {
    padding: 0rem;
  }

  .pt-0-md {
    padding-top: 0rem;
  }

  .pb-0-md {
    padding-bottom: 0rem;
  }

  .pl-0-md {
    padding-left: 0rem;
  }

  .pr-0-md {
    padding-right: 0rem;
  }

  .px-0-md {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .py-0-md {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .m-0-md {
    margin: 0rem;
  }

  .mt-0-md {
    margin-top: 0rem;
  }

  .mb-0-md {
    margin-bottom: 0rem;
  }

  .ml-0-md {
    margin-left: 0rem;
  }

  .mr-0-md {
    margin-right: 0rem;
  }

  .mx-0-md {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .my-0-md {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .r-gap-0-md {
    row-gap: 0rem;
  }

  .gap-0-md {
    gap: 0rem;
  }

  .c-gap-0-md {
    column-gap: 0rem;
  }

  .fs-2-md {
    font-size: 0.125rem;
  }

  .p-2-md {
    padding: 0.125rem;
  }

  .pt-2-md {
    padding-top: 0.125rem;
  }

  .pb-2-md {
    padding-bottom: 0.125rem;
  }

  .pl-2-md {
    padding-left: 0.125rem;
  }

  .pr-2-md {
    padding-right: 0.125rem;
  }

  .px-2-md {
    padding-right: 0.125rem;
    padding-left: 0.125rem;
  }

  .py-2-md {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .m-2-md {
    margin: 0.125rem;
  }

  .mt-2-md {
    margin-top: 0.125rem;
  }

  .mb-2-md {
    margin-bottom: 0.125rem;
  }

  .ml-2-md {
    margin-left: 0.125rem;
  }

  .mr-2-md {
    margin-right: 0.125rem;
  }

  .mx-2-md {
    margin-right: 0.125rem;
    margin-left: 0.125rem;
  }

  .my-2-md {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .r-gap-2-md {
    row-gap: 0.125rem;
  }

  .gap-2-md {
    gap: 0.125rem;
  }

  .c-gap-2-md {
    column-gap: 0.125rem;
  }

  .fs-4-md {
    font-size: 0.25rem;
  }

  .p-4-md {
    padding: 0.25rem;
  }

  .pt-4-md {
    padding-top: 0.25rem;
  }

  .pb-4-md {
    padding-bottom: 0.25rem;
  }

  .pl-4-md {
    padding-left: 0.25rem;
  }

  .pr-4-md {
    padding-right: 0.25rem;
  }

  .px-4-md {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }

  .py-4-md {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .m-4-md {
    margin: 0.25rem;
  }

  .mt-4-md {
    margin-top: 0.25rem;
  }

  .mb-4-md {
    margin-bottom: 0.25rem;
  }

  .ml-4-md {
    margin-left: 0.25rem;
  }

  .mr-4-md {
    margin-right: 0.25rem;
  }

  .mx-4-md {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .my-4-md {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .r-gap-4-md {
    row-gap: 0.25rem;
  }

  .gap-4-md {
    gap: 0.25rem;
  }

  .c-gap-4-md {
    column-gap: 0.25rem;
  }

  .fs-6-md {
    font-size: 0.375rem;
  }

  .p-6-md {
    padding: 0.375rem;
  }

  .pt-6-md {
    padding-top: 0.375rem;
  }

  .pb-6-md {
    padding-bottom: 0.375rem;
  }

  .pl-6-md {
    padding-left: 0.375rem;
  }

  .pr-6-md {
    padding-right: 0.375rem;
  }

  .px-6-md {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .py-6-md {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .m-6-md {
    margin: 0.375rem;
  }

  .mt-6-md {
    margin-top: 0.375rem;
  }

  .mb-6-md {
    margin-bottom: 0.375rem;
  }

  .ml-6-md {
    margin-left: 0.375rem;
  }

  .mr-6-md {
    margin-right: 0.375rem;
  }

  .mx-6-md {
    margin-right: 0.375rem;
    margin-left: 0.375rem;
  }

  .my-6-md {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .r-gap-6-md {
    row-gap: 0.375rem;
  }

  .gap-6-md {
    gap: 0.375rem;
  }

  .c-gap-6-md {
    column-gap: 0.375rem;
  }

  .fs-8-md {
    font-size: 0.5rem;
  }

  .p-8-md {
    padding: 0.5rem;
  }

  .pt-8-md {
    padding-top: 0.5rem;
  }

  .pb-8-md {
    padding-bottom: 0.5rem;
  }

  .pl-8-md {
    padding-left: 0.5rem;
  }

  .pr-8-md {
    padding-right: 0.5rem;
  }

  .px-8-md {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .py-8-md {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .m-8-md {
    margin: 0.5rem;
  }

  .mt-8-md {
    margin-top: 0.5rem;
  }

  .mb-8-md {
    margin-bottom: 0.5rem;
  }

  .ml-8-md {
    margin-left: 0.5rem;
  }

  .mr-8-md {
    margin-right: 0.5rem;
  }

  .mx-8-md {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

  .my-8-md {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .r-gap-8-md {
    row-gap: 0.5rem;
  }

  .gap-8-md {
    gap: 0.5rem;
  }

  .c-gap-8-md {
    column-gap: 0.5rem;
  }

  .fs-10-md {
    font-size: 0.625rem;
  }

  .p-10-md {
    padding: 0.625rem;
  }

  .pt-10-md {
    padding-top: 0.625rem;
  }

  .pb-10-md {
    padding-bottom: 0.625rem;
  }

  .pl-10-md {
    padding-left: 0.625rem;
  }

  .pr-10-md {
    padding-right: 0.625rem;
  }

  .px-10-md {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }

  .py-10-md {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .m-10-md {
    margin: 0.625rem;
  }

  .mt-10-md {
    margin-top: 0.625rem;
  }

  .mb-10-md {
    margin-bottom: 0.625rem;
  }

  .ml-10-md {
    margin-left: 0.625rem;
  }

  .mr-10-md {
    margin-right: 0.625rem;
  }

  .mx-10-md {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }

  .my-10-md {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .r-gap-10-md {
    row-gap: 0.625rem;
  }

  .gap-10-md {
    gap: 0.625rem;
  }

  .c-gap-10-md {
    column-gap: 0.625rem;
  }

  .fs-11-md {
    font-size: 0.6875rem;
  }

  .p-11-md {
    padding: 0.6875rem;
  }

  .pt-11-md {
    padding-top: 0.6875rem;
  }

  .pb-11-md {
    padding-bottom: 0.6875rem;
  }

  .pl-11-md {
    padding-left: 0.6875rem;
  }

  .pr-11-md {
    padding-right: 0.6875rem;
  }

  .px-11-md {
    padding-right: 0.6875rem;
    padding-left: 0.6875rem;
  }

  .py-11-md {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
  }

  .m-11-md {
    margin: 0.6875rem;
  }

  .mt-11-md {
    margin-top: 0.6875rem;
  }

  .mb-11-md {
    margin-bottom: 0.6875rem;
  }

  .ml-11-md {
    margin-left: 0.6875rem;
  }

  .mr-11-md {
    margin-right: 0.6875rem;
  }

  .mx-11-md {
    margin-right: 0.6875rem;
    margin-left: 0.6875rem;
  }

  .my-11-md {
    margin-top: 0.6875rem;
    margin-bottom: 0.6875rem;
  }

  .r-gap-11-md {
    row-gap: 0.6875rem;
  }

  .gap-11-md {
    gap: 0.6875rem;
  }

  .c-gap-11-md {
    column-gap: 0.6875rem;
  }

  .fs-12-md {
    font-size: 0.75rem;
  }

  .p-12-md {
    padding: 0.75rem;
  }

  .pt-12-md {
    padding-top: 0.75rem;
  }

  .pb-12-md {
    padding-bottom: 0.75rem;
  }

  .pl-12-md {
    padding-left: 0.75rem;
  }

  .pr-12-md {
    padding-right: 0.75rem;
  }

  .px-12-md {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .py-12-md {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .m-12-md {
    margin: 0.75rem;
  }

  .mt-12-md {
    margin-top: 0.75rem;
  }

  .mb-12-md {
    margin-bottom: 0.75rem;
  }

  .ml-12-md {
    margin-left: 0.75rem;
  }

  .mr-12-md {
    margin-right: 0.75rem;
  }

  .mx-12-md {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }

  .my-12-md {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .r-gap-12-md {
    row-gap: 0.75rem;
  }

  .gap-12-md {
    gap: 0.75rem;
  }

  .c-gap-12-md {
    column-gap: 0.75rem;
  }

  .fs-14-md {
    font-size: 0.875rem;
  }

  .p-14-md {
    padding: 0.875rem;
  }

  .pt-14-md {
    padding-top: 0.875rem;
  }

  .pb-14-md {
    padding-bottom: 0.875rem;
  }

  .pl-14-md {
    padding-left: 0.875rem;
  }

  .pr-14-md {
    padding-right: 0.875rem;
  }

  .px-14-md {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .py-14-md {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .m-14-md {
    margin: 0.875rem;
  }

  .mt-14-md {
    margin-top: 0.875rem;
  }

  .mb-14-md {
    margin-bottom: 0.875rem;
  }

  .ml-14-md {
    margin-left: 0.875rem;
  }

  .mr-14-md {
    margin-right: 0.875rem;
  }

  .mx-14-md {
    margin-right: 0.875rem;
    margin-left: 0.875rem;
  }

  .my-14-md {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .r-gap-14-md {
    row-gap: 0.875rem;
  }

  .gap-14-md {
    gap: 0.875rem;
  }

  .c-gap-14-md {
    column-gap: 0.875rem;
  }

  .fs-16-md {
    font-size: 1rem;
  }

  .p-16-md {
    padding: 1rem;
  }

  .pt-16-md {
    padding-top: 1rem;
  }

  .pb-16-md {
    padding-bottom: 1rem;
  }

  .pl-16-md {
    padding-left: 1rem;
  }

  .pr-16-md {
    padding-right: 1rem;
  }

  .px-16-md {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .py-16-md {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .m-16-md {
    margin: 1rem;
  }

  .mt-16-md {
    margin-top: 1rem;
  }

  .mb-16-md {
    margin-bottom: 1rem;
  }

  .ml-16-md {
    margin-left: 1rem;
  }

  .mr-16-md {
    margin-right: 1rem;
  }

  .mx-16-md {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .my-16-md {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .r-gap-16-md {
    row-gap: 1rem;
  }

  .gap-16-md {
    gap: 1rem;
  }

  .c-gap-16-md {
    column-gap: 1rem;
  }

  .fs-18-md {
    font-size: 1.125rem;
  }

  .p-18-md {
    padding: 1.125rem;
  }

  .pt-18-md {
    padding-top: 1.125rem;
  }

  .pb-18-md {
    padding-bottom: 1.125rem;
  }

  .pl-18-md {
    padding-left: 1.125rem;
  }

  .pr-18-md {
    padding-right: 1.125rem;
  }

  .px-18-md {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }

  .py-18-md {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .m-18-md {
    margin: 1.125rem;
  }

  .mt-18-md {
    margin-top: 1.125rem;
  }

  .mb-18-md {
    margin-bottom: 1.125rem;
  }

  .ml-18-md {
    margin-left: 1.125rem;
  }

  .mr-18-md {
    margin-right: 1.125rem;
  }

  .mx-18-md {
    margin-right: 1.125rem;
    margin-left: 1.125rem;
  }

  .my-18-md {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .r-gap-18-md {
    row-gap: 1.125rem;
  }

  .gap-18-md {
    gap: 1.125rem;
  }

  .c-gap-18-md {
    column-gap: 1.125rem;
  }

  .fs-20-md {
    font-size: 1.25rem;
  }

  .p-20-md {
    padding: 1.25rem;
  }

  .pt-20-md {
    padding-top: 1.25rem;
  }

  .pb-20-md {
    padding-bottom: 1.25rem;
  }

  .pl-20-md {
    padding-left: 1.25rem;
  }

  .pr-20-md {
    padding-right: 1.25rem;
  }

  .px-20-md {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .py-20-md {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .m-20-md {
    margin: 1.25rem;
  }

  .mt-20-md {
    margin-top: 1.25rem;
  }

  .mb-20-md {
    margin-bottom: 1.25rem;
  }

  .ml-20-md {
    margin-left: 1.25rem;
  }

  .mr-20-md {
    margin-right: 1.25rem;
  }

  .mx-20-md {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }

  .my-20-md {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .r-gap-20-md {
    row-gap: 1.25rem;
  }

  .gap-20-md {
    gap: 1.25rem;
  }

  .c-gap-20-md {
    column-gap: 1.25rem;
  }

  .fs-22-md {
    font-size: 1.375rem;
  }

  .p-22-md {
    padding: 1.375rem;
  }

  .pt-22-md {
    padding-top: 1.375rem;
  }

  .pb-22-md {
    padding-bottom: 1.375rem;
  }

  .pl-22-md {
    padding-left: 1.375rem;
  }

  .pr-22-md {
    padding-right: 1.375rem;
  }

  .px-22-md {
    padding-right: 1.375rem;
    padding-left: 1.375rem;
  }

  .py-22-md {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }

  .m-22-md {
    margin: 1.375rem;
  }

  .mt-22-md {
    margin-top: 1.375rem;
  }

  .mb-22-md {
    margin-bottom: 1.375rem;
  }

  .ml-22-md {
    margin-left: 1.375rem;
  }

  .mr-22-md {
    margin-right: 1.375rem;
  }

  .mx-22-md {
    margin-right: 1.375rem;
    margin-left: 1.375rem;
  }

  .my-22-md {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .r-gap-22-md {
    row-gap: 1.375rem;
  }

  .gap-22-md {
    gap: 1.375rem;
  }

  .c-gap-22-md {
    column-gap: 1.375rem;
  }

  .fs-24-md {
    font-size: 1.5rem;
  }

  .p-24-md {
    padding: 1.5rem;
  }

  .pt-24-md {
    padding-top: 1.5rem;
  }

  .pb-24-md {
    padding-bottom: 1.5rem;
  }

  .pl-24-md {
    padding-left: 1.5rem;
  }

  .pr-24-md {
    padding-right: 1.5rem;
  }

  .px-24-md {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .py-24-md {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .m-24-md {
    margin: 1.5rem;
  }

  .mt-24-md {
    margin-top: 1.5rem;
  }

  .mb-24-md {
    margin-bottom: 1.5rem;
  }

  .ml-24-md {
    margin-left: 1.5rem;
  }

  .mr-24-md {
    margin-right: 1.5rem;
  }

  .mx-24-md {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .my-24-md {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .r-gap-24-md {
    row-gap: 1.5rem;
  }

  .gap-24-md {
    gap: 1.5rem;
  }

  .c-gap-24-md {
    column-gap: 1.5rem;
  }

  .fs-26-md {
    font-size: 1.625rem;
  }

  .p-26-md {
    padding: 1.625rem;
  }

  .pt-26-md {
    padding-top: 1.625rem;
  }

  .pb-26-md {
    padding-bottom: 1.625rem;
  }

  .pl-26-md {
    padding-left: 1.625rem;
  }

  .pr-26-md {
    padding-right: 1.625rem;
  }

  .px-26-md {
    padding-right: 1.625rem;
    padding-left: 1.625rem;
  }

  .py-26-md {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .m-26-md {
    margin: 1.625rem;
  }

  .mt-26-md {
    margin-top: 1.625rem;
  }

  .mb-26-md {
    margin-bottom: 1.625rem;
  }

  .ml-26-md {
    margin-left: 1.625rem;
  }

  .mr-26-md {
    margin-right: 1.625rem;
  }

  .mx-26-md {
    margin-right: 1.625rem;
    margin-left: 1.625rem;
  }

  .my-26-md {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
  }

  .r-gap-26-md {
    row-gap: 1.625rem;
  }

  .gap-26-md {
    gap: 1.625rem;
  }

  .c-gap-26-md {
    column-gap: 1.625rem;
  }

  .fs-28-md {
    font-size: 1.75rem;
  }

  .p-28-md {
    padding: 1.75rem;
  }

  .pt-28-md {
    padding-top: 1.75rem;
  }

  .pb-28-md {
    padding-bottom: 1.75rem;
  }

  .pl-28-md {
    padding-left: 1.75rem;
  }

  .pr-28-md {
    padding-right: 1.75rem;
  }

  .px-28-md {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

  .py-28-md {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .m-28-md {
    margin: 1.75rem;
  }

  .mt-28-md {
    margin-top: 1.75rem;
  }

  .mb-28-md {
    margin-bottom: 1.75rem;
  }

  .ml-28-md {
    margin-left: 1.75rem;
  }

  .mr-28-md {
    margin-right: 1.75rem;
  }

  .mx-28-md {
    margin-right: 1.75rem;
    margin-left: 1.75rem;
  }

  .my-28-md {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .r-gap-28-md {
    row-gap: 1.75rem;
  }

  .gap-28-md {
    gap: 1.75rem;
  }

  .c-gap-28-md {
    column-gap: 1.75rem;
  }

  .fs-30-md {
    font-size: 1.875rem;
  }

  .p-30-md {
    padding: 1.875rem;
  }

  .pt-30-md {
    padding-top: 1.875rem;
  }

  .pb-30-md {
    padding-bottom: 1.875rem;
  }

  .pl-30-md {
    padding-left: 1.875rem;
  }

  .pr-30-md {
    padding-right: 1.875rem;
  }

  .px-30-md {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }

  .py-30-md {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .m-30-md {
    margin: 1.875rem;
  }

  .mt-30-md {
    margin-top: 1.875rem;
  }

  .mb-30-md {
    margin-bottom: 1.875rem;
  }

  .ml-30-md {
    margin-left: 1.875rem;
  }

  .mr-30-md {
    margin-right: 1.875rem;
  }

  .mx-30-md {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
  }

  .my-30-md {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .r-gap-30-md {
    row-gap: 1.875rem;
  }

  .gap-30-md {
    gap: 1.875rem;
  }

  .c-gap-30-md {
    column-gap: 1.875rem;
  }

  .fs-32-md {
    font-size: 2rem;
  }

  .p-32-md {
    padding: 2rem;
  }

  .pt-32-md {
    padding-top: 2rem;
  }

  .pb-32-md {
    padding-bottom: 2rem;
  }

  .pl-32-md {
    padding-left: 2rem;
  }

  .pr-32-md {
    padding-right: 2rem;
  }

  .px-32-md {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .py-32-md {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .m-32-md {
    margin: 2rem;
  }

  .mt-32-md {
    margin-top: 2rem;
  }

  .mb-32-md {
    margin-bottom: 2rem;
  }

  .ml-32-md {
    margin-left: 2rem;
  }

  .mr-32-md {
    margin-right: 2rem;
  }

  .mx-32-md {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .my-32-md {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .r-gap-32-md {
    row-gap: 2rem;
  }

  .gap-32-md {
    gap: 2rem;
  }

  .c-gap-32-md {
    column-gap: 2rem;
  }

  .fs-34-md {
    font-size: 2.125rem;
  }

  .p-34-md {
    padding: 2.125rem;
  }

  .pt-34-md {
    padding-top: 2.125rem;
  }

  .pb-34-md {
    padding-bottom: 2.125rem;
  }

  .pl-34-md {
    padding-left: 2.125rem;
  }

  .pr-34-md {
    padding-right: 2.125rem;
  }

  .px-34-md {
    padding-right: 2.125rem;
    padding-left: 2.125rem;
  }

  .py-34-md {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }

  .m-34-md {
    margin: 2.125rem;
  }

  .mt-34-md {
    margin-top: 2.125rem;
  }

  .mb-34-md {
    margin-bottom: 2.125rem;
  }

  .ml-34-md {
    margin-left: 2.125rem;
  }

  .mr-34-md {
    margin-right: 2.125rem;
  }

  .mx-34-md {
    margin-right: 2.125rem;
    margin-left: 2.125rem;
  }

  .my-34-md {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .r-gap-34-md {
    row-gap: 2.125rem;
  }

  .gap-34-md {
    gap: 2.125rem;
  }

  .c-gap-34-md {
    column-gap: 2.125rem;
  }

  .fs-36-md {
    font-size: 2.25rem;
  }

  .p-36-md {
    padding: 2.25rem;
  }

  .pt-36-md {
    padding-top: 2.25rem;
  }

  .pb-36-md {
    padding-bottom: 2.25rem;
  }

  .pl-36-md {
    padding-left: 2.25rem;
  }

  .pr-36-md {
    padding-right: 2.25rem;
  }

  .px-36-md {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }

  .py-36-md {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .m-36-md {
    margin: 2.25rem;
  }

  .mt-36-md {
    margin-top: 2.25rem;
  }

  .mb-36-md {
    margin-bottom: 2.25rem;
  }

  .ml-36-md {
    margin-left: 2.25rem;
  }

  .mr-36-md {
    margin-right: 2.25rem;
  }

  .mx-36-md {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }

  .my-36-md {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .r-gap-36-md {
    row-gap: 2.25rem;
  }

  .gap-36-md {
    gap: 2.25rem;
  }

  .c-gap-36-md {
    column-gap: 2.25rem;
  }

  .fs-38-md {
    font-size: 2.375rem;
  }

  .p-38-md {
    padding: 2.375rem;
  }

  .pt-38-md {
    padding-top: 2.375rem;
  }

  .pb-38-md {
    padding-bottom: 2.375rem;
  }

  .pl-38-md {
    padding-left: 2.375rem;
  }

  .pr-38-md {
    padding-right: 2.375rem;
  }

  .px-38-md {
    padding-right: 2.375rem;
    padding-left: 2.375rem;
  }

  .py-38-md {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
  }

  .m-38-md {
    margin: 2.375rem;
  }

  .mt-38-md {
    margin-top: 2.375rem;
  }

  .mb-38-md {
    margin-bottom: 2.375rem;
  }

  .ml-38-md {
    margin-left: 2.375rem;
  }

  .mr-38-md {
    margin-right: 2.375rem;
  }

  .mx-38-md {
    margin-right: 2.375rem;
    margin-left: 2.375rem;
  }

  .my-38-md {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
  }

  .r-gap-38-md {
    row-gap: 2.375rem;
  }

  .gap-38-md {
    gap: 2.375rem;
  }

  .c-gap-38-md {
    column-gap: 2.375rem;
  }

  .fs-40-md {
    font-size: 2.5rem;
  }

  .p-40-md {
    padding: 2.5rem;
  }

  .pt-40-md {
    padding-top: 2.5rem;
  }

  .pb-40-md {
    padding-bottom: 2.5rem;
  }

  .pl-40-md {
    padding-left: 2.5rem;
  }

  .pr-40-md {
    padding-right: 2.5rem;
  }

  .px-40-md {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .py-40-md {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .m-40-md {
    margin: 2.5rem;
  }

  .mt-40-md {
    margin-top: 2.5rem;
  }

  .mb-40-md {
    margin-bottom: 2.5rem;
  }

  .ml-40-md {
    margin-left: 2.5rem;
  }

  .mr-40-md {
    margin-right: 2.5rem;
  }

  .mx-40-md {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }

  .my-40-md {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .r-gap-40-md {
    row-gap: 2.5rem;
  }

  .gap-40-md {
    gap: 2.5rem;
  }

  .c-gap-40-md {
    column-gap: 2.5rem;
  }

  .fs-42-md {
    font-size: 2.625rem;
  }

  .p-42-md {
    padding: 2.625rem;
  }

  .pt-42-md {
    padding-top: 2.625rem;
  }

  .pb-42-md {
    padding-bottom: 2.625rem;
  }

  .pl-42-md {
    padding-left: 2.625rem;
  }

  .pr-42-md {
    padding-right: 2.625rem;
  }

  .px-42-md {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }

  .py-42-md {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }

  .m-42-md {
    margin: 2.625rem;
  }

  .mt-42-md {
    margin-top: 2.625rem;
  }

  .mb-42-md {
    margin-bottom: 2.625rem;
  }

  .ml-42-md {
    margin-left: 2.625rem;
  }

  .mr-42-md {
    margin-right: 2.625rem;
  }

  .mx-42-md {
    margin-right: 2.625rem;
    margin-left: 2.625rem;
  }

  .my-42-md {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
  }

  .r-gap-42-md {
    row-gap: 2.625rem;
  }

  .gap-42-md {
    gap: 2.625rem;
  }

  .c-gap-42-md {
    column-gap: 2.625rem;
  }

  .fs-44-md {
    font-size: 2.75rem;
  }

  .p-44-md {
    padding: 2.75rem;
  }

  .pt-44-md {
    padding-top: 2.75rem;
  }

  .pb-44-md {
    padding-bottom: 2.75rem;
  }

  .pl-44-md {
    padding-left: 2.75rem;
  }

  .pr-44-md {
    padding-right: 2.75rem;
  }

  .px-44-md {
    padding-right: 2.75rem;
    padding-left: 2.75rem;
  }

  .py-44-md {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .m-44-md {
    margin: 2.75rem;
  }

  .mt-44-md {
    margin-top: 2.75rem;
  }

  .mb-44-md {
    margin-bottom: 2.75rem;
  }

  .ml-44-md {
    margin-left: 2.75rem;
  }

  .mr-44-md {
    margin-right: 2.75rem;
  }

  .mx-44-md {
    margin-right: 2.75rem;
    margin-left: 2.75rem;
  }

  .my-44-md {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .r-gap-44-md {
    row-gap: 2.75rem;
  }

  .gap-44-md {
    gap: 2.75rem;
  }

  .c-gap-44-md {
    column-gap: 2.75rem;
  }

  .fs-46-md {
    font-size: 2.875rem;
  }

  .p-46-md {
    padding: 2.875rem;
  }

  .pt-46-md {
    padding-top: 2.875rem;
  }

  .pb-46-md {
    padding-bottom: 2.875rem;
  }

  .pl-46-md {
    padding-left: 2.875rem;
  }

  .pr-46-md {
    padding-right: 2.875rem;
  }

  .px-46-md {
    padding-right: 2.875rem;
    padding-left: 2.875rem;
  }

  .py-46-md {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
  }

  .m-46-md {
    margin: 2.875rem;
  }

  .mt-46-md {
    margin-top: 2.875rem;
  }

  .mb-46-md {
    margin-bottom: 2.875rem;
  }

  .ml-46-md {
    margin-left: 2.875rem;
  }

  .mr-46-md {
    margin-right: 2.875rem;
  }

  .mx-46-md {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
  }

  .my-46-md {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
  }

  .r-gap-46-md {
    row-gap: 2.875rem;
  }

  .gap-46-md {
    gap: 2.875rem;
  }

  .c-gap-46-md {
    column-gap: 2.875rem;
  }

  .fs-48-md {
    font-size: 3rem;
  }

  .p-48-md {
    padding: 3rem;
  }

  .pt-48-md {
    padding-top: 3rem;
  }

  .pb-48-md {
    padding-bottom: 3rem;
  }

  .pl-48-md {
    padding-left: 3rem;
  }

  .pr-48-md {
    padding-right: 3rem;
  }

  .px-48-md {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-48-md {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .m-48-md {
    margin: 3rem;
  }

  .mt-48-md {
    margin-top: 3rem;
  }

  .mb-48-md {
    margin-bottom: 3rem;
  }

  .ml-48-md {
    margin-left: 3rem;
  }

  .mr-48-md {
    margin-right: 3rem;
  }

  .mx-48-md {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .my-48-md {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .r-gap-48-md {
    row-gap: 3rem;
  }

  .gap-48-md {
    gap: 3rem;
  }

  .c-gap-48-md {
    column-gap: 3rem;
  }

  .fs-50-md {
    font-size: 3.125rem;
  }

  .p-50-md {
    padding: 3.125rem;
  }

  .pt-50-md {
    padding-top: 3.125rem;
  }

  .pb-50-md {
    padding-bottom: 3.125rem;
  }

  .pl-50-md {
    padding-left: 3.125rem;
  }

  .pr-50-md {
    padding-right: 3.125rem;
  }

  .px-50-md {
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }

  .py-50-md {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .m-50-md {
    margin: 3.125rem;
  }

  .mt-50-md {
    margin-top: 3.125rem;
  }

  .mb-50-md {
    margin-bottom: 3.125rem;
  }

  .ml-50-md {
    margin-left: 3.125rem;
  }

  .mr-50-md {
    margin-right: 3.125rem;
  }

  .mx-50-md {
    margin-right: 3.125rem;
    margin-left: 3.125rem;
  }

  .my-50-md {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }

  .r-gap-50-md {
    row-gap: 3.125rem;
  }

  .gap-50-md {
    gap: 3.125rem;
  }

  .c-gap-50-md {
    column-gap: 3.125rem;
  }

  .fs-52-md {
    font-size: 3.25rem;
  }

  .p-52-md {
    padding: 3.25rem;
  }

  .pt-52-md {
    padding-top: 3.25rem;
  }

  .pb-52-md {
    padding-bottom: 3.25rem;
  }

  .pl-52-md {
    padding-left: 3.25rem;
  }

  .pr-52-md {
    padding-right: 3.25rem;
  }

  .px-52-md {
    padding-right: 3.25rem;
    padding-left: 3.25rem;
  }

  .py-52-md {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .m-52-md {
    margin: 3.25rem;
  }

  .mt-52-md {
    margin-top: 3.25rem;
  }

  .mb-52-md {
    margin-bottom: 3.25rem;
  }

  .ml-52-md {
    margin-left: 3.25rem;
  }

  .mr-52-md {
    margin-right: 3.25rem;
  }

  .mx-52-md {
    margin-right: 3.25rem;
    margin-left: 3.25rem;
  }

  .my-52-md {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }

  .r-gap-52-md {
    row-gap: 3.25rem;
  }

  .gap-52-md {
    gap: 3.25rem;
  }

  .c-gap-52-md {
    column-gap: 3.25rem;
  }

  .fs-54-md {
    font-size: 3.375rem;
  }

  .p-54-md {
    padding: 3.375rem;
  }

  .pt-54-md {
    padding-top: 3.375rem;
  }

  .pb-54-md {
    padding-bottom: 3.375rem;
  }

  .pl-54-md {
    padding-left: 3.375rem;
  }

  .pr-54-md {
    padding-right: 3.375rem;
  }

  .px-54-md {
    padding-right: 3.375rem;
    padding-left: 3.375rem;
  }

  .py-54-md {
    padding-top: 3.375rem;
    padding-bottom: 3.375rem;
  }

  .m-54-md {
    margin: 3.375rem;
  }

  .mt-54-md {
    margin-top: 3.375rem;
  }

  .mb-54-md {
    margin-bottom: 3.375rem;
  }

  .ml-54-md {
    margin-left: 3.375rem;
  }

  .mr-54-md {
    margin-right: 3.375rem;
  }

  .mx-54-md {
    margin-right: 3.375rem;
    margin-left: 3.375rem;
  }

  .my-54-md {
    margin-top: 3.375rem;
    margin-bottom: 3.375rem;
  }

  .r-gap-54-md {
    row-gap: 3.375rem;
  }

  .gap-54-md {
    gap: 3.375rem;
  }

  .c-gap-54-md {
    column-gap: 3.375rem;
  }

  .fs-56-md {
    font-size: 3.5rem;
  }

  .p-56-md {
    padding: 3.5rem;
  }

  .pt-56-md {
    padding-top: 3.5rem;
  }

  .pb-56-md {
    padding-bottom: 3.5rem;
  }

  .pl-56-md {
    padding-left: 3.5rem;
  }

  .pr-56-md {
    padding-right: 3.5rem;
  }

  .px-56-md {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .py-56-md {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .m-56-md {
    margin: 3.5rem;
  }

  .mt-56-md {
    margin-top: 3.5rem;
  }

  .mb-56-md {
    margin-bottom: 3.5rem;
  }

  .ml-56-md {
    margin-left: 3.5rem;
  }

  .mr-56-md {
    margin-right: 3.5rem;
  }

  .mx-56-md {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }

  .my-56-md {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .r-gap-56-md {
    row-gap: 3.5rem;
  }

  .gap-56-md {
    gap: 3.5rem;
  }

  .c-gap-56-md {
    column-gap: 3.5rem;
  }

  .fs-58-md {
    font-size: 3.625rem;
  }

  .p-58-md {
    padding: 3.625rem;
  }

  .pt-58-md {
    padding-top: 3.625rem;
  }

  .pb-58-md {
    padding-bottom: 3.625rem;
  }

  .pl-58-md {
    padding-left: 3.625rem;
  }

  .pr-58-md {
    padding-right: 3.625rem;
  }

  .px-58-md {
    padding-right: 3.625rem;
    padding-left: 3.625rem;
  }

  .py-58-md {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
  }

  .m-58-md {
    margin: 3.625rem;
  }

  .mt-58-md {
    margin-top: 3.625rem;
  }

  .mb-58-md {
    margin-bottom: 3.625rem;
  }

  .ml-58-md {
    margin-left: 3.625rem;
  }

  .mr-58-md {
    margin-right: 3.625rem;
  }

  .mx-58-md {
    margin-right: 3.625rem;
    margin-left: 3.625rem;
  }

  .my-58-md {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
  }

  .r-gap-58-md {
    row-gap: 3.625rem;
  }

  .gap-58-md {
    gap: 3.625rem;
  }

  .c-gap-58-md {
    column-gap: 3.625rem;
  }

  .fs-60-md {
    font-size: 3.75rem;
  }

  .p-60-md {
    padding: 3.75rem;
  }

  .pt-60-md {
    padding-top: 3.75rem;
  }

  .pb-60-md {
    padding-bottom: 3.75rem;
  }

  .pl-60-md {
    padding-left: 3.75rem;
  }

  .pr-60-md {
    padding-right: 3.75rem;
  }

  .px-60-md {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }

  .py-60-md {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m-60-md {
    margin: 3.75rem;
  }

  .mt-60-md {
    margin-top: 3.75rem;
  }

  .mb-60-md {
    margin-bottom: 3.75rem;
  }

  .ml-60-md {
    margin-left: 3.75rem;
  }

  .mr-60-md {
    margin-right: 3.75rem;
  }

  .mx-60-md {
    margin-right: 3.75rem;
    margin-left: 3.75rem;
  }

  .my-60-md {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .r-gap-60-md {
    row-gap: 3.75rem;
  }

  .gap-60-md {
    gap: 3.75rem;
  }

  .c-gap-60-md {
    column-gap: 3.75rem;
  }

  .fs-62-md {
    font-size: 3.875rem;
  }

  .p-62-md {
    padding: 3.875rem;
  }

  .pt-62-md {
    padding-top: 3.875rem;
  }

  .pb-62-md {
    padding-bottom: 3.875rem;
  }

  .pl-62-md {
    padding-left: 3.875rem;
  }

  .pr-62-md {
    padding-right: 3.875rem;
  }

  .px-62-md {
    padding-right: 3.875rem;
    padding-left: 3.875rem;
  }

  .py-62-md {
    padding-top: 3.875rem;
    padding-bottom: 3.875rem;
  }

  .m-62-md {
    margin: 3.875rem;
  }

  .mt-62-md {
    margin-top: 3.875rem;
  }

  .mb-62-md {
    margin-bottom: 3.875rem;
  }

  .ml-62-md {
    margin-left: 3.875rem;
  }

  .mr-62-md {
    margin-right: 3.875rem;
  }

  .mx-62-md {
    margin-right: 3.875rem;
    margin-left: 3.875rem;
  }

  .my-62-md {
    margin-top: 3.875rem;
    margin-bottom: 3.875rem;
  }

  .r-gap-62-md {
    row-gap: 3.875rem;
  }

  .gap-62-md {
    gap: 3.875rem;
  }

  .c-gap-62-md {
    column-gap: 3.875rem;
  }

  .fs-64-md {
    font-size: 4rem;
  }

  .p-64-md {
    padding: 4rem;
  }

  .pt-64-md {
    padding-top: 4rem;
  }

  .pb-64-md {
    padding-bottom: 4rem;
  }

  .pl-64-md {
    padding-left: 4rem;
  }

  .pr-64-md {
    padding-right: 4rem;
  }

  .px-64-md {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .py-64-md {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .m-64-md {
    margin: 4rem;
  }

  .mt-64-md {
    margin-top: 4rem;
  }

  .mb-64-md {
    margin-bottom: 4rem;
  }

  .ml-64-md {
    margin-left: 4rem;
  }

  .mr-64-md {
    margin-right: 4rem;
  }

  .mx-64-md {
    margin-right: 4rem;
    margin-left: 4rem;
  }

  .my-64-md {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .r-gap-64-md {
    row-gap: 4rem;
  }

  .gap-64-md {
    gap: 4rem;
  }

  .c-gap-64-md {
    column-gap: 4rem;
  }

  .fs-66-md {
    font-size: 4.125rem;
  }

  .p-66-md {
    padding: 4.125rem;
  }

  .pt-66-md {
    padding-top: 4.125rem;
  }

  .pb-66-md {
    padding-bottom: 4.125rem;
  }

  .pl-66-md {
    padding-left: 4.125rem;
  }

  .pr-66-md {
    padding-right: 4.125rem;
  }

  .px-66-md {
    padding-right: 4.125rem;
    padding-left: 4.125rem;
  }

  .py-66-md {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }

  .m-66-md {
    margin: 4.125rem;
  }

  .mt-66-md {
    margin-top: 4.125rem;
  }

  .mb-66-md {
    margin-bottom: 4.125rem;
  }

  .ml-66-md {
    margin-left: 4.125rem;
  }

  .mr-66-md {
    margin-right: 4.125rem;
  }

  .mx-66-md {
    margin-right: 4.125rem;
    margin-left: 4.125rem;
  }

  .my-66-md {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }

  .r-gap-66-md {
    row-gap: 4.125rem;
  }

  .gap-66-md {
    gap: 4.125rem;
  }

  .c-gap-66-md {
    column-gap: 4.125rem;
  }

  .fs-68-md {
    font-size: 4.25rem;
  }

  .p-68-md {
    padding: 4.25rem;
  }

  .pt-68-md {
    padding-top: 4.25rem;
  }

  .pb-68-md {
    padding-bottom: 4.25rem;
  }

  .pl-68-md {
    padding-left: 4.25rem;
  }

  .pr-68-md {
    padding-right: 4.25rem;
  }

  .px-68-md {
    padding-right: 4.25rem;
    padding-left: 4.25rem;
  }

  .py-68-md {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  .m-68-md {
    margin: 4.25rem;
  }

  .mt-68-md {
    margin-top: 4.25rem;
  }

  .mb-68-md {
    margin-bottom: 4.25rem;
  }

  .ml-68-md {
    margin-left: 4.25rem;
  }

  .mr-68-md {
    margin-right: 4.25rem;
  }

  .mx-68-md {
    margin-right: 4.25rem;
    margin-left: 4.25rem;
  }

  .my-68-md {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }

  .r-gap-68-md {
    row-gap: 4.25rem;
  }

  .gap-68-md {
    gap: 4.25rem;
  }

  .c-gap-68-md {
    column-gap: 4.25rem;
  }

  .fs-72-md {
    font-size: 4.5rem;
  }

  .p-72-md {
    padding: 4.5rem;
  }

  .pt-72-md {
    padding-top: 4.5rem;
  }

  .pb-72-md {
    padding-bottom: 4.5rem;
  }

  .pl-72-md {
    padding-left: 4.5rem;
  }

  .pr-72-md {
    padding-right: 4.5rem;
  }

  .px-72-md {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }

  .py-72-md {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .m-72-md {
    margin: 4.5rem;
  }

  .mt-72-md {
    margin-top: 4.5rem;
  }

  .mb-72-md {
    margin-bottom: 4.5rem;
  }

  .ml-72-md {
    margin-left: 4.5rem;
  }

  .mr-72-md {
    margin-right: 4.5rem;
  }

  .mx-72-md {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }

  .my-72-md {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }

  .r-gap-72-md {
    row-gap: 4.5rem;
  }

  .gap-72-md {
    gap: 4.5rem;
  }

  .c-gap-72-md {
    column-gap: 4.5rem;
  }

  .fs-140-md {
    font-size: 8.75rem;
  }

  .p-140-md {
    padding: 8.75rem;
  }

  .pt-140-md {
    padding-top: 8.75rem;
  }

  .pb-140-md {
    padding-bottom: 8.75rem;
  }

  .pl-140-md {
    padding-left: 8.75rem;
  }

  .pr-140-md {
    padding-right: 8.75rem;
  }

  .px-140-md {
    padding-right: 8.75rem;
    padding-left: 8.75rem;
  }

  .py-140-md {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
  }

  .m-140-md {
    margin: 8.75rem;
  }

  .mt-140-md {
    margin-top: 8.75rem;
  }

  .mb-140-md {
    margin-bottom: 8.75rem;
  }

  .ml-140-md {
    margin-left: 8.75rem;
  }

  .mr-140-md {
    margin-right: 8.75rem;
  }

  .mx-140-md {
    margin-right: 8.75rem;
    margin-left: 8.75rem;
  }

  .my-140-md {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
  }

  .r-gap-140-md {
    row-gap: 8.75rem;
  }

  .gap-140-md {
    gap: 8.75rem;
  }

  .c-gap-140-md {
    column-gap: 8.75rem;
  }
}
@media only screen and (min-width: 85.375rem) {
  .fs-0-lg {
    font-size: 0rem;
  }

  .p-0-lg {
    padding: 0rem;
  }

  .pt-0-lg {
    padding-top: 0rem;
  }

  .pb-0-lg {
    padding-bottom: 0rem;
  }

  .pl-0-lg {
    padding-left: 0rem;
  }

  .pr-0-lg {
    padding-right: 0rem;
  }

  .px-0-lg {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .py-0-lg {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .m-0-lg {
    margin: 0rem;
  }

  .mt-0-lg {
    margin-top: 0rem;
  }

  .mb-0-lg {
    margin-bottom: 0rem;
  }

  .ml-0-lg {
    margin-left: 0rem;
  }

  .mr-0-lg {
    margin-right: 0rem;
  }

  .mx-0-lg {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  .my-0-lg {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .r-gap-0-lg {
    row-gap: 0rem;
  }

  .gap-0-lg {
    gap: 0rem;
  }

  .c-gap-0-lg {
    column-gap: 0rem;
  }

  .fs-2-lg {
    font-size: 0.125rem;
  }

  .p-2-lg {
    padding: 0.125rem;
  }

  .pt-2-lg {
    padding-top: 0.125rem;
  }

  .pb-2-lg {
    padding-bottom: 0.125rem;
  }

  .pl-2-lg {
    padding-left: 0.125rem;
  }

  .pr-2-lg {
    padding-right: 0.125rem;
  }

  .px-2-lg {
    padding-right: 0.125rem;
    padding-left: 0.125rem;
  }

  .py-2-lg {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .m-2-lg {
    margin: 0.125rem;
  }

  .mt-2-lg {
    margin-top: 0.125rem;
  }

  .mb-2-lg {
    margin-bottom: 0.125rem;
  }

  .ml-2-lg {
    margin-left: 0.125rem;
  }

  .mr-2-lg {
    margin-right: 0.125rem;
  }

  .mx-2-lg {
    margin-right: 0.125rem;
    margin-left: 0.125rem;
  }

  .my-2-lg {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }

  .r-gap-2-lg {
    row-gap: 0.125rem;
  }

  .gap-2-lg {
    gap: 0.125rem;
  }

  .c-gap-2-lg {
    column-gap: 0.125rem;
  }

  .fs-4-lg {
    font-size: 0.25rem;
  }

  .p-4-lg {
    padding: 0.25rem;
  }

  .pt-4-lg {
    padding-top: 0.25rem;
  }

  .pb-4-lg {
    padding-bottom: 0.25rem;
  }

  .pl-4-lg {
    padding-left: 0.25rem;
  }

  .pr-4-lg {
    padding-right: 0.25rem;
  }

  .px-4-lg {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }

  .py-4-lg {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .m-4-lg {
    margin: 0.25rem;
  }

  .mt-4-lg {
    margin-top: 0.25rem;
  }

  .mb-4-lg {
    margin-bottom: 0.25rem;
  }

  .ml-4-lg {
    margin-left: 0.25rem;
  }

  .mr-4-lg {
    margin-right: 0.25rem;
  }

  .mx-4-lg {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }

  .my-4-lg {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .r-gap-4-lg {
    row-gap: 0.25rem;
  }

  .gap-4-lg {
    gap: 0.25rem;
  }

  .c-gap-4-lg {
    column-gap: 0.25rem;
  }

  .fs-6-lg {
    font-size: 0.375rem;
  }

  .p-6-lg {
    padding: 0.375rem;
  }

  .pt-6-lg {
    padding-top: 0.375rem;
  }

  .pb-6-lg {
    padding-bottom: 0.375rem;
  }

  .pl-6-lg {
    padding-left: 0.375rem;
  }

  .pr-6-lg {
    padding-right: 0.375rem;
  }

  .px-6-lg {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }

  .py-6-lg {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .m-6-lg {
    margin: 0.375rem;
  }

  .mt-6-lg {
    margin-top: 0.375rem;
  }

  .mb-6-lg {
    margin-bottom: 0.375rem;
  }

  .ml-6-lg {
    margin-left: 0.375rem;
  }

  .mr-6-lg {
    margin-right: 0.375rem;
  }

  .mx-6-lg {
    margin-right: 0.375rem;
    margin-left: 0.375rem;
  }

  .my-6-lg {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }

  .r-gap-6-lg {
    row-gap: 0.375rem;
  }

  .gap-6-lg {
    gap: 0.375rem;
  }

  .c-gap-6-lg {
    column-gap: 0.375rem;
  }

  .fs-8-lg {
    font-size: 0.5rem;
  }

  .p-8-lg {
    padding: 0.5rem;
  }

  .pt-8-lg {
    padding-top: 0.5rem;
  }

  .pb-8-lg {
    padding-bottom: 0.5rem;
  }

  .pl-8-lg {
    padding-left: 0.5rem;
  }

  .pr-8-lg {
    padding-right: 0.5rem;
  }

  .px-8-lg {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .py-8-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .m-8-lg {
    margin: 0.5rem;
  }

  .mt-8-lg {
    margin-top: 0.5rem;
  }

  .mb-8-lg {
    margin-bottom: 0.5rem;
  }

  .ml-8-lg {
    margin-left: 0.5rem;
  }

  .mr-8-lg {
    margin-right: 0.5rem;
  }

  .mx-8-lg {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

  .my-8-lg {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .r-gap-8-lg {
    row-gap: 0.5rem;
  }

  .gap-8-lg {
    gap: 0.5rem;
  }

  .c-gap-8-lg {
    column-gap: 0.5rem;
  }

  .fs-10-lg {
    font-size: 0.625rem;
  }

  .p-10-lg {
    padding: 0.625rem;
  }

  .pt-10-lg {
    padding-top: 0.625rem;
  }

  .pb-10-lg {
    padding-bottom: 0.625rem;
  }

  .pl-10-lg {
    padding-left: 0.625rem;
  }

  .pr-10-lg {
    padding-right: 0.625rem;
  }

  .px-10-lg {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }

  .py-10-lg {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .m-10-lg {
    margin: 0.625rem;
  }

  .mt-10-lg {
    margin-top: 0.625rem;
  }

  .mb-10-lg {
    margin-bottom: 0.625rem;
  }

  .ml-10-lg {
    margin-left: 0.625rem;
  }

  .mr-10-lg {
    margin-right: 0.625rem;
  }

  .mx-10-lg {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }

  .my-10-lg {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }

  .r-gap-10-lg {
    row-gap: 0.625rem;
  }

  .gap-10-lg {
    gap: 0.625rem;
  }

  .c-gap-10-lg {
    column-gap: 0.625rem;
  }

  .fs-11-lg {
    font-size: 0.6875rem;
  }

  .p-11-lg {
    padding: 0.6875rem;
  }

  .pt-11-lg {
    padding-top: 0.6875rem;
  }

  .pb-11-lg {
    padding-bottom: 0.6875rem;
  }

  .pl-11-lg {
    padding-left: 0.6875rem;
  }

  .pr-11-lg {
    padding-right: 0.6875rem;
  }

  .px-11-lg {
    padding-right: 0.6875rem;
    padding-left: 0.6875rem;
  }

  .py-11-lg {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
  }

  .m-11-lg {
    margin: 0.6875rem;
  }

  .mt-11-lg {
    margin-top: 0.6875rem;
  }

  .mb-11-lg {
    margin-bottom: 0.6875rem;
  }

  .ml-11-lg {
    margin-left: 0.6875rem;
  }

  .mr-11-lg {
    margin-right: 0.6875rem;
  }

  .mx-11-lg {
    margin-right: 0.6875rem;
    margin-left: 0.6875rem;
  }

  .my-11-lg {
    margin-top: 0.6875rem;
    margin-bottom: 0.6875rem;
  }

  .r-gap-11-lg {
    row-gap: 0.6875rem;
  }

  .gap-11-lg {
    gap: 0.6875rem;
  }

  .c-gap-11-lg {
    column-gap: 0.6875rem;
  }

  .fs-12-lg {
    font-size: 0.75rem;
  }

  .p-12-lg {
    padding: 0.75rem;
  }

  .pt-12-lg {
    padding-top: 0.75rem;
  }

  .pb-12-lg {
    padding-bottom: 0.75rem;
  }

  .pl-12-lg {
    padding-left: 0.75rem;
  }

  .pr-12-lg {
    padding-right: 0.75rem;
  }

  .px-12-lg {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }

  .py-12-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .m-12-lg {
    margin: 0.75rem;
  }

  .mt-12-lg {
    margin-top: 0.75rem;
  }

  .mb-12-lg {
    margin-bottom: 0.75rem;
  }

  .ml-12-lg {
    margin-left: 0.75rem;
  }

  .mr-12-lg {
    margin-right: 0.75rem;
  }

  .mx-12-lg {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }

  .my-12-lg {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .r-gap-12-lg {
    row-gap: 0.75rem;
  }

  .gap-12-lg {
    gap: 0.75rem;
  }

  .c-gap-12-lg {
    column-gap: 0.75rem;
  }

  .fs-14-lg {
    font-size: 0.875rem;
  }

  .p-14-lg {
    padding: 0.875rem;
  }

  .pt-14-lg {
    padding-top: 0.875rem;
  }

  .pb-14-lg {
    padding-bottom: 0.875rem;
  }

  .pl-14-lg {
    padding-left: 0.875rem;
  }

  .pr-14-lg {
    padding-right: 0.875rem;
  }

  .px-14-lg {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }

  .py-14-lg {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .m-14-lg {
    margin: 0.875rem;
  }

  .mt-14-lg {
    margin-top: 0.875rem;
  }

  .mb-14-lg {
    margin-bottom: 0.875rem;
  }

  .ml-14-lg {
    margin-left: 0.875rem;
  }

  .mr-14-lg {
    margin-right: 0.875rem;
  }

  .mx-14-lg {
    margin-right: 0.875rem;
    margin-left: 0.875rem;
  }

  .my-14-lg {
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
  }

  .r-gap-14-lg {
    row-gap: 0.875rem;
  }

  .gap-14-lg {
    gap: 0.875rem;
  }

  .c-gap-14-lg {
    column-gap: 0.875rem;
  }

  .fs-16-lg {
    font-size: 1rem;
  }

  .p-16-lg {
    padding: 1rem;
  }

  .pt-16-lg {
    padding-top: 1rem;
  }

  .pb-16-lg {
    padding-bottom: 1rem;
  }

  .pl-16-lg {
    padding-left: 1rem;
  }

  .pr-16-lg {
    padding-right: 1rem;
  }

  .px-16-lg {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .py-16-lg {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .m-16-lg {
    margin: 1rem;
  }

  .mt-16-lg {
    margin-top: 1rem;
  }

  .mb-16-lg {
    margin-bottom: 1rem;
  }

  .ml-16-lg {
    margin-left: 1rem;
  }

  .mr-16-lg {
    margin-right: 1rem;
  }

  .mx-16-lg {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .my-16-lg {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .r-gap-16-lg {
    row-gap: 1rem;
  }

  .gap-16-lg {
    gap: 1rem;
  }

  .c-gap-16-lg {
    column-gap: 1rem;
  }

  .fs-18-lg {
    font-size: 1.125rem;
  }

  .p-18-lg {
    padding: 1.125rem;
  }

  .pt-18-lg {
    padding-top: 1.125rem;
  }

  .pb-18-lg {
    padding-bottom: 1.125rem;
  }

  .pl-18-lg {
    padding-left: 1.125rem;
  }

  .pr-18-lg {
    padding-right: 1.125rem;
  }

  .px-18-lg {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }

  .py-18-lg {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }

  .m-18-lg {
    margin: 1.125rem;
  }

  .mt-18-lg {
    margin-top: 1.125rem;
  }

  .mb-18-lg {
    margin-bottom: 1.125rem;
  }

  .ml-18-lg {
    margin-left: 1.125rem;
  }

  .mr-18-lg {
    margin-right: 1.125rem;
  }

  .mx-18-lg {
    margin-right: 1.125rem;
    margin-left: 1.125rem;
  }

  .my-18-lg {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .r-gap-18-lg {
    row-gap: 1.125rem;
  }

  .gap-18-lg {
    gap: 1.125rem;
  }

  .c-gap-18-lg {
    column-gap: 1.125rem;
  }

  .fs-20-lg {
    font-size: 1.25rem;
  }

  .p-20-lg {
    padding: 1.25rem;
  }

  .pt-20-lg {
    padding-top: 1.25rem;
  }

  .pb-20-lg {
    padding-bottom: 1.25rem;
  }

  .pl-20-lg {
    padding-left: 1.25rem;
  }

  .pr-20-lg {
    padding-right: 1.25rem;
  }

  .px-20-lg {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .py-20-lg {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .m-20-lg {
    margin: 1.25rem;
  }

  .mt-20-lg {
    margin-top: 1.25rem;
  }

  .mb-20-lg {
    margin-bottom: 1.25rem;
  }

  .ml-20-lg {
    margin-left: 1.25rem;
  }

  .mr-20-lg {
    margin-right: 1.25rem;
  }

  .mx-20-lg {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }

  .my-20-lg {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .r-gap-20-lg {
    row-gap: 1.25rem;
  }

  .gap-20-lg {
    gap: 1.25rem;
  }

  .c-gap-20-lg {
    column-gap: 1.25rem;
  }

  .fs-22-lg {
    font-size: 1.375rem;
  }

  .p-22-lg {
    padding: 1.375rem;
  }

  .pt-22-lg {
    padding-top: 1.375rem;
  }

  .pb-22-lg {
    padding-bottom: 1.375rem;
  }

  .pl-22-lg {
    padding-left: 1.375rem;
  }

  .pr-22-lg {
    padding-right: 1.375rem;
  }

  .px-22-lg {
    padding-right: 1.375rem;
    padding-left: 1.375rem;
  }

  .py-22-lg {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }

  .m-22-lg {
    margin: 1.375rem;
  }

  .mt-22-lg {
    margin-top: 1.375rem;
  }

  .mb-22-lg {
    margin-bottom: 1.375rem;
  }

  .ml-22-lg {
    margin-left: 1.375rem;
  }

  .mr-22-lg {
    margin-right: 1.375rem;
  }

  .mx-22-lg {
    margin-right: 1.375rem;
    margin-left: 1.375rem;
  }

  .my-22-lg {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
  }

  .r-gap-22-lg {
    row-gap: 1.375rem;
  }

  .gap-22-lg {
    gap: 1.375rem;
  }

  .c-gap-22-lg {
    column-gap: 1.375rem;
  }

  .fs-24-lg {
    font-size: 1.5rem;
  }

  .p-24-lg {
    padding: 1.5rem;
  }

  .pt-24-lg {
    padding-top: 1.5rem;
  }

  .pb-24-lg {
    padding-bottom: 1.5rem;
  }

  .pl-24-lg {
    padding-left: 1.5rem;
  }

  .pr-24-lg {
    padding-right: 1.5rem;
  }

  .px-24-lg {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .py-24-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .m-24-lg {
    margin: 1.5rem;
  }

  .mt-24-lg {
    margin-top: 1.5rem;
  }

  .mb-24-lg {
    margin-bottom: 1.5rem;
  }

  .ml-24-lg {
    margin-left: 1.5rem;
  }

  .mr-24-lg {
    margin-right: 1.5rem;
  }

  .mx-24-lg {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }

  .my-24-lg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .r-gap-24-lg {
    row-gap: 1.5rem;
  }

  .gap-24-lg {
    gap: 1.5rem;
  }

  .c-gap-24-lg {
    column-gap: 1.5rem;
  }

  .fs-26-lg {
    font-size: 1.625rem;
  }

  .p-26-lg {
    padding: 1.625rem;
  }

  .pt-26-lg {
    padding-top: 1.625rem;
  }

  .pb-26-lg {
    padding-bottom: 1.625rem;
  }

  .pl-26-lg {
    padding-left: 1.625rem;
  }

  .pr-26-lg {
    padding-right: 1.625rem;
  }

  .px-26-lg {
    padding-right: 1.625rem;
    padding-left: 1.625rem;
  }

  .py-26-lg {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .m-26-lg {
    margin: 1.625rem;
  }

  .mt-26-lg {
    margin-top: 1.625rem;
  }

  .mb-26-lg {
    margin-bottom: 1.625rem;
  }

  .ml-26-lg {
    margin-left: 1.625rem;
  }

  .mr-26-lg {
    margin-right: 1.625rem;
  }

  .mx-26-lg {
    margin-right: 1.625rem;
    margin-left: 1.625rem;
  }

  .my-26-lg {
    margin-top: 1.625rem;
    margin-bottom: 1.625rem;
  }

  .r-gap-26-lg {
    row-gap: 1.625rem;
  }

  .gap-26-lg {
    gap: 1.625rem;
  }

  .c-gap-26-lg {
    column-gap: 1.625rem;
  }

  .fs-28-lg {
    font-size: 1.75rem;
  }

  .p-28-lg {
    padding: 1.75rem;
  }

  .pt-28-lg {
    padding-top: 1.75rem;
  }

  .pb-28-lg {
    padding-bottom: 1.75rem;
  }

  .pl-28-lg {
    padding-left: 1.75rem;
  }

  .pr-28-lg {
    padding-right: 1.75rem;
  }

  .px-28-lg {
    padding-right: 1.75rem;
    padding-left: 1.75rem;
  }

  .py-28-lg {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .m-28-lg {
    margin: 1.75rem;
  }

  .mt-28-lg {
    margin-top: 1.75rem;
  }

  .mb-28-lg {
    margin-bottom: 1.75rem;
  }

  .ml-28-lg {
    margin-left: 1.75rem;
  }

  .mr-28-lg {
    margin-right: 1.75rem;
  }

  .mx-28-lg {
    margin-right: 1.75rem;
    margin-left: 1.75rem;
  }

  .my-28-lg {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .r-gap-28-lg {
    row-gap: 1.75rem;
  }

  .gap-28-lg {
    gap: 1.75rem;
  }

  .c-gap-28-lg {
    column-gap: 1.75rem;
  }

  .fs-30-lg {
    font-size: 1.875rem;
  }

  .p-30-lg {
    padding: 1.875rem;
  }

  .pt-30-lg {
    padding-top: 1.875rem;
  }

  .pb-30-lg {
    padding-bottom: 1.875rem;
  }

  .pl-30-lg {
    padding-left: 1.875rem;
  }

  .pr-30-lg {
    padding-right: 1.875rem;
  }

  .px-30-lg {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }

  .py-30-lg {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .m-30-lg {
    margin: 1.875rem;
  }

  .mt-30-lg {
    margin-top: 1.875rem;
  }

  .mb-30-lg {
    margin-bottom: 1.875rem;
  }

  .ml-30-lg {
    margin-left: 1.875rem;
  }

  .mr-30-lg {
    margin-right: 1.875rem;
  }

  .mx-30-lg {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
  }

  .my-30-lg {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }

  .r-gap-30-lg {
    row-gap: 1.875rem;
  }

  .gap-30-lg {
    gap: 1.875rem;
  }

  .c-gap-30-lg {
    column-gap: 1.875rem;
  }

  .fs-32-lg {
    font-size: 2rem;
  }

  .p-32-lg {
    padding: 2rem;
  }

  .pt-32-lg {
    padding-top: 2rem;
  }

  .pb-32-lg {
    padding-bottom: 2rem;
  }

  .pl-32-lg {
    padding-left: 2rem;
  }

  .pr-32-lg {
    padding-right: 2rem;
  }

  .px-32-lg {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .py-32-lg {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .m-32-lg {
    margin: 2rem;
  }

  .mt-32-lg {
    margin-top: 2rem;
  }

  .mb-32-lg {
    margin-bottom: 2rem;
  }

  .ml-32-lg {
    margin-left: 2rem;
  }

  .mr-32-lg {
    margin-right: 2rem;
  }

  .mx-32-lg {
    margin-right: 2rem;
    margin-left: 2rem;
  }

  .my-32-lg {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .r-gap-32-lg {
    row-gap: 2rem;
  }

  .gap-32-lg {
    gap: 2rem;
  }

  .c-gap-32-lg {
    column-gap: 2rem;
  }

  .fs-34-lg {
    font-size: 2.125rem;
  }

  .p-34-lg {
    padding: 2.125rem;
  }

  .pt-34-lg {
    padding-top: 2.125rem;
  }

  .pb-34-lg {
    padding-bottom: 2.125rem;
  }

  .pl-34-lg {
    padding-left: 2.125rem;
  }

  .pr-34-lg {
    padding-right: 2.125rem;
  }

  .px-34-lg {
    padding-right: 2.125rem;
    padding-left: 2.125rem;
  }

  .py-34-lg {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }

  .m-34-lg {
    margin: 2.125rem;
  }

  .mt-34-lg {
    margin-top: 2.125rem;
  }

  .mb-34-lg {
    margin-bottom: 2.125rem;
  }

  .ml-34-lg {
    margin-left: 2.125rem;
  }

  .mr-34-lg {
    margin-right: 2.125rem;
  }

  .mx-34-lg {
    margin-right: 2.125rem;
    margin-left: 2.125rem;
  }

  .my-34-lg {
    margin-top: 2.125rem;
    margin-bottom: 2.125rem;
  }

  .r-gap-34-lg {
    row-gap: 2.125rem;
  }

  .gap-34-lg {
    gap: 2.125rem;
  }

  .c-gap-34-lg {
    column-gap: 2.125rem;
  }

  .fs-36-lg {
    font-size: 2.25rem;
  }

  .p-36-lg {
    padding: 2.25rem;
  }

  .pt-36-lg {
    padding-top: 2.25rem;
  }

  .pb-36-lg {
    padding-bottom: 2.25rem;
  }

  .pl-36-lg {
    padding-left: 2.25rem;
  }

  .pr-36-lg {
    padding-right: 2.25rem;
  }

  .px-36-lg {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
  }

  .py-36-lg {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .m-36-lg {
    margin: 2.25rem;
  }

  .mt-36-lg {
    margin-top: 2.25rem;
  }

  .mb-36-lg {
    margin-bottom: 2.25rem;
  }

  .ml-36-lg {
    margin-left: 2.25rem;
  }

  .mr-36-lg {
    margin-right: 2.25rem;
  }

  .mx-36-lg {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
  }

  .my-36-lg {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  .r-gap-36-lg {
    row-gap: 2.25rem;
  }

  .gap-36-lg {
    gap: 2.25rem;
  }

  .c-gap-36-lg {
    column-gap: 2.25rem;
  }

  .fs-38-lg {
    font-size: 2.375rem;
  }

  .p-38-lg {
    padding: 2.375rem;
  }

  .pt-38-lg {
    padding-top: 2.375rem;
  }

  .pb-38-lg {
    padding-bottom: 2.375rem;
  }

  .pl-38-lg {
    padding-left: 2.375rem;
  }

  .pr-38-lg {
    padding-right: 2.375rem;
  }

  .px-38-lg {
    padding-right: 2.375rem;
    padding-left: 2.375rem;
  }

  .py-38-lg {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
  }

  .m-38-lg {
    margin: 2.375rem;
  }

  .mt-38-lg {
    margin-top: 2.375rem;
  }

  .mb-38-lg {
    margin-bottom: 2.375rem;
  }

  .ml-38-lg {
    margin-left: 2.375rem;
  }

  .mr-38-lg {
    margin-right: 2.375rem;
  }

  .mx-38-lg {
    margin-right: 2.375rem;
    margin-left: 2.375rem;
  }

  .my-38-lg {
    margin-top: 2.375rem;
    margin-bottom: 2.375rem;
  }

  .r-gap-38-lg {
    row-gap: 2.375rem;
  }

  .gap-38-lg {
    gap: 2.375rem;
  }

  .c-gap-38-lg {
    column-gap: 2.375rem;
  }

  .fs-40-lg {
    font-size: 2.5rem;
  }

  .p-40-lg {
    padding: 2.5rem;
  }

  .pt-40-lg {
    padding-top: 2.5rem;
  }

  .pb-40-lg {
    padding-bottom: 2.5rem;
  }

  .pl-40-lg {
    padding-left: 2.5rem;
  }

  .pr-40-lg {
    padding-right: 2.5rem;
  }

  .px-40-lg {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .py-40-lg {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .m-40-lg {
    margin: 2.5rem;
  }

  .mt-40-lg {
    margin-top: 2.5rem;
  }

  .mb-40-lg {
    margin-bottom: 2.5rem;
  }

  .ml-40-lg {
    margin-left: 2.5rem;
  }

  .mr-40-lg {
    margin-right: 2.5rem;
  }

  .mx-40-lg {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }

  .my-40-lg {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .r-gap-40-lg {
    row-gap: 2.5rem;
  }

  .gap-40-lg {
    gap: 2.5rem;
  }

  .c-gap-40-lg {
    column-gap: 2.5rem;
  }

  .fs-42-lg {
    font-size: 2.625rem;
  }

  .p-42-lg {
    padding: 2.625rem;
  }

  .pt-42-lg {
    padding-top: 2.625rem;
  }

  .pb-42-lg {
    padding-bottom: 2.625rem;
  }

  .pl-42-lg {
    padding-left: 2.625rem;
  }

  .pr-42-lg {
    padding-right: 2.625rem;
  }

  .px-42-lg {
    padding-right: 2.625rem;
    padding-left: 2.625rem;
  }

  .py-42-lg {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }

  .m-42-lg {
    margin: 2.625rem;
  }

  .mt-42-lg {
    margin-top: 2.625rem;
  }

  .mb-42-lg {
    margin-bottom: 2.625rem;
  }

  .ml-42-lg {
    margin-left: 2.625rem;
  }

  .mr-42-lg {
    margin-right: 2.625rem;
  }

  .mx-42-lg {
    margin-right: 2.625rem;
    margin-left: 2.625rem;
  }

  .my-42-lg {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
  }

  .r-gap-42-lg {
    row-gap: 2.625rem;
  }

  .gap-42-lg {
    gap: 2.625rem;
  }

  .c-gap-42-lg {
    column-gap: 2.625rem;
  }

  .fs-44-lg {
    font-size: 2.75rem;
  }

  .p-44-lg {
    padding: 2.75rem;
  }

  .pt-44-lg {
    padding-top: 2.75rem;
  }

  .pb-44-lg {
    padding-bottom: 2.75rem;
  }

  .pl-44-lg {
    padding-left: 2.75rem;
  }

  .pr-44-lg {
    padding-right: 2.75rem;
  }

  .px-44-lg {
    padding-right: 2.75rem;
    padding-left: 2.75rem;
  }

  .py-44-lg {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .m-44-lg {
    margin: 2.75rem;
  }

  .mt-44-lg {
    margin-top: 2.75rem;
  }

  .mb-44-lg {
    margin-bottom: 2.75rem;
  }

  .ml-44-lg {
    margin-left: 2.75rem;
  }

  .mr-44-lg {
    margin-right: 2.75rem;
  }

  .mx-44-lg {
    margin-right: 2.75rem;
    margin-left: 2.75rem;
  }

  .my-44-lg {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }

  .r-gap-44-lg {
    row-gap: 2.75rem;
  }

  .gap-44-lg {
    gap: 2.75rem;
  }

  .c-gap-44-lg {
    column-gap: 2.75rem;
  }

  .fs-46-lg {
    font-size: 2.875rem;
  }

  .p-46-lg {
    padding: 2.875rem;
  }

  .pt-46-lg {
    padding-top: 2.875rem;
  }

  .pb-46-lg {
    padding-bottom: 2.875rem;
  }

  .pl-46-lg {
    padding-left: 2.875rem;
  }

  .pr-46-lg {
    padding-right: 2.875rem;
  }

  .px-46-lg {
    padding-right: 2.875rem;
    padding-left: 2.875rem;
  }

  .py-46-lg {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
  }

  .m-46-lg {
    margin: 2.875rem;
  }

  .mt-46-lg {
    margin-top: 2.875rem;
  }

  .mb-46-lg {
    margin-bottom: 2.875rem;
  }

  .ml-46-lg {
    margin-left: 2.875rem;
  }

  .mr-46-lg {
    margin-right: 2.875rem;
  }

  .mx-46-lg {
    margin-right: 2.875rem;
    margin-left: 2.875rem;
  }

  .my-46-lg {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
  }

  .r-gap-46-lg {
    row-gap: 2.875rem;
  }

  .gap-46-lg {
    gap: 2.875rem;
  }

  .c-gap-46-lg {
    column-gap: 2.875rem;
  }

  .fs-48-lg {
    font-size: 3rem;
  }

  .p-48-lg {
    padding: 3rem;
  }

  .pt-48-lg {
    padding-top: 3rem;
  }

  .pb-48-lg {
    padding-bottom: 3rem;
  }

  .pl-48-lg {
    padding-left: 3rem;
  }

  .pr-48-lg {
    padding-right: 3rem;
  }

  .px-48-lg {
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .py-48-lg {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .m-48-lg {
    margin: 3rem;
  }

  .mt-48-lg {
    margin-top: 3rem;
  }

  .mb-48-lg {
    margin-bottom: 3rem;
  }

  .ml-48-lg {
    margin-left: 3rem;
  }

  .mr-48-lg {
    margin-right: 3rem;
  }

  .mx-48-lg {
    margin-right: 3rem;
    margin-left: 3rem;
  }

  .my-48-lg {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .r-gap-48-lg {
    row-gap: 3rem;
  }

  .gap-48-lg {
    gap: 3rem;
  }

  .c-gap-48-lg {
    column-gap: 3rem;
  }

  .fs-50-lg {
    font-size: 3.125rem;
  }

  .p-50-lg {
    padding: 3.125rem;
  }

  .pt-50-lg {
    padding-top: 3.125rem;
  }

  .pb-50-lg {
    padding-bottom: 3.125rem;
  }

  .pl-50-lg {
    padding-left: 3.125rem;
  }

  .pr-50-lg {
    padding-right: 3.125rem;
  }

  .px-50-lg {
    padding-right: 3.125rem;
    padding-left: 3.125rem;
  }

  .py-50-lg {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .m-50-lg {
    margin: 3.125rem;
  }

  .mt-50-lg {
    margin-top: 3.125rem;
  }

  .mb-50-lg {
    margin-bottom: 3.125rem;
  }

  .ml-50-lg {
    margin-left: 3.125rem;
  }

  .mr-50-lg {
    margin-right: 3.125rem;
  }

  .mx-50-lg {
    margin-right: 3.125rem;
    margin-left: 3.125rem;
  }

  .my-50-lg {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }

  .r-gap-50-lg {
    row-gap: 3.125rem;
  }

  .gap-50-lg {
    gap: 3.125rem;
  }

  .c-gap-50-lg {
    column-gap: 3.125rem;
  }

  .fs-52-lg {
    font-size: 3.25rem;
  }

  .p-52-lg {
    padding: 3.25rem;
  }

  .pt-52-lg {
    padding-top: 3.25rem;
  }

  .pb-52-lg {
    padding-bottom: 3.25rem;
  }

  .pl-52-lg {
    padding-left: 3.25rem;
  }

  .pr-52-lg {
    padding-right: 3.25rem;
  }

  .px-52-lg {
    padding-right: 3.25rem;
    padding-left: 3.25rem;
  }

  .py-52-lg {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }

  .m-52-lg {
    margin: 3.25rem;
  }

  .mt-52-lg {
    margin-top: 3.25rem;
  }

  .mb-52-lg {
    margin-bottom: 3.25rem;
  }

  .ml-52-lg {
    margin-left: 3.25rem;
  }

  .mr-52-lg {
    margin-right: 3.25rem;
  }

  .mx-52-lg {
    margin-right: 3.25rem;
    margin-left: 3.25rem;
  }

  .my-52-lg {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
  }

  .r-gap-52-lg {
    row-gap: 3.25rem;
  }

  .gap-52-lg {
    gap: 3.25rem;
  }

  .c-gap-52-lg {
    column-gap: 3.25rem;
  }

  .fs-54-lg {
    font-size: 3.375rem;
  }

  .p-54-lg {
    padding: 3.375rem;
  }

  .pt-54-lg {
    padding-top: 3.375rem;
  }

  .pb-54-lg {
    padding-bottom: 3.375rem;
  }

  .pl-54-lg {
    padding-left: 3.375rem;
  }

  .pr-54-lg {
    padding-right: 3.375rem;
  }

  .px-54-lg {
    padding-right: 3.375rem;
    padding-left: 3.375rem;
  }

  .py-54-lg {
    padding-top: 3.375rem;
    padding-bottom: 3.375rem;
  }

  .m-54-lg {
    margin: 3.375rem;
  }

  .mt-54-lg {
    margin-top: 3.375rem;
  }

  .mb-54-lg {
    margin-bottom: 3.375rem;
  }

  .ml-54-lg {
    margin-left: 3.375rem;
  }

  .mr-54-lg {
    margin-right: 3.375rem;
  }

  .mx-54-lg {
    margin-right: 3.375rem;
    margin-left: 3.375rem;
  }

  .my-54-lg {
    margin-top: 3.375rem;
    margin-bottom: 3.375rem;
  }

  .r-gap-54-lg {
    row-gap: 3.375rem;
  }

  .gap-54-lg {
    gap: 3.375rem;
  }

  .c-gap-54-lg {
    column-gap: 3.375rem;
  }

  .fs-56-lg {
    font-size: 3.5rem;
  }

  .p-56-lg {
    padding: 3.5rem;
  }

  .pt-56-lg {
    padding-top: 3.5rem;
  }

  .pb-56-lg {
    padding-bottom: 3.5rem;
  }

  .pl-56-lg {
    padding-left: 3.5rem;
  }

  .pr-56-lg {
    padding-right: 3.5rem;
  }

  .px-56-lg {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .py-56-lg {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .m-56-lg {
    margin: 3.5rem;
  }

  .mt-56-lg {
    margin-top: 3.5rem;
  }

  .mb-56-lg {
    margin-bottom: 3.5rem;
  }

  .ml-56-lg {
    margin-left: 3.5rem;
  }

  .mr-56-lg {
    margin-right: 3.5rem;
  }

  .mx-56-lg {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }

  .my-56-lg {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .r-gap-56-lg {
    row-gap: 3.5rem;
  }

  .gap-56-lg {
    gap: 3.5rem;
  }

  .c-gap-56-lg {
    column-gap: 3.5rem;
  }

  .fs-58-lg {
    font-size: 3.625rem;
  }

  .p-58-lg {
    padding: 3.625rem;
  }

  .pt-58-lg {
    padding-top: 3.625rem;
  }

  .pb-58-lg {
    padding-bottom: 3.625rem;
  }

  .pl-58-lg {
    padding-left: 3.625rem;
  }

  .pr-58-lg {
    padding-right: 3.625rem;
  }

  .px-58-lg {
    padding-right: 3.625rem;
    padding-left: 3.625rem;
  }

  .py-58-lg {
    padding-top: 3.625rem;
    padding-bottom: 3.625rem;
  }

  .m-58-lg {
    margin: 3.625rem;
  }

  .mt-58-lg {
    margin-top: 3.625rem;
  }

  .mb-58-lg {
    margin-bottom: 3.625rem;
  }

  .ml-58-lg {
    margin-left: 3.625rem;
  }

  .mr-58-lg {
    margin-right: 3.625rem;
  }

  .mx-58-lg {
    margin-right: 3.625rem;
    margin-left: 3.625rem;
  }

  .my-58-lg {
    margin-top: 3.625rem;
    margin-bottom: 3.625rem;
  }

  .r-gap-58-lg {
    row-gap: 3.625rem;
  }

  .gap-58-lg {
    gap: 3.625rem;
  }

  .c-gap-58-lg {
    column-gap: 3.625rem;
  }

  .fs-60-lg {
    font-size: 3.75rem;
  }

  .p-60-lg {
    padding: 3.75rem;
  }

  .pt-60-lg {
    padding-top: 3.75rem;
  }

  .pb-60-lg {
    padding-bottom: 3.75rem;
  }

  .pl-60-lg {
    padding-left: 3.75rem;
  }

  .pr-60-lg {
    padding-right: 3.75rem;
  }

  .px-60-lg {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
  }

  .py-60-lg {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .m-60-lg {
    margin: 3.75rem;
  }

  .mt-60-lg {
    margin-top: 3.75rem;
  }

  .mb-60-lg {
    margin-bottom: 3.75rem;
  }

  .ml-60-lg {
    margin-left: 3.75rem;
  }

  .mr-60-lg {
    margin-right: 3.75rem;
  }

  .mx-60-lg {
    margin-right: 3.75rem;
    margin-left: 3.75rem;
  }

  .my-60-lg {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .r-gap-60-lg {
    row-gap: 3.75rem;
  }

  .gap-60-lg {
    gap: 3.75rem;
  }

  .c-gap-60-lg {
    column-gap: 3.75rem;
  }

  .fs-62-lg {
    font-size: 3.875rem;
  }

  .p-62-lg {
    padding: 3.875rem;
  }

  .pt-62-lg {
    padding-top: 3.875rem;
  }

  .pb-62-lg {
    padding-bottom: 3.875rem;
  }

  .pl-62-lg {
    padding-left: 3.875rem;
  }

  .pr-62-lg {
    padding-right: 3.875rem;
  }

  .px-62-lg {
    padding-right: 3.875rem;
    padding-left: 3.875rem;
  }

  .py-62-lg {
    padding-top: 3.875rem;
    padding-bottom: 3.875rem;
  }

  .m-62-lg {
    margin: 3.875rem;
  }

  .mt-62-lg {
    margin-top: 3.875rem;
  }

  .mb-62-lg {
    margin-bottom: 3.875rem;
  }

  .ml-62-lg {
    margin-left: 3.875rem;
  }

  .mr-62-lg {
    margin-right: 3.875rem;
  }

  .mx-62-lg {
    margin-right: 3.875rem;
    margin-left: 3.875rem;
  }

  .my-62-lg {
    margin-top: 3.875rem;
    margin-bottom: 3.875rem;
  }

  .r-gap-62-lg {
    row-gap: 3.875rem;
  }

  .gap-62-lg {
    gap: 3.875rem;
  }

  .c-gap-62-lg {
    column-gap: 3.875rem;
  }

  .fs-64-lg {
    font-size: 4rem;
  }

  .p-64-lg {
    padding: 4rem;
  }

  .pt-64-lg {
    padding-top: 4rem;
  }

  .pb-64-lg {
    padding-bottom: 4rem;
  }

  .pl-64-lg {
    padding-left: 4rem;
  }

  .pr-64-lg {
    padding-right: 4rem;
  }

  .px-64-lg {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .py-64-lg {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .m-64-lg {
    margin: 4rem;
  }

  .mt-64-lg {
    margin-top: 4rem;
  }

  .mb-64-lg {
    margin-bottom: 4rem;
  }

  .ml-64-lg {
    margin-left: 4rem;
  }

  .mr-64-lg {
    margin-right: 4rem;
  }

  .mx-64-lg {
    margin-right: 4rem;
    margin-left: 4rem;
  }

  .my-64-lg {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .r-gap-64-lg {
    row-gap: 4rem;
  }

  .gap-64-lg {
    gap: 4rem;
  }

  .c-gap-64-lg {
    column-gap: 4rem;
  }

  .fs-66-lg {
    font-size: 4.125rem;
  }

  .p-66-lg {
    padding: 4.125rem;
  }

  .pt-66-lg {
    padding-top: 4.125rem;
  }

  .pb-66-lg {
    padding-bottom: 4.125rem;
  }

  .pl-66-lg {
    padding-left: 4.125rem;
  }

  .pr-66-lg {
    padding-right: 4.125rem;
  }

  .px-66-lg {
    padding-right: 4.125rem;
    padding-left: 4.125rem;
  }

  .py-66-lg {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
  }

  .m-66-lg {
    margin: 4.125rem;
  }

  .mt-66-lg {
    margin-top: 4.125rem;
  }

  .mb-66-lg {
    margin-bottom: 4.125rem;
  }

  .ml-66-lg {
    margin-left: 4.125rem;
  }

  .mr-66-lg {
    margin-right: 4.125rem;
  }

  .mx-66-lg {
    margin-right: 4.125rem;
    margin-left: 4.125rem;
  }

  .my-66-lg {
    margin-top: 4.125rem;
    margin-bottom: 4.125rem;
  }

  .r-gap-66-lg {
    row-gap: 4.125rem;
  }

  .gap-66-lg {
    gap: 4.125rem;
  }

  .c-gap-66-lg {
    column-gap: 4.125rem;
  }

  .fs-68-lg {
    font-size: 4.25rem;
  }

  .p-68-lg {
    padding: 4.25rem;
  }

  .pt-68-lg {
    padding-top: 4.25rem;
  }

  .pb-68-lg {
    padding-bottom: 4.25rem;
  }

  .pl-68-lg {
    padding-left: 4.25rem;
  }

  .pr-68-lg {
    padding-right: 4.25rem;
  }

  .px-68-lg {
    padding-right: 4.25rem;
    padding-left: 4.25rem;
  }

  .py-68-lg {
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }

  .m-68-lg {
    margin: 4.25rem;
  }

  .mt-68-lg {
    margin-top: 4.25rem;
  }

  .mb-68-lg {
    margin-bottom: 4.25rem;
  }

  .ml-68-lg {
    margin-left: 4.25rem;
  }

  .mr-68-lg {
    margin-right: 4.25rem;
  }

  .mx-68-lg {
    margin-right: 4.25rem;
    margin-left: 4.25rem;
  }

  .my-68-lg {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
  }

  .r-gap-68-lg {
    row-gap: 4.25rem;
  }

  .gap-68-lg {
    gap: 4.25rem;
  }

  .c-gap-68-lg {
    column-gap: 4.25rem;
  }

  .fs-72-lg {
    font-size: 4.5rem;
  }

  .p-72-lg {
    padding: 4.5rem;
  }

  .pt-72-lg {
    padding-top: 4.5rem;
  }

  .pb-72-lg {
    padding-bottom: 4.5rem;
  }

  .pl-72-lg {
    padding-left: 4.5rem;
  }

  .pr-72-lg {
    padding-right: 4.5rem;
  }

  .px-72-lg {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }

  .py-72-lg {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .m-72-lg {
    margin: 4.5rem;
  }

  .mt-72-lg {
    margin-top: 4.5rem;
  }

  .mb-72-lg {
    margin-bottom: 4.5rem;
  }

  .ml-72-lg {
    margin-left: 4.5rem;
  }

  .mr-72-lg {
    margin-right: 4.5rem;
  }

  .mx-72-lg {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }

  .my-72-lg {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }

  .r-gap-72-lg {
    row-gap: 4.5rem;
  }

  .gap-72-lg {
    gap: 4.5rem;
  }

  .c-gap-72-lg {
    column-gap: 4.5rem;
  }

  .fs-140-lg {
    font-size: 8.75rem;
  }

  .p-140-lg {
    padding: 8.75rem;
  }

  .pt-140-lg {
    padding-top: 8.75rem;
  }

  .pb-140-lg {
    padding-bottom: 8.75rem;
  }

  .pl-140-lg {
    padding-left: 8.75rem;
  }

  .pr-140-lg {
    padding-right: 8.75rem;
  }

  .px-140-lg {
    padding-right: 8.75rem;
    padding-left: 8.75rem;
  }

  .py-140-lg {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
  }

  .m-140-lg {
    margin: 8.75rem;
  }

  .mt-140-lg {
    margin-top: 8.75rem;
  }

  .mb-140-lg {
    margin-bottom: 8.75rem;
  }

  .ml-140-lg {
    margin-left: 8.75rem;
  }

  .mr-140-lg {
    margin-right: 8.75rem;
  }

  .mx-140-lg {
    margin-right: 8.75rem;
    margin-left: 8.75rem;
  }

  .my-140-lg {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
  }

  .r-gap-140-lg {
    row-gap: 8.75rem;
  }

  .gap-140-lg {
    gap: 8.75rem;
  }

  .c-gap-140-lg {
    column-gap: 8.75rem;
  }
}
/* HiTTA på NåGOT BETTRE SeN */
.headline {
  font-family: "Financier Display";
}

.radius-0 {
  -webkit-border-radius: 0pxrem;
  -moz-border-radius: 0pxrem;
  border-radius: 0pxrem;
}

.radius-10 {
  -webkit-border-radius: 0.625pxrem;
  -moz-border-radius: 0.625pxrem;
  border-radius: 0.625pxrem;
}

.radius-20 {
  -webkit-border-radius: 1.25pxrem;
  -moz-border-radius: 1.25pxrem;
  border-radius: 1.25pxrem;
}

.radius-30 {
  -webkit-border-radius: 1.875pxrem;
  -moz-border-radius: 1.875pxrem;
  border-radius: 1.875pxrem;
}

.radius-40 {
  -webkit-border-radius: 2.5pxrem;
  -moz-border-radius: 2.5pxrem;
  border-radius: 2.5pxrem;
}

.radius-50 {
  -webkit-border-radius: 3.125pxrem;
  -moz-border-radius: 3.125pxrem;
  border-radius: 3.125pxrem;
}

.radius-60 {
  -webkit-border-radius: 3.75pxrem;
  -moz-border-radius: 3.75pxrem;
  border-radius: 3.75pxrem;
}

.radius-70 {
  -webkit-border-radius: 4.375pxrem;
  -moz-border-radius: 4.375pxrem;
  border-radius: 4.375pxrem;
}

.radius-80 {
  -webkit-border-radius: 5pxrem;
  -moz-border-radius: 5pxrem;
  border-radius: 5pxrem;
}

.radius-90 {
  -webkit-border-radius: 5.625pxrem;
  -moz-border-radius: 5.625pxrem;
  border-radius: 5.625pxrem;
}

.radius-100 {
  -webkit-border-radius: 6.25pxrem;
  -moz-border-radius: 6.25pxrem;
  border-radius: 6.25pxrem;
}

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

.reviewCards__star {
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.reviewCards__star:hover {
  transform: scale(1.1);
  opacity: 0.8;
}
.reviewCards__star:active {
  transform: scale(0.95);
}
.reviewCards__star path {
  pointer-events: none;
}

html.user-tabbing .reviewCards__star:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
  border-radius: 4px;
}

.review-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.review-group .product__price,
.review-group .product__wishlist {
  display: none;
}

.review-group_wrapper {
  grid-template-columns: 1fr 1fr;
}

.review-image {
  display: block;
}

div[data-type=product] .review-image {
  display: none;
}

@media (min-width: 65rem) {
  .review-group_wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .review-group {
    grid-template-columns: 1fr;
  }

  .review-image {
    display: none;
  }
}
@media (min-width: 89rem) {
  .review-group_wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .review-group {
    grid-template-columns: 1fr;
  }

  .review-image {
    display: none;
  }
}
@media (min-width: 113rem) {
  .review-group_wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.brands_list_left {
  display: flex;
  flex-direction: column;
  background: #F1F0EE;
}
@media only screen and (min-width: 65rem) {
  .brands_list_left {
    display: block;
    border: 1px solid #D0D0D0;
    border-top: none;
  }
}
.brands_list_left .brands_list_letter {
  width: 10.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Financier Display";
}
.brands_list_left .brands_list_letter:hover {
  cursor: pointer;
}
@media only screen and (min-width: 48rem) {
  .brands_list_left .brands_list_letter {
    width: 11.5px;
  }
}
.brands_list_left .brands_search {
  flex-grow: 1;
  display: flex;
  column-gap: 0.8rem;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 12px;
  margin-bottom: 0;
}
@media only screen and (min-width: 65rem) {
  .brands_list_left .brands_search {
    position: sticky;
    top: 20px;
    margin-bottom: 2rem;
  }
}
.brands_list_left .brands_search input {
  border: none;
  width: 100%;
  background: none;
  font-size: 14px;
  border-width: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.brands_list_left .brands_search input:focus {
  outline: none;
}
.brands_list_left .letter_wrapper {
  order: -1;
  display: flex;
  flex-wrap: wrap;
  font-size: 40px;
  column-gap: 2rem;
  row-gap: 1.5rem;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 48rem) {
  .brands_list_left .letter_wrapper {
    column-gap: 2rem;
  }
}
@media only screen and (min-width: 65rem) {
  .brands_list_left .letter_wrapper {
    margin-bottom: 0;
    position: sticky;
    top: 80px;
  }
}
.brands_list_left .brands_list_show_all {
  text-decoration-line: underline;
  color: #082939;
  font-size: 14px;
}

@media only screen and (min-width: 65rem) {
  .header__scrolled .letter_wrapper {
    margin-bottom: 0;
    position: sticky;
    top: 180px;
  }
}
@media only screen and (min-width: 65rem) {
  .header__scrolled .brands_search {
    position: sticky;
    top: 130px;
    margin-bottom: 2rem;
  }
}

.brands_list .brands_list_right .brands_list_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 65rem) {
  .brands_list .brands_list_right .brands_list_wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.brands_list .brands_list_right .brands_list_wrapper .letter_wrapper {
  grid-row: 1/-30;
  font-weight: 300;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.01em;
  font-family: "Financier Display";
}
@media only screen and (min-width: 65rem) {
  .brands_list .brands_list_right .brands_list_wrapper .letter_wrapper {
    grid-row: 1/-20;
  }
}
.brands_list .brands_list_right .brands_list_wrapper .brands_list_brand {
  font-size: 14px;
  margin-bottom: 14px;
  line-height: 100%;
}

/* Accessibility utility - visually hidden but available to screen readers */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Remove default fieldset borders for WCAG semantic grouping */
.freight-fieldset,
.payment-fieldset,
.package-selector-fieldset,
.consent-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

#header.checkout--header {
  /* WCAG-compliant h1 heading for checkout page */
}
#header.checkout--header .header__logo {
  margin-left: 0;
}
#header.checkout--header.header__scrolled .header__logo, #header.checkout--header.header__notScrolled .header__logo {
  display: flex !important;
}
#header.checkout--header .checkout--heading {
  font-family: "GT America", sans-serif;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  text-transform: uppercase;
}

.checkout_vat_trigger button {
  cursor: pointer;
  border: none;
  border-radius: 0;
}
.checkout_vat_trigger button:not(.selected) {
  background: transparent;
}
.checkout_vat_trigger button:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
}
.checkout_vat_trigger button.inkl {
  border-radius: 0;
}
.checkout_vat_trigger button.exkl {
  border-radius: 0;
}

.Kassan {
  max-width: 1600px;
  margin: 0 auto;
}
.Kassan .select {
  position: relative;
}
@media only screen and (max-width: 47.99rem) {
  .Kassan .select {
    width: 100%;
  }
}
@media only screen and (min-width: 48rem) {
  .Kassan .select {
    min-width: 180px;
  }
}
.Kassan .select:after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  bottom: 0;
  margin: auto;
  z-index: 0;
  width: 24px;
  pointer-events: none;
  height: 100%;
  display: flex;
  align-items: center;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDEwMjAyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIuNiw2LjhsNyw2bDctNiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
}
.Kassan .select select {
  color: #000;
  border-top: none;
  border-bottom: 1px solid #d0d0d0;
  border-left: 0px;
  border-right: 0px;
  height: 38px;
  -webkit-appearance: none;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
  width: 100%;
}
.Kassan .select select:focus-visible {
  border-top: none;
  border-bottom: 1px solid #d0d0d0;
}
.Kassan input {
  outline: 0;
}
.Kassan input:focus-visible {
  border: 1px solid #999;
}

.summary .financier:first-child {
  font-family: "GT America";
  font-size: 20px;
}

.voucher__headline {
  cursor: pointer;
}
.voucher__headline span:last-child svg:last-child {
  display: none;
}
.voucher__content {
  display: none;
}
.voucher.open {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 1rem;
}
.voucher.open .voucher__headline span:last-child svg:first-child {
  display: none;
}
.voucher.open .voucher__headline span:last-child svg:last-child {
  display: block;
}
.voucher.open .voucher__message {
  border-bottom: 0px;
}
.voucher.open .voucher__content {
  display: flex;
}
.voucher.open .voucher__content--input input {
  width: 100%;
  border: 1px solid #d0d0d0;
  height: 38px;
  padding: 0 1rem;
}
.voucher.open .voucher__content--btn * {
  display: flex;
}
.voucher.open .voucher__content--btn a {
  background-color: #082939;
  color: #fff;
  padding: 1rem;
  letter-spacing: 0.06em;
  font-size: 12px;
  text-transform: uppercase;
}
.voucher.open .voucher__headline {
  border-bottom: 0px;
}

.Kassan form > *:empty {
  display: none;
}

.Kassan form > div {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 65rem) {
  .container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(100% - 450px), 1fr));
  }

  .Kassan form > * {
    max-width: 85%;
    grid-column: 1;
  }

  .right-grid {
    grid-column: 2 !important;
    grid-row: 1/3;
    max-width: 100% !important;
    position: sticky;
    align-self: start;
    top: 85px;
    min-width: 450px;
    width: 450px;
  }
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }

  .Kassan form > *:not(.right-grid) {
    order: 1;
  }

  .right-grid {
    order: 10;
  }

  #bestallningsknapp_wrapper {
    order: 11;
  }
}
.payment__item,
.freight__item {
  margin-bottom: -1px;
  position: relative;
}
.payment__item:last-child,
.freight__item:last-child {
  border-bottom: 1px solid #d0d0d0;
}
.payment__item--logo,
.freight__item--logo {
  min-width: 50px;
  max-width: 50px;
  text-align: center;
}
.payment__item--logo img,
.freight__item--logo img {
  max-height: 40px;
}
.payment__item--price,
.freight__item--price {
  margin-left: auto;
}
.payment__item:not(.active) .LevNamn a:before,
.payment__item:not(.active) .BetNamn a:before,
.freight__item:not(.active) .LevNamn a:before,
.freight__item:not(.active) .BetNamn a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.payment__item:not(.active) .fraktmetod-merinfo-wrapper,
.freight__item:not(.active) .fraktmetod-merinfo-wrapper {
  display: none;
}
.payment__item:not(.active) .BetNamn .betalmetod-merinfo-wrapper,
.freight__item:not(.active) .BetNamn .betalmetod-merinfo-wrapper {
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .payment__item .LevNamn,
.freight__item .LevNamn {
    max-width: 58%;
  }
}
@media only screen and (min-width: 65rem) {
  .payment__item .LevNamn,
.freight__item .LevNamn {
    max-width: 71%;
  }
}

.freight__item .LevRadio {
  order: 1;
}

.freight__item .LevLogo {
  order: 2;
}

.freight__item .LevNamn,
.freight__item .LevNamn_1 {
  order: 3;
  max-width: 58%;
}

.freight__item .LevPris {
  order: 4;
}

.freight_utlamningsstalle_wrapper {
  order: 5;
}

@media only screen and (max-width: 48rem) {
  .freight__item .LevNamn {
    order: 5;
    max-width: 100%;
    width: 100%;
  }

  .freight_utlamningsstalle_wrapper {
    order: 6;
  }
}
.freight__item .utlamningsstalle_toggle:after {
  content: "";
  padding: 20px 0;
  position: absolute;
  cursor: pointer;
  width: 100%;
}

#kv_wrap a {
  text-decoration: underline;
  letter-spacing: 0.06em;
}

.UserActive--summary {
  display: none;
}

.userForm {
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row;
}
.userForm__item {
  flex-wrap: wrap;
  /* width: 100%; */
  flex: auto;
  position: relative;
  margin: 0;
  margin-bottom: 1rem;
}
.userForm__item--label {
  width: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.userForm__item input,
.userForm__item select {
  width: 100%;
  align-items: center;
  padding: 12px;
  gap: 8px;
  border: 1px solid #d0d0d0;
}
.userForm__item .obl_J {
  position: absolute;
  top: 0;
  right: 0;
}
.userForm__item .obl_N {
  display: none;
}

html[lang=FI] .userForm__item--label {
  max-width: 75px;
}

@media only screen and (max-width: 47.99rem) {
  #SKM_Adress.has_house {
    flex: 1 50%;
  }
}

#SKM_Adress + #SKM_Adress_Husnummer {
  flex: 1 12%;
}

@media only screen and (min-width: 48rem) {
  p#SKM_Adress_Husnummer + p + #SKM_Postnr {
    flex: 1 12%;
  }
}
@media only screen and (max-width: 47.99rem) {
  #SKM_Postnr {
    flex: 1 38% !important;
  }

  #SKM_Ort {
    flex: 1 58%;
  }

  #SKM_Land {
    flex: 1 100%;
  }
}
#SKM_Postnr {
  flex: 1 25%;
}
#SKM_Postnr .postnr_warn {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  font-size: 12px;
  color: #8c0c0c;
}

.newsletter__check {
  margin: 0;
  margin-bottom: 0.5rem;
}
.newsletter__check .userForm__item--label {
  text-transform: none;
  letter-spacing: normal;
}
.newsletter__check .erbjud_text {
  font-size: 0.875rem;
  font-style: normal;
  margin-left: 1.2rem;
  cursor: pointer;
}

#kv_wrap {
  position: relative;
}
#kv_wrap input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#kv_wrap #kv_text_wrap {
  padding-left: 27px;
}
#kv_wrap #kv_text_wrap .toggleKv {
  z-index: 1;
  position: relative;
}

.kampanj_select_wrapper {
  display: flex;
  align-items: center;
  padding-top: 16px;
}

.Snabbkassa_Varukorg_Tabell_Rad .cart__item--img {
  display: flex;
  align-items: center;
}
.Snabbkassa_Varukorg_Tabell_Rad .cartWrapper {
  display: flex;
  padding-left: 12px;
}
@media only screen and (min-width: 48rem) {
  .Snabbkassa_Varukorg_Tabell_Rad .cartWrapper {
    padding-left: 24px;
  }
}
.Snabbkassa_Varukorg_Tabell_Rad .Medskick_Val span:first-child {
  padding-right: 8px;
  display: flex;
  font-size: 11px;
  padding-bottom: 8px;
}
.Snabbkassa_Varukorg_Tabell_Rad .Medskick_Val span:last-child {
  font-size: 14px;
}
.Snabbkassa_Varukorg_Tabell_Rad .Pris {
  display: flex;
  column-gap: 8px;
  justify-content: flex-end;
  font-weight: inherit;
}
.Snabbkassa_Varukorg_Tabell_Rad .cart__item--right-col {
  display: flex;
  padding-left: 8px;
}

.medskick .bild {
  width: 90px;
}

.cart .Snabbkassa_Varukorg_Tabell_Rad {
  margin-top: -1px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 16px;
  padding-bottom: 24px;
  display: flex;
}
.cart__item {
  position: relative;
  /* Accessible strike-through for .Pris .regular--price handled by global.scss */
  /* Uses <del> tag for semantic HTML */
}
.cart__item--img {
  width: 130px;
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  .cart__item--img {
    width: 126px;
  }
}
.cart__item--img a {
  display: flex;
}
.cart__item--img a img {
  object-fit: cover;
}
.cart__item--name {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}
.cart__item--name .item-brand {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.cart__item--center-col {
  flex-direction: column;
  flex: 1;
  padding-left: 12px;
}
@media only screen and (min-width: 48rem) {
  .cart__item--center-col {
    padding-left: 24px;
  }
}
.cart__item--center-col .Pris {
  display: flex;
  column-gap: 8px;
  justify-content: flex-end;
  font-weight: inherit;
}
.cart__item--center-col .Pris .PrisREA {
  color: #91322f;
}
.cart__item--center-col .remove-it {
  position: absolute;
  top: 12px;
  right: 0;
  text-align: right;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  color: #082939;
  text-transform: uppercase;
}
.cart__item--center-col .remove-it:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
}
@media only screen and (max-width: 47.99rem) {
  .cart__item--center-col .remove-it svg {
    max-height: 16px;
  }
}
.cart__item--center-col .variation_select_wrapper,
.cart__item--center-col .antal_wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}
@media only screen and (min-width: 48rem) {
  .cart__item--center-col .variation_select_wrapper,
.cart__item--center-col .antal_wrapper {
    padding-bottom: 8px;
  }
}
.cart__item--center-col .variation_select_wrapper span:first-child,
.cart__item--center-col .antal_wrapper span:first-child {
  min-width: 80px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px;
}
.cart__item--center-col .variation_select_wrapper span:last-child select,
.cart__item--center-col .antal_wrapper span:last-child select {
  min-width: 100px;
}
.cart__item--center-col .antal_wrapper {
  padding-bottom: 12px;
}
@media only screen and (min-width: 48rem) {
  .cart__item--center-col .antal_wrapper {
    padding-bottom: 8px;
  }
}
.cart__item--right-col {
  margin-left: auto;
  flex-direction: column;
}
.cart__item--right-col .Pris {
  white-space: nowrap;
}
.cart__item--right-col .antal_wrapper {
  margin-top: auto;
}
.cart__item--name {
  flex-direction: column;
}
.cart__item--name .item-brand {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.cart__item--name .item-name {
  font-size: 14px;
}
.cart__item select {
  font-size: 14px;
  font-weight: 100;
  padding: 0.25rem 2rem 0.25rem 0rem;
  cursor: pointer;
}

html.user-tabbing .cart__item .Beskr_a:focus-visible,
html.user-tabbing .cart__item .remove-it:focus-visible,
html.user-tabbing .cart__item select:focus-visible,
html.user-tabbing .cart__item .MedskickSelect:focus-visible {
  outline: 2px solid rgb(4, 71, 120);
  outline-offset: 2px;
}

.bestallningsknapp {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background-color: #082939;
  border: 0px;
  color: #fff;
  border-radius: 0px;
  padding: 1rem;
  cursor: pointer;
  width: 100%;
}

.bestallningsknapp.notComplete {
  background-color: rgba(8, 41, 57, 0.6);
}

.Kundkonto {
  width: 100%;
}

.payment,
.freight {
  max-height: 5000px;
  overflow: hidden;
  transition: max-height 10s ease-out;
}

.active.payment__item[data-provider=KlarnaKP] {
  align-items: flex-start;
}

.inactive .financier {
  padding-bottom: 0px;
}
.inactive .Kundkonto {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.inactive .payment,
.inactive .freight {
  max-height: 0;
  transition: max-height 10s ease-in;
}
.inactive--phrase {
  display: flex;
}
.inactive--change {
  display: none;
}

.inactive--change {
  text-decoration: underline;
  cursor: pointer;
}
.inactive--change[type=button] {
  background: transparent;
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: 12px;
  color: rgb(8, 41, 57);
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}
.inactive--change[type=button]:focus-visible {
  outline: 2px solid #082939;
  outline-offset: 2px;
}

.selected .inactive--phrase {
  display: none;
}
.selected .inactive--change {
  display: flex;
  text-decoration: underline;
  cursor: pointer;
}
.selected .freight__item:not(.active),
.selected .payment__item:not(.active) {
  display: none;
}
.selected .freight__item.active,
.selected .payment__item.active {
  margin-bottom: 0px;
}

.freight_utlamningsstalle_wrapper {
  width: 100%;
  display: none;
}
.freight_utlamningsstalle_wrapper input,
.freight_utlamningsstalle_wrapper select {
  min-height: 38px;
  border-radius: 0;
  padding: 0 1rem;
  border: 1px solid #000;
  border-radius: 0;
}
.freight_utlamningsstalle_wrapper .freight_utlamningsstalle_search_button {
  height: 38px;
}

.cart__item._Sum {
  display: flex;
  justify-content: space-between;
  border: none;
  padding: 10px 10px 0 10px;
  font-size: 14px;
}

@media only screen and (min-width: 65rem) {
  .BetNamn {
    width: 60%;
  }
}
#utlamningsstalle_wrapper {
  display: none !important;
}

/* budbee */
.spl_info {
  display: flex;
  width: 100%;
}

.freight_utlamningsstalle_wrapper.active {
  display: flex;
}

.utlamningsstalle_toggle {
  cursor: pointer;
  text-decoration: underline;
}

.freight__item.active .freight_utlamningsstalle_wrapper,
.freight__item.active .utlamningsstalle_toggle,
.freight__item.active .BetNamn {
  z-index: 1;
}

.continue--btn.inactive {
  display: none;
}

#completeBtn .notComplete {
  text-align: center;
  pointer-events: none;
}
#completeBtn .inactive {
  display: none;
}

/* waring */
.Kassan #dialogruta {
  position: fixed;
  background: #fff;
  padding: 2rem;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 600px;
  border: 1px solid;
  visibility: hidden;
  z-index: 10;
}
@media only screen and (min-width: 0rem) and (max-width: 600px) {
  .Kassan #dialogruta {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.Kassan #dialogruta #Felmeddelande > br:first-child {
  display: none;
}
.Kassan #dialogruta #Felmeddelande h1 img {
  display: none;
}

@media only screen and (max-width: 47.99rem) {
  .kampanj_select_wrapper {
    /* position: absolute; */
    bottom: 1rem;
    left: 0;
  }

  .medskick {
    padding-bottom: 64px;
  }
}
input[type=checkbox],
input[type=radio] {
  position: relative;
  cursor: pointer;
  width: 12px;
  padding: 0;
  height: 12px;
  margin: 0;
  margin-right: 4px;
  border-width: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox]:not(:checked):before,
input[type=radio]:not(:checked):before,
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
  content: "";
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  background-color: #fff;
  transition: all 0.5s linear;
  background-color: transparent;
}

input[type=checkbox]:checked:after,
input[type=radio]:checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  transition: all 0.2s linear;
  background-color: #000;
}

input[type=radio]:not(:checked):after,
input[type=checkbox]:not(:checked):after {
  content: "";
  background-color: transparent;
}

.Kundkonto {
  line-height: 140%;
}
.Kundkonto .myStyle__switch {
  margin-left: 0;
}
@media only screen and (max-width: 47.99rem) {
  .Kundkonto .myStyle__switch {
    margin-top: 8px;
  }
}

.cartSwitch {
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 26px;
  width: 42px;
  margin-left: 8px;
}
@media only screen and (min-width: 48rem) {
  .cartSwitch {
    height: 22px;
    width: 36px;
  }
}
.cartSwitch.Medskick_Knapp_Wrapper {
  margin-left: 0;
  margin-right: 8px;
}
.cartSwitch .input,
.cartSwitch input[class*=medskick] {
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.cartSwitch .input:checked ~ .label,
.cartSwitch input[class*=medskick]:checked ~ .label {
  background: #044777 none repeat scroll 0 0;
}
.cartSwitch .input:checked ~ .handle,
.cartSwitch input[class*=medskick]:checked ~ .handle {
  left: 17px;
}
.cartSwitch .label {
  background: #595959 none repeat scroll 0 0;
  border-radius: inherit;
  display: block;
  font-size: 10px;
  height: inherit;
  position: relative;
  text-transform: uppercase;
  transition: all 0.15s ease-out 0s;
}
.cartSwitch .label::after, .cartSwitch .label::before {
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  transition: inherit;
}
.cartSwitch .handle {
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  height: 22px;
  width: 22px;
  left: 3px;
  position: absolute;
  top: 2px;
  transition: left 0.15s ease-out 0s;
}
@media only screen and (min-width: 48rem) {
  .cartSwitch .handle {
    top: 3px;
    height: 16px;
    width: 16px;
  }
}
.cartSwitch .handle::before {
  height: 22px;
  width: 22px;
  border-radius: 11px;
  margin: -11px 0 0 -11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  background-color: #f9f9f9;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
}
@media only screen and (min-width: 48rem) {
  .cartSwitch .handle::before {
    height: 16px;
    width: 16px;
    border-radius: 10px;
    margin: -8px 0 0 -8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
}

.betalmetod-merinfo-text {
  width: 100%;
}
.betalmetod-merinfo-text .betalmetod-mindreinfo {
  cursor: pointer;
  padding: 8px 0;
  text-decoration: underline;
  font-size: 12;
  text-transform: uppercase;
}

.fw-b {
  font-weight: 400;
}

.content--block {
  display: block;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  .content--block {
    order: 15 !important;
  }
}

#Adressuppgifter .inactive--change {
  display: none;
}
#Adressuppgifter .inactive--change.visible {
  display: flex;
}
#Adressuppgifter .AdressblockLoggain_knapp a {
  color: #fff;
}
#Adressuppgifter .Knapp_Generell_Tabell a {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 1rem;
  flex-direction: row;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  height: 42px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
  color: rgb(255, 255, 255);
  background-color: rgb(8, 41, 57);
  margin-top: 0.5rem;
}

#Adressuppgifter:not(.UserActive) .UserActive .userForm {
  display: flex;
}
#Adressuppgifter:not(.UserActive) .UserActive .UserActive--summary {
  display: none;
}

.UserActive .userForm {
  display: none;
}
.UserActive .UserActive .userForm {
  display: none;
}
.UserActive .continue--btn.inactive {
  display: flex;
}
.UserActive .UserActive--summary {
  display: flex;
}
.UserActive.selected .continue--btn {
  display: none;
}

.UserCheck {
  display: none;
}

#popup1.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1000000000;
  height: 100%;
}
#popup1.overlay.active {
  display: block !important;
  visibility: visible;
  opacity: 1;
}
#popup1.overlay .popup-kv {
  margin: 70px auto;
  padding: 20px;
  background: #f7f6f4;
  border-radius: 5px;
  height: 80%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  transition: all 200ms ease-in-out;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  #popup1.overlay .popup-kv {
    width: 90%;
  }
}
@media only screen and (min-width: 65rem) {
  #popup1.overlay .popup-kv {
    width: 60%;
  }
}
#popup1.overlay .lasmerknapp a,
#popup1.overlay .kv_print_link a {
  background: #09283a;
  font-size: 11px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 20px;
  transition: all 0.5s ease 0s;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
#popup1.overlay .lasmerknapp .lasmerknapp,
#popup1.overlay .kv_print_link .lasmerknapp {
  text-align: center;
}
#popup1.overlay .close {
  position: fixed;
  background: #fff;
  border-radius: 100%;
  position: fixed;
  padding: 0.5rem;
  height: 40px;
  width: 40px;
  top: 90px;
  margin-right: 30px;
  box-shadow: 0 0 10px -5px;
  z-index: 1000;
  transition: all 200ms;
  font-weight: bold;
  text-decoration: none;
}
@media only screen and (min-width: 0rem) and (max-width: 64.99rem) {
  #popup1.overlay .close {
    right: 5%;
  }
}
@media only screen and (min-width: 65rem) {
  #popup1.overlay .close {
    right: 20%;
  }
}

.KassanSlutfort,
.Bestall_Ejkomplett {
  padding: 2rem;
  text-align: center;
}

.confirmation_page_blocks * {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
}

.delivery_map_image_wrapper span {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.questions img {
  height: 21px;
  padding-right: 1rem;
}

.confirmation_page_blocks .newsletter {
  padding: 5px;
}

/*
 Inrapporterat som bugg att tacksideladdaren inte visas. Kommenterar bort.
 .KassanSlutfort div {
    display: none;
}
*/
.package_selector_inner .package-sub-title,
.package_selector_inner .package.phrase {
  cursor: pointer;
}
.package_selector_inner .ReadmorePackage span {
  cursor: pointer;
}
.package_selector_inner .ReadmorePackage span:first-child {
  display: flex;
}
.package_selector_inner .ReadmorePackage span:last-child {
  display: none;
}
.package_selector_inner .ReadmorePackage.active span:first-child {
  display: none;
}
.package_selector_inner .ReadmorePackage.active span:last-child {
  display: flex;
}

.package_selector_widget .freight_disabled .package_selector_inner {
  opacity: 0.4;
  pointer-events: none;
}
.package_selector_widget .freight_disabled .tooltip-span.active {
  display: block;
}
.package_selector_widget .tooltip-span {
  display: none;
  background: #e4e1dc;
  font-size: 12px;
  position: fixed;
  overflow: hidden;
  z-index: 9;
  padding: 0.5rem;
}

.customization-article {
  display: none;
}

/* ================================
   CHECKOUT SUMMARY
   ================================ */
.summering-wrapper {
  background-color: rgba(174, 166, 148, 0.2);
  padding: 1.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .summering-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0 1rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .summering-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 1rem;
    margin-bottom: 2rem;
  }
}
.summering-wrapper .summering-produkter,
.summering-wrapper .summering-betalsatt,
.summering-wrapper .summering-frakt,
.summering-wrapper .summering-tillgodo,
.summering-wrapper .summering-moms {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.summering-wrapper .summering-produkter .fw-b,
.summering-wrapper .summering-betalsatt .fw-b,
.summering-wrapper .summering-frakt .fw-b,
.summering-wrapper .summering-tillgodo .fw-b,
.summering-wrapper .summering-moms .fw-b {
  font-weight: bold;
}
.summering-wrapper .summering-totalt {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  font-size: 1.25rem;
}
.summering-wrapper .summering-totalt .fw-b {
  font-weight: bold;
}

.cart_content_summary {
  font-size: 0.625rem;
  padding: 0 1rem 1.5rem;
}
.cart_content_summary p {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: normal;
}
.cart_content_summary .cart-table {
  width: 100%;
}
.cart_content_summary .cart-table .item-quantity {
  text-align: center;
  padding-right: 0.5rem;
}
.cart_content_summary .cart-table .item-price {
  text-align: right;
}
.cart_content_summary .cart-table .light-red-text {
  color: #c74d4d;
}

#bestallningsknapp_wrapper {
  background-color: #f5f2ed;
  margin: 0 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #bestallningsknapp_wrapper {
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  #bestallningsknapp_wrapper {
    margin-bottom: 2rem;
  }
}
#bestallningsknapp_wrapper.hide {
  display: none;
}
#bestallningsknapp_wrapper #completeBtn .notComplete {
  color: #ffffff;
  padding: 1rem;
  text-transform: uppercase;
  text-align: center;
  background-color: rgba(8, 41, 57, 0.6);
}
#bestallningsknapp_wrapper #completeBtn .notComplete.inactive {
  display: none;
}
#bestallningsknapp_wrapper #completeBtn .notComplete.active {
  display: block;
}
#bestallningsknapp_wrapper #completeBtn .bestknapp-wrapper.inactive {
  display: none;
}
#bestallningsknapp_wrapper #completeBtn .bestknapp-wrapper.active {
  display: block;
}
#bestallningsknapp_wrapper .loadz {
  display: none;
}
#bestallningsknapp_wrapper .loadz img {
  height: 32px;
}

/* ================================
   Loyalty / Collective Icons
   ================================ */
.icon {
  display: inline-block;
  vertical-align: middle;
  overflow: visible;
}
.icon.medium {
  width: 3rem;
  height: 3rem;
}
.icon.bronze {
  color: #cd7f32;
}
.icon.silver {
  color: #bcc6cc;
}
.icon.gold {
  color: #d4af37;
}
.icon.platinum {
  color: #979797;
}
.icon.standard {
  color: #000000;
}
.icon.outline .icon-circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 3px;
}
.icon.outline .icon-shape {
  fill: currentColor;
}
.icon.filled .icon-circle {
  fill: currentColor;
  stroke: none;
}
.icon.filled .icon-shape {
  fill: white;
}

.collective-icon-wrapper {
  right: 24px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 0.25rem;
}

.loyalty-headline {
  /* Replaces fs-24 and py-24 utilities */
  font-size: 1.5rem;
  /* 24px */
  padding: 1.5rem 0;
  /* 24px vertical */
}
@media (max-width: 48rem) {
  .loyalty-headline {
    max-width: calc(100% - 60px);
  }
}

/* ================================
   Loyalty Block
   ================================ */
.Loyalty {
  background-color: rgba(174, 166, 148, 0.2);
  position: relative;
  margin: 0 1rem;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
}
@media (max-width: 768px) {
  .Loyalty {
    margin-bottom: 2rem;
  }
}
@media (max-width: 480px) {
  .Loyalty {
    padding: 1rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 769px) {
  .Loyalty {
    margin-bottom: 2.5rem;
  }
}

.loyalty-usp-list {
  margin: 0;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.loyalty-segment {
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  text-transform: capitalize;
}

.loyalty-ctas {
  display: flex;
  justify-content: flex-start;
}
.loyalty-ctas button#loyalty_yes {
  margin-right: 1.5rem;
}

.loyalty-terms {
  padding-top: 1rem;
  font-size: 0.625rem;
}

/* DISPLAY FLEX */
/* ROW */
/* COL */
/* JUSTIFY CONTENT */
/* ALIGN ITEMS */
/* ALIGN SELF */
/* Flex wrap */
/* Order */
.Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap {
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 0.5rem), 1fr));
}
@media only screen and (min-width: 48rem) {
  .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc(33% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 65rem) {
  .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 0.5rem), 1fr));
  }
}
@media only screen and (min-width: 113rem) {
  .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap {
    grid-template-columns: repeat(auto-fill, minmax(calc(20% - 0.5rem), 1fr));
  }
}
.Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap .DS_OL_Table_visa_artikel_beskr {
  flex: 1;
}
.Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap .DS_OL_Table_visa_artikel_bild {
  margin-right: 1rem;
}

/**
 * Modern Full-Screen Image Viewer Styles
 */
/* Prevent body scroll when viewer is open */
body.no-scroll {
  overflow: hidden;
  position: relative;
}

/* Main modal container - ensure it breaks out of any stacking context */
.pdp-image-viewer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  margin: 0 !important;
  padding: 0;
  transform: none !important;
  will-change: opacity, visibility;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

.pdp-image-viewer.active {
  opacity: 1;
  visibility: visible;
}

/* Overlay (backdrop) */
.pdp-image-viewer__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1;
}

/* Stage (image container) */
.pdp-image-viewer__stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  overflow: hidden;
  touch-action: manipulation;
  /* Prevent viewport zoom, allow gestures */
  isolation: isolate;
  /* Create new stacking context to contain transforms */
  contain: layout style paint;
  /* Contain rendering, layout and style to prevent overflow */
  transform: translateZ(0);
  /* Force GPU acceleration */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
}

/* Image element */
.pdp-image-viewer__image {
  max-width: 90%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.pdp-image-viewer__image.loading {
  opacity: 0.5;
}

/* Close button - matching productImage close button style */
.pdp-image-viewer__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  z-index: 3;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.pdp-image-viewer__close svg path {
  stroke: #082939;
  transition: stroke 0.3s ease;
}

.pdp-image-viewer__close:hover {
  background: #082939;
  transform: scale(1.1);
}
.pdp-image-viewer__close:hover svg path {
  stroke: white;
}

.pdp-image-viewer__close:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Zoom controls */
.pdp-image-viewer__zoom-controls {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 3;
}

.pdp-image-viewer__zoom-btn {
  width: 44px;
  height: 44px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
  color: #082939;
}
.pdp-image-viewer__zoom-btn svg {
  display: block;
}

.pdp-image-viewer__zoom-btn:hover {
  background: #082939;
  color: white;
  transform: scale(1.1);
}

.pdp-image-viewer__zoom-btn:disabled {
  background: #f5f5f5;
  color: #999999;
  cursor: not-allowed;
  pointer-events: none;
}

.pdp-image-viewer__zoom-btn:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Navigation buttons - ensure flexbox centering works properly */
.pdp-image-viewer .nav-prev,
.pdp-image-viewer .nav-next {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  left: auto;
  right: auto;
}
.pdp-image-viewer .nav-prev {
  left: 20px;
}
.pdp-image-viewer .nav-next {
  right: 20px;
}
.pdp-image-viewer .nav-prev:focus,
.pdp-image-viewer .nav-next:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}
.pdp-image-viewer .nav-prev:disabled,
.pdp-image-viewer .nav-next:disabled {
  opacity: 0;
  pointer-events: none;
}

/* Thumbnails */
.pdp-image-viewer__thumbs {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  max-width: 90%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pdp-image-viewer__thumbs::-webkit-scrollbar {
  height: 4px;
}

.pdp-image-viewer__thumbs::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.pdp-image-viewer__thumbs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}

.pdp-image-viewer__thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease;
  padding: 0;
  background: transparent;
}

.pdp-image-viewer__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-image-viewer__thumb:hover {
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.05);
}

.pdp-image-viewer__thumb.active {
  border-color: white;
}

.pdp-image-viewer__thumb:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .pdp-image-viewer__close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    font-size: 28px;
  }

  .pdp-image-viewer__nav {
    width: 44px;
    height: 44px;
    font-size: 40px;
  }

  .pdp-image-viewer__nav--prev {
    left: 12px;
  }

  .pdp-image-viewer__nav--next {
    right: 12px;
  }

  .pdp-image-viewer__thumbs {
    bottom: 12px;
    padding: 8px;
    gap: 8px;
  }

  .pdp-image-viewer__thumb {
    width: 50px;
    height: 50px;
  }

  .pdp-image-viewer__image {
    max-width: 95%;
    max-height: 85vh;
  }
}
/* Touch feedback */
@media (hover: none) {
  .pdp-image-viewer__close:active,
.pdp-image-viewer__nav:active,
.pdp-image-viewer__thumb:active {
    opacity: 0.7;
  }
}
/* Loading state */
.pdp-image-viewer__image.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  animation: pdp-viewer-spin 0.8s linear infinite;
}

@keyframes pdp-viewer-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* Accessibility - focus visible */
.pdp-image-viewer *:focus-visible {
  outline: 2px solid white;
  outline-offset: 4px;
}

/* Prevent text selection during drag */
.pdp-image-viewer * {
  -webkit-touch-callout: none;
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*# sourceMappingURL=app.css.map*/