/* stylelint-disable-next-line */
.swatch-circle-beige {
  background: #f5f5dc;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  background: #f5f5dc;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-black {
  background: #000;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  background: #000;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-blue {
  background: #0070d2;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  background: #0070d2;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-brown {
  background: #a52a2a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  background: #a52a2a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-green {
  background: #008827;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  background: #008827;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-grey {
  background: #8f979d;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  background: #8f979d;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-navy {
  background: #000080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  background: #000080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-orange {
  background: #ffa500;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  background: #ffa500;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-pink {
  background: #fe249a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  background: #fe249a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-purple {
  background: #800080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  background: #800080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-red {
  background: #f00;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  background: #f00;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-turquoise {
  background: #30d5c8;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-turquoise.disabled {
  opacity: 0.2;
}

.swatch-filter-turquoise {
  background: #30d5c8;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #30d5c8;
  display: block;
  position: relative;
}
.swatch-filter-turquoise.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-white {
  background: #fff;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  background: #fff;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-yellow {
  background: #ff0;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  background: #ff0;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

/*stylelint-disable*/
.swatch-circle-multi {
  background: conic-gradient(#BC0070 0%, 8.33%, #ED1B24 8.33%, 16.66%, #F25822 16.66%, 25%, #F6821F 25%, 33.33%, #FDAF17 33.33%, 41.66%, #FEF200 41.66%, 50%, #A6CF4F 50%, 58.33%, #00A666 58.33%, 66.66%, #00A2B7 66.66%, 75%, #006CB7 75%, 83.33%, #283897 83.33%, 91.66%, #612D91 100%);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-multi.disabled {
  opacity: 0.2;
}
.swatch-circle-multi.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

/*stylelint-enable*/
.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.category-tile {
  position: relative;
}
.category-tile h1,
.category-tile h2 {
  bottom: 1.875rem;
  color: #fff;
  font-size: 1.75rem;
  left: 1.875rem;
  position: absolute;
}
.category-tile::before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

.search-no-result-count,
.search-result-count,
.search-keywords {
  font-size: 24px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #000;
  word-break: break-all;
}
@media (min-width: 769px) {
  .search-no-result-count,
.search-result-count,
.search-keywords {
    font-size: 30px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000;
  }
}

.search-no-result-noresultsfor {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #000;
}
@media (min-width: 769px) {
  .search-no-result-noresultsfor {
    font-size: 28px;
    font-weight: 500;
    line-height: 33.6px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000;
    margin-bottom: 24px;
  }
}
.search-no-result-noresultsfor .search-no-result-noresultsfor-keyword {
  color: #1d1d1d;
}

.search-no-result-didyoumean {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: #000;
}
@media (max-width: 1199.98px) {
  .search-no-result-didyoumean {
    max-width: 80%;
    font-size: 14px;
  }
}
.search-no-result-didyoumean .link {
  color: #ff1e00;
  display: inline;
}

.search-no-result-dont-give-up {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #000;
}
@media (min-width: 769px) {
  .search-no-result-dont-give-up {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000;
  }
}

@media (min-width: 769px) {
  .search-no-result-didyoumean-wrapper {
    margin-bottom: 24px;
  }
}

.result-count {
  padding: 20px 0;
}
@media (min-width: 769px) {
  .result-count {
    padding: 40px 0 24px;
  }
}

.search-result-count-wrapper {
  text-align: start;
  margin: 0;
  font-family: "utopia-std", serif;
}

.search-no-result-carousel-wrapper {
  margin-top: 56px;
}
@media (min-width: 769px) {
  .search-no-result-carousel-wrapper {
    margin-top: 62px;
  }
}
.search-no-result-carousel-wrapper .product-tile-carousel-wrapper {
  margin: 0;
}

/* stylelint-disable-next-line */
.swatch-circle-beige {
  background: #f5f5dc;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  background: #f5f5dc;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-black {
  background: #000;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  background: #000;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-blue {
  background: #0070d2;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  background: #0070d2;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-brown {
  background: #a52a2a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  background: #a52a2a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-green {
  background: #008827;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  background: #008827;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-grey {
  background: #8f979d;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  background: #8f979d;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-navy {
  background: #000080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  background: #000080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-orange {
  background: #ffa500;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  background: #ffa500;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-pink {
  background: #fe249a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  background: #fe249a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-purple {
  background: #800080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  background: #800080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-red {
  background: #f00;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  background: #f00;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-turquoise {
  background: #30d5c8;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-turquoise.disabled {
  opacity: 0.2;
}

.swatch-filter-turquoise {
  background: #30d5c8;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #30d5c8;
  display: block;
  position: relative;
}
.swatch-filter-turquoise.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-white {
  background: #fff;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  background: #fff;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-yellow {
  background: #ff0;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  background: #ff0;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

/*stylelint-disable*/
.swatch-circle-multi {
  background: conic-gradient(#BC0070 0%, 8.33%, #ED1B24 8.33%, 16.66%, #F25822 16.66%, 25%, #F6821F 25%, 33.33%, #FDAF17 33.33%, 41.66%, #FEF200 41.66%, 50%, #A6CF4F 50%, 58.33%, #00A666 58.33%, 66.66%, #00A2B7 66.66%, 75%, #006CB7 75%, 83.33%, #283897 83.33%, 91.66%, #612D91 100%);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-multi.disabled {
  opacity: 0.2;
}
.swatch-circle-multi.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

/*stylelint-enable*/
.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

@media (max-width: 768.98px) {
  .small-5 {
    height: 5vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-5 {
    height: 5vw;
  }
}

@media (min-width: 992px) {
  .large-5 {
    height: 5vw;
  }
}

@media (max-width: 768.98px) {
  .small-6 {
    height: 6vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-6 {
    height: 6vw;
  }
}

@media (min-width: 992px) {
  .large-6 {
    height: 6vw;
  }
}

@media (max-width: 768.98px) {
  .small-7 {
    height: 7vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-7 {
    height: 7vw;
  }
}

@media (min-width: 992px) {
  .large-7 {
    height: 7vw;
  }
}

@media (max-width: 768.98px) {
  .small-8 {
    height: 8vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-8 {
    height: 8vw;
  }
}

@media (min-width: 992px) {
  .large-8 {
    height: 8vw;
  }
}

@media (max-width: 768.98px) {
  .small-9 {
    height: 9vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-9 {
    height: 9vw;
  }
}

@media (min-width: 992px) {
  .large-9 {
    height: 9vw;
  }
}

@media (max-width: 768.98px) {
  .small-10 {
    height: 10vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-10 {
    height: 10vw;
  }
}

@media (min-width: 992px) {
  .large-10 {
    height: 10vw;
  }
}

@media (max-width: 768.98px) {
  .small-11 {
    height: 11vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-11 {
    height: 11vw;
  }
}

@media (min-width: 992px) {
  .large-11 {
    height: 11vw;
  }
}

@media (max-width: 768.98px) {
  .small-12 {
    height: 12vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-12 {
    height: 12vw;
  }
}

@media (min-width: 992px) {
  .large-12 {
    height: 12vw;
  }
}

@media (max-width: 768.98px) {
  .small-13 {
    height: 13vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-13 {
    height: 13vw;
  }
}

@media (min-width: 992px) {
  .large-13 {
    height: 13vw;
  }
}

@media (max-width: 768.98px) {
  .small-14 {
    height: 14vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-14 {
    height: 14vw;
  }
}

@media (min-width: 992px) {
  .large-14 {
    height: 14vw;
  }
}

@media (max-width: 768.98px) {
  .small-15 {
    height: 15vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-15 {
    height: 15vw;
  }
}

@media (min-width: 992px) {
  .large-15 {
    height: 15vw;
  }
}

@media (max-width: 768.98px) {
  .small-16 {
    height: 16vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-16 {
    height: 16vw;
  }
}

@media (min-width: 992px) {
  .large-16 {
    height: 16vw;
  }
}

@media (max-width: 768.98px) {
  .small-17 {
    height: 17vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-17 {
    height: 17vw;
  }
}

@media (min-width: 992px) {
  .large-17 {
    height: 17vw;
  }
}

@media (max-width: 768.98px) {
  .small-18 {
    height: 18vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-18 {
    height: 18vw;
  }
}

@media (min-width: 992px) {
  .large-18 {
    height: 18vw;
  }
}

@media (max-width: 768.98px) {
  .small-19 {
    height: 19vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-19 {
    height: 19vw;
  }
}

@media (min-width: 992px) {
  .large-19 {
    height: 19vw;
  }
}

@media (max-width: 768.98px) {
  .small-20 {
    height: 20vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-20 {
    height: 20vw;
  }
}

@media (min-width: 992px) {
  .large-20 {
    height: 20vw;
  }
}

@media (max-width: 768.98px) {
  .small-21 {
    height: 21vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-21 {
    height: 21vw;
  }
}

@media (min-width: 992px) {
  .large-21 {
    height: 21vw;
  }
}

@media (max-width: 768.98px) {
  .small-22 {
    height: 22vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-22 {
    height: 22vw;
  }
}

@media (min-width: 992px) {
  .large-22 {
    height: 22vw;
  }
}

@media (max-width: 768.98px) {
  .small-23 {
    height: 23vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-23 {
    height: 23vw;
  }
}

@media (min-width: 992px) {
  .large-23 {
    height: 23vw;
  }
}

@media (max-width: 768.98px) {
  .small-24 {
    height: 24vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-24 {
    height: 24vw;
  }
}

@media (min-width: 992px) {
  .large-24 {
    height: 24vw;
  }
}

@media (max-width: 768.98px) {
  .small-25 {
    height: 25vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-25 {
    height: 25vw;
  }
}

@media (min-width: 992px) {
  .large-25 {
    height: 25vw;
  }
}

@media (max-width: 768.98px) {
  .small-26 {
    height: 26vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-26 {
    height: 26vw;
  }
}

@media (min-width: 992px) {
  .large-26 {
    height: 26vw;
  }
}

@media (max-width: 768.98px) {
  .small-27 {
    height: 27vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-27 {
    height: 27vw;
  }
}

@media (min-width: 992px) {
  .large-27 {
    height: 27vw;
  }
}

@media (max-width: 768.98px) {
  .small-28 {
    height: 28vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-28 {
    height: 28vw;
  }
}

@media (min-width: 992px) {
  .large-28 {
    height: 28vw;
  }
}

@media (max-width: 768.98px) {
  .small-29 {
    height: 29vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-29 {
    height: 29vw;
  }
}

@media (min-width: 992px) {
  .large-29 {
    height: 29vw;
  }
}

@media (max-width: 768.98px) {
  .small-30 {
    height: 30vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-30 {
    height: 30vw;
  }
}

@media (min-width: 992px) {
  .large-30 {
    height: 30vw;
  }
}

@media (max-width: 768.98px) {
  .small-31 {
    height: 31vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-31 {
    height: 31vw;
  }
}

@media (min-width: 992px) {
  .large-31 {
    height: 31vw;
  }
}

@media (max-width: 768.98px) {
  .small-32 {
    height: 32vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-32 {
    height: 32vw;
  }
}

@media (min-width: 992px) {
  .large-32 {
    height: 32vw;
  }
}

@media (max-width: 768.98px) {
  .small-33 {
    height: 33vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-33 {
    height: 33vw;
  }
}

@media (min-width: 992px) {
  .large-33 {
    height: 33vw;
  }
}

@media (max-width: 768.98px) {
  .small-34 {
    height: 34vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-34 {
    height: 34vw;
  }
}

@media (min-width: 992px) {
  .large-34 {
    height: 34vw;
  }
}

@media (max-width: 768.98px) {
  .small-35 {
    height: 35vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-35 {
    height: 35vw;
  }
}

@media (min-width: 992px) {
  .large-35 {
    height: 35vw;
  }
}

@media (max-width: 768.98px) {
  .small-36 {
    height: 36vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-36 {
    height: 36vw;
  }
}

@media (min-width: 992px) {
  .large-36 {
    height: 36vw;
  }
}

@media (max-width: 768.98px) {
  .small-37 {
    height: 37vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-37 {
    height: 37vw;
  }
}

@media (min-width: 992px) {
  .large-37 {
    height: 37vw;
  }
}

@media (max-width: 768.98px) {
  .small-38 {
    height: 38vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-38 {
    height: 38vw;
  }
}

@media (min-width: 992px) {
  .large-38 {
    height: 38vw;
  }
}

@media (max-width: 768.98px) {
  .small-39 {
    height: 39vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-39 {
    height: 39vw;
  }
}

@media (min-width: 992px) {
  .large-39 {
    height: 39vw;
  }
}

@media (max-width: 768.98px) {
  .small-40 {
    height: 40vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-40 {
    height: 40vw;
  }
}

@media (min-width: 992px) {
  .large-40 {
    height: 40vw;
  }
}

@media (max-width: 768.98px) {
  .small-41 {
    height: 41vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-41 {
    height: 41vw;
  }
}

@media (min-width: 992px) {
  .large-41 {
    height: 41vw;
  }
}

@media (max-width: 768.98px) {
  .small-42 {
    height: 42vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-42 {
    height: 42vw;
  }
}

@media (min-width: 992px) {
  .large-42 {
    height: 42vw;
  }
}

@media (max-width: 768.98px) {
  .small-43 {
    height: 43vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-43 {
    height: 43vw;
  }
}

@media (min-width: 992px) {
  .large-43 {
    height: 43vw;
  }
}

@media (max-width: 768.98px) {
  .small-44 {
    height: 44vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-44 {
    height: 44vw;
  }
}

@media (min-width: 992px) {
  .large-44 {
    height: 44vw;
  }
}

@media (max-width: 768.98px) {
  .small-45 {
    height: 45vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-45 {
    height: 45vw;
  }
}

@media (min-width: 992px) {
  .large-45 {
    height: 45vw;
  }
}

@media (max-width: 768.98px) {
  .small-46 {
    height: 46vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-46 {
    height: 46vw;
  }
}

@media (min-width: 992px) {
  .large-46 {
    height: 46vw;
  }
}

@media (max-width: 768.98px) {
  .small-47 {
    height: 47vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-47 {
    height: 47vw;
  }
}

@media (min-width: 992px) {
  .large-47 {
    height: 47vw;
  }
}

@media (max-width: 768.98px) {
  .small-48 {
    height: 48vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-48 {
    height: 48vw;
  }
}

@media (min-width: 992px) {
  .large-48 {
    height: 48vw;
  }
}

@media (max-width: 768.98px) {
  .small-49 {
    height: 49vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-49 {
    height: 49vw;
  }
}

@media (min-width: 992px) {
  .large-49 {
    height: 49vw;
  }
}

@media (max-width: 768.98px) {
  .small-50 {
    height: 50vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-50 {
    height: 50vw;
  }
}

@media (min-width: 992px) {
  .large-50 {
    height: 50vw;
  }
}

@media (max-width: 768.98px) {
  .small-51 {
    height: 51vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-51 {
    height: 51vw;
  }
}

@media (min-width: 992px) {
  .large-51 {
    height: 51vw;
  }
}

@media (max-width: 768.98px) {
  .small-52 {
    height: 52vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-52 {
    height: 52vw;
  }
}

@media (min-width: 992px) {
  .large-52 {
    height: 52vw;
  }
}

@media (max-width: 768.98px) {
  .small-53 {
    height: 53vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-53 {
    height: 53vw;
  }
}

@media (min-width: 992px) {
  .large-53 {
    height: 53vw;
  }
}

@media (max-width: 768.98px) {
  .small-54 {
    height: 54vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-54 {
    height: 54vw;
  }
}

@media (min-width: 992px) {
  .large-54 {
    height: 54vw;
  }
}

@media (max-width: 768.98px) {
  .small-55 {
    height: 55vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-55 {
    height: 55vw;
  }
}

@media (min-width: 992px) {
  .large-55 {
    height: 55vw;
  }
}

@media (max-width: 768.98px) {
  .small-56 {
    height: 56vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-56 {
    height: 56vw;
  }
}

@media (min-width: 992px) {
  .large-56 {
    height: 56vw;
  }
}

@media (max-width: 768.98px) {
  .small-57 {
    height: 57vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-57 {
    height: 57vw;
  }
}

@media (min-width: 992px) {
  .large-57 {
    height: 57vw;
  }
}

@media (max-width: 768.98px) {
  .small-58 {
    height: 58vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-58 {
    height: 58vw;
  }
}

@media (min-width: 992px) {
  .large-58 {
    height: 58vw;
  }
}

@media (max-width: 768.98px) {
  .small-59 {
    height: 59vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-59 {
    height: 59vw;
  }
}

@media (min-width: 992px) {
  .large-59 {
    height: 59vw;
  }
}

@media (max-width: 768.98px) {
  .small-60 {
    height: 60vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-60 {
    height: 60vw;
  }
}

@media (min-width: 992px) {
  .large-60 {
    height: 60vw;
  }
}

@media (max-width: 768.98px) {
  .small-61 {
    height: 61vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-61 {
    height: 61vw;
  }
}

@media (min-width: 992px) {
  .large-61 {
    height: 61vw;
  }
}

@media (max-width: 768.98px) {
  .small-62 {
    height: 62vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-62 {
    height: 62vw;
  }
}

@media (min-width: 992px) {
  .large-62 {
    height: 62vw;
  }
}

@media (max-width: 768.98px) {
  .small-63 {
    height: 63vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-63 {
    height: 63vw;
  }
}

@media (min-width: 992px) {
  .large-63 {
    height: 63vw;
  }
}

@media (max-width: 768.98px) {
  .small-64 {
    height: 64vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-64 {
    height: 64vw;
  }
}

@media (min-width: 992px) {
  .large-64 {
    height: 64vw;
  }
}

@media (max-width: 768.98px) {
  .small-65 {
    height: 65vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-65 {
    height: 65vw;
  }
}

@media (min-width: 992px) {
  .large-65 {
    height: 65vw;
  }
}

@media (max-width: 768.98px) {
  .small-66 {
    height: 66vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-66 {
    height: 66vw;
  }
}

@media (min-width: 992px) {
  .large-66 {
    height: 66vw;
  }
}

@media (max-width: 768.98px) {
  .small-67 {
    height: 67vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-67 {
    height: 67vw;
  }
}

@media (min-width: 992px) {
  .large-67 {
    height: 67vw;
  }
}

@media (max-width: 768.98px) {
  .small-68 {
    height: 68vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-68 {
    height: 68vw;
  }
}

@media (min-width: 992px) {
  .large-68 {
    height: 68vw;
  }
}

@media (max-width: 768.98px) {
  .small-69 {
    height: 69vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-69 {
    height: 69vw;
  }
}

@media (min-width: 992px) {
  .large-69 {
    height: 69vw;
  }
}

@media (max-width: 768.98px) {
  .small-70 {
    height: 70vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-70 {
    height: 70vw;
  }
}

@media (min-width: 992px) {
  .large-70 {
    height: 70vw;
  }
}

@media (max-width: 768.98px) {
  .small-71 {
    height: 71vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-71 {
    height: 71vw;
  }
}

@media (min-width: 992px) {
  .large-71 {
    height: 71vw;
  }
}

@media (max-width: 768.98px) {
  .small-72 {
    height: 72vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-72 {
    height: 72vw;
  }
}

@media (min-width: 992px) {
  .large-72 {
    height: 72vw;
  }
}

@media (max-width: 768.98px) {
  .small-73 {
    height: 73vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-73 {
    height: 73vw;
  }
}

@media (min-width: 992px) {
  .large-73 {
    height: 73vw;
  }
}

@media (max-width: 768.98px) {
  .small-74 {
    height: 74vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-74 {
    height: 74vw;
  }
}

@media (min-width: 992px) {
  .large-74 {
    height: 74vw;
  }
}

@media (max-width: 768.98px) {
  .small-75 {
    height: 75vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-75 {
    height: 75vw;
  }
}

@media (min-width: 992px) {
  .large-75 {
    height: 75vw;
  }
}

@media (max-width: 768.98px) {
  .small-76 {
    height: 76vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-76 {
    height: 76vw;
  }
}

@media (min-width: 992px) {
  .large-76 {
    height: 76vw;
  }
}

@media (max-width: 768.98px) {
  .small-77 {
    height: 77vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-77 {
    height: 77vw;
  }
}

@media (min-width: 992px) {
  .large-77 {
    height: 77vw;
  }
}

@media (max-width: 768.98px) {
  .small-78 {
    height: 78vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-78 {
    height: 78vw;
  }
}

@media (min-width: 992px) {
  .large-78 {
    height: 78vw;
  }
}

@media (max-width: 768.98px) {
  .small-79 {
    height: 79vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-79 {
    height: 79vw;
  }
}

@media (min-width: 992px) {
  .large-79 {
    height: 79vw;
  }
}

@media (max-width: 768.98px) {
  .small-80 {
    height: 80vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-80 {
    height: 80vw;
  }
}

@media (min-width: 992px) {
  .large-80 {
    height: 80vw;
  }
}

@media (max-width: 768.98px) {
  .small-81 {
    height: 81vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-81 {
    height: 81vw;
  }
}

@media (min-width: 992px) {
  .large-81 {
    height: 81vw;
  }
}

@media (max-width: 768.98px) {
  .small-82 {
    height: 82vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-82 {
    height: 82vw;
  }
}

@media (min-width: 992px) {
  .large-82 {
    height: 82vw;
  }
}

@media (max-width: 768.98px) {
  .small-83 {
    height: 83vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-83 {
    height: 83vw;
  }
}

@media (min-width: 992px) {
  .large-83 {
    height: 83vw;
  }
}

@media (max-width: 768.98px) {
  .small-84 {
    height: 84vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-84 {
    height: 84vw;
  }
}

@media (min-width: 992px) {
  .large-84 {
    height: 84vw;
  }
}

@media (max-width: 768.98px) {
  .small-85 {
    height: 85vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-85 {
    height: 85vw;
  }
}

@media (min-width: 992px) {
  .large-85 {
    height: 85vw;
  }
}

@media (max-width: 768.98px) {
  .small-86 {
    height: 86vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-86 {
    height: 86vw;
  }
}

@media (min-width: 992px) {
  .large-86 {
    height: 86vw;
  }
}

@media (max-width: 768.98px) {
  .small-87 {
    height: 87vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-87 {
    height: 87vw;
  }
}

@media (min-width: 992px) {
  .large-87 {
    height: 87vw;
  }
}

@media (max-width: 768.98px) {
  .small-88 {
    height: 88vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-88 {
    height: 88vw;
  }
}

@media (min-width: 992px) {
  .large-88 {
    height: 88vw;
  }
}

@media (max-width: 768.98px) {
  .small-89 {
    height: 89vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-89 {
    height: 89vw;
  }
}

@media (min-width: 992px) {
  .large-89 {
    height: 89vw;
  }
}

@media (max-width: 768.98px) {
  .small-90 {
    height: 90vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-90 {
    height: 90vw;
  }
}

@media (min-width: 992px) {
  .large-90 {
    height: 90vw;
  }
}

@media (max-width: 768.98px) {
  .small-91 {
    height: 91vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-91 {
    height: 91vw;
  }
}

@media (min-width: 992px) {
  .large-91 {
    height: 91vw;
  }
}

@media (max-width: 768.98px) {
  .small-92 {
    height: 92vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-92 {
    height: 92vw;
  }
}

@media (min-width: 992px) {
  .large-92 {
    height: 92vw;
  }
}

@media (max-width: 768.98px) {
  .small-93 {
    height: 93vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-93 {
    height: 93vw;
  }
}

@media (min-width: 992px) {
  .large-93 {
    height: 93vw;
  }
}

@media (max-width: 768.98px) {
  .small-94 {
    height: 94vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-94 {
    height: 94vw;
  }
}

@media (min-width: 992px) {
  .large-94 {
    height: 94vw;
  }
}

@media (max-width: 768.98px) {
  .small-95 {
    height: 95vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-95 {
    height: 95vw;
  }
}

@media (min-width: 992px) {
  .large-95 {
    height: 95vw;
  }
}

@media (max-width: 768.98px) {
  .small-96 {
    height: 96vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-96 {
    height: 96vw;
  }
}

@media (min-width: 992px) {
  .large-96 {
    height: 96vw;
  }
}

@media (max-width: 768.98px) {
  .small-97 {
    height: 97vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-97 {
    height: 97vw;
  }
}

@media (min-width: 992px) {
  .large-97 {
    height: 97vw;
  }
}

@media (max-width: 768.98px) {
  .small-98 {
    height: 98vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-98 {
    height: 98vw;
  }
}

@media (min-width: 992px) {
  .large-98 {
    height: 98vw;
  }
}

@media (max-width: 768.98px) {
  .small-99 {
    height: 99vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-99 {
    height: 99vw;
  }
}

@media (min-width: 992px) {
  .large-99 {
    height: 99vw;
  }
}

@media (max-width: 768.98px) {
  .small-100 {
    height: 100vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-100 {
    height: 100vw;
  }
}

@media (min-width: 992px) {
  .large-100 {
    height: 100vw;
  }
}

@media (max-width: 768.98px) {
  .small-101 {
    height: 101vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-101 {
    height: 101vw;
  }
}

@media (min-width: 992px) {
  .large-101 {
    height: 101vw;
  }
}

@media (max-width: 768.98px) {
  .small-102 {
    height: 102vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-102 {
    height: 102vw;
  }
}

@media (min-width: 992px) {
  .large-102 {
    height: 102vw;
  }
}

@media (max-width: 768.98px) {
  .small-103 {
    height: 103vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-103 {
    height: 103vw;
  }
}

@media (min-width: 992px) {
  .large-103 {
    height: 103vw;
  }
}

@media (max-width: 768.98px) {
  .small-104 {
    height: 104vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-104 {
    height: 104vw;
  }
}

@media (min-width: 992px) {
  .large-104 {
    height: 104vw;
  }
}

@media (max-width: 768.98px) {
  .small-105 {
    height: 105vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-105 {
    height: 105vw;
  }
}

@media (min-width: 992px) {
  .large-105 {
    height: 105vw;
  }
}

@media (max-width: 768.98px) {
  .small-106 {
    height: 106vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-106 {
    height: 106vw;
  }
}

@media (min-width: 992px) {
  .large-106 {
    height: 106vw;
  }
}

@media (max-width: 768.98px) {
  .small-107 {
    height: 107vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-107 {
    height: 107vw;
  }
}

@media (min-width: 992px) {
  .large-107 {
    height: 107vw;
  }
}

@media (max-width: 768.98px) {
  .small-108 {
    height: 108vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-108 {
    height: 108vw;
  }
}

@media (min-width: 992px) {
  .large-108 {
    height: 108vw;
  }
}

@media (max-width: 768.98px) {
  .small-109 {
    height: 109vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-109 {
    height: 109vw;
  }
}

@media (min-width: 992px) {
  .large-109 {
    height: 109vw;
  }
}

@media (max-width: 768.98px) {
  .small-110 {
    height: 110vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-110 {
    height: 110vw;
  }
}

@media (min-width: 992px) {
  .large-110 {
    height: 110vw;
  }
}

@media (max-width: 768.98px) {
  .small-111 {
    height: 111vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-111 {
    height: 111vw;
  }
}

@media (min-width: 992px) {
  .large-111 {
    height: 111vw;
  }
}

@media (max-width: 768.98px) {
  .small-112 {
    height: 112vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-112 {
    height: 112vw;
  }
}

@media (min-width: 992px) {
  .large-112 {
    height: 112vw;
  }
}

@media (max-width: 768.98px) {
  .small-113 {
    height: 113vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-113 {
    height: 113vw;
  }
}

@media (min-width: 992px) {
  .large-113 {
    height: 113vw;
  }
}

@media (max-width: 768.98px) {
  .small-114 {
    height: 114vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-114 {
    height: 114vw;
  }
}

@media (min-width: 992px) {
  .large-114 {
    height: 114vw;
  }
}

@media (max-width: 768.98px) {
  .small-115 {
    height: 115vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-115 {
    height: 115vw;
  }
}

@media (min-width: 992px) {
  .large-115 {
    height: 115vw;
  }
}

@media (max-width: 768.98px) {
  .small-116 {
    height: 116vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-116 {
    height: 116vw;
  }
}

@media (min-width: 992px) {
  .large-116 {
    height: 116vw;
  }
}

@media (max-width: 768.98px) {
  .small-117 {
    height: 117vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-117 {
    height: 117vw;
  }
}

@media (min-width: 992px) {
  .large-117 {
    height: 117vw;
  }
}

@media (max-width: 768.98px) {
  .small-118 {
    height: 118vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-118 {
    height: 118vw;
  }
}

@media (min-width: 992px) {
  .large-118 {
    height: 118vw;
  }
}

@media (max-width: 768.98px) {
  .small-119 {
    height: 119vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-119 {
    height: 119vw;
  }
}

@media (min-width: 992px) {
  .large-119 {
    height: 119vw;
  }
}

@media (max-width: 768.98px) {
  .small-120 {
    height: 120vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-120 {
    height: 120vw;
  }
}

@media (min-width: 992px) {
  .large-120 {
    height: 120vw;
  }
}

@media (max-width: 768.98px) {
  .small-121 {
    height: 121vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-121 {
    height: 121vw;
  }
}

@media (min-width: 992px) {
  .large-121 {
    height: 121vw;
  }
}

@media (max-width: 768.98px) {
  .small-122 {
    height: 122vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-122 {
    height: 122vw;
  }
}

@media (min-width: 992px) {
  .large-122 {
    height: 122vw;
  }
}

@media (max-width: 768.98px) {
  .small-123 {
    height: 123vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-123 {
    height: 123vw;
  }
}

@media (min-width: 992px) {
  .large-123 {
    height: 123vw;
  }
}

@media (max-width: 768.98px) {
  .small-124 {
    height: 124vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-124 {
    height: 124vw;
  }
}

@media (min-width: 992px) {
  .large-124 {
    height: 124vw;
  }
}

@media (max-width: 768.98px) {
  .small-125 {
    height: 125vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-125 {
    height: 125vw;
  }
}

@media (min-width: 992px) {
  .large-125 {
    height: 125vw;
  }
}

@media (max-width: 768.98px) {
  .small-126 {
    height: 126vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-126 {
    height: 126vw;
  }
}

@media (min-width: 992px) {
  .large-126 {
    height: 126vw;
  }
}

@media (max-width: 768.98px) {
  .small-127 {
    height: 127vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-127 {
    height: 127vw;
  }
}

@media (min-width: 992px) {
  .large-127 {
    height: 127vw;
  }
}

@media (max-width: 768.98px) {
  .small-128 {
    height: 128vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-128 {
    height: 128vw;
  }
}

@media (min-width: 992px) {
  .large-128 {
    height: 128vw;
  }
}

@media (max-width: 768.98px) {
  .small-129 {
    height: 129vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-129 {
    height: 129vw;
  }
}

@media (min-width: 992px) {
  .large-129 {
    height: 129vw;
  }
}

@media (max-width: 768.98px) {
  .small-130 {
    height: 130vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-130 {
    height: 130vw;
  }
}

@media (min-width: 992px) {
  .large-130 {
    height: 130vw;
  }
}

@media (max-width: 768.98px) {
  .small-131 {
    height: 131vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-131 {
    height: 131vw;
  }
}

@media (min-width: 992px) {
  .large-131 {
    height: 131vw;
  }
}

@media (max-width: 768.98px) {
  .small-132 {
    height: 132vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-132 {
    height: 132vw;
  }
}

@media (min-width: 992px) {
  .large-132 {
    height: 132vw;
  }
}

@media (max-width: 768.98px) {
  .small-133 {
    height: 133vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-133 {
    height: 133vw;
  }
}

@media (min-width: 992px) {
  .large-133 {
    height: 133vw;
  }
}

@media (max-width: 768.98px) {
  .small-134 {
    height: 134vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-134 {
    height: 134vw;
  }
}

@media (min-width: 992px) {
  .large-134 {
    height: 134vw;
  }
}

@media (max-width: 768.98px) {
  .small-135 {
    height: 135vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-135 {
    height: 135vw;
  }
}

@media (min-width: 992px) {
  .large-135 {
    height: 135vw;
  }
}

@media (max-width: 768.98px) {
  .small-136 {
    height: 136vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-136 {
    height: 136vw;
  }
}

@media (min-width: 992px) {
  .large-136 {
    height: 136vw;
  }
}

@media (max-width: 768.98px) {
  .small-137 {
    height: 137vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-137 {
    height: 137vw;
  }
}

@media (min-width: 992px) {
  .large-137 {
    height: 137vw;
  }
}

@media (max-width: 768.98px) {
  .small-138 {
    height: 138vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-138 {
    height: 138vw;
  }
}

@media (min-width: 992px) {
  .large-138 {
    height: 138vw;
  }
}

@media (max-width: 768.98px) {
  .small-139 {
    height: 139vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-139 {
    height: 139vw;
  }
}

@media (min-width: 992px) {
  .large-139 {
    height: 139vw;
  }
}

@media (max-width: 768.98px) {
  .small-140 {
    height: 140vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-140 {
    height: 140vw;
  }
}

@media (min-width: 992px) {
  .large-140 {
    height: 140vw;
  }
}

@media (max-width: 768.98px) {
  .small-141 {
    height: 141vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-141 {
    height: 141vw;
  }
}

@media (min-width: 992px) {
  .large-141 {
    height: 141vw;
  }
}

@media (max-width: 768.98px) {
  .small-142 {
    height: 142vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-142 {
    height: 142vw;
  }
}

@media (min-width: 992px) {
  .large-142 {
    height: 142vw;
  }
}

@media (max-width: 768.98px) {
  .small-143 {
    height: 143vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-143 {
    height: 143vw;
  }
}

@media (min-width: 992px) {
  .large-143 {
    height: 143vw;
  }
}

@media (max-width: 768.98px) {
  .small-144 {
    height: 144vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-144 {
    height: 144vw;
  }
}

@media (min-width: 992px) {
  .large-144 {
    height: 144vw;
  }
}

@media (max-width: 768.98px) {
  .small-145 {
    height: 145vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-145 {
    height: 145vw;
  }
}

@media (min-width: 992px) {
  .large-145 {
    height: 145vw;
  }
}

@media (max-width: 768.98px) {
  .small-146 {
    height: 146vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-146 {
    height: 146vw;
  }
}

@media (min-width: 992px) {
  .large-146 {
    height: 146vw;
  }
}

@media (max-width: 768.98px) {
  .small-147 {
    height: 147vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-147 {
    height: 147vw;
  }
}

@media (min-width: 992px) {
  .large-147 {
    height: 147vw;
  }
}

@media (max-width: 768.98px) {
  .small-148 {
    height: 148vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-148 {
    height: 148vw;
  }
}

@media (min-width: 992px) {
  .large-148 {
    height: 148vw;
  }
}

@media (max-width: 768.98px) {
  .small-149 {
    height: 149vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-149 {
    height: 149vw;
  }
}

@media (min-width: 992px) {
  .large-149 {
    height: 149vw;
  }
}

@media (max-width: 768.98px) {
  .small-150 {
    height: 150vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-150 {
    height: 150vw;
  }
}

@media (min-width: 992px) {
  .large-150 {
    height: 150vw;
  }
}

@media (max-width: 768.98px) {
  .small-151 {
    height: 151vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-151 {
    height: 151vw;
  }
}

@media (min-width: 992px) {
  .large-151 {
    height: 151vw;
  }
}

@media (max-width: 768.98px) {
  .small-152 {
    height: 152vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-152 {
    height: 152vw;
  }
}

@media (min-width: 992px) {
  .large-152 {
    height: 152vw;
  }
}

@media (max-width: 768.98px) {
  .small-153 {
    height: 153vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-153 {
    height: 153vw;
  }
}

@media (min-width: 992px) {
  .large-153 {
    height: 153vw;
  }
}

@media (max-width: 768.98px) {
  .small-154 {
    height: 154vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-154 {
    height: 154vw;
  }
}

@media (min-width: 992px) {
  .large-154 {
    height: 154vw;
  }
}

@media (max-width: 768.98px) {
  .small-155 {
    height: 155vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-155 {
    height: 155vw;
  }
}

@media (min-width: 992px) {
  .large-155 {
    height: 155vw;
  }
}

@media (max-width: 768.98px) {
  .small-156 {
    height: 156vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-156 {
    height: 156vw;
  }
}

@media (min-width: 992px) {
  .large-156 {
    height: 156vw;
  }
}

@media (max-width: 768.98px) {
  .small-157 {
    height: 157vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-157 {
    height: 157vw;
  }
}

@media (min-width: 992px) {
  .large-157 {
    height: 157vw;
  }
}

@media (max-width: 768.98px) {
  .small-158 {
    height: 158vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-158 {
    height: 158vw;
  }
}

@media (min-width: 992px) {
  .large-158 {
    height: 158vw;
  }
}

@media (max-width: 768.98px) {
  .small-159 {
    height: 159vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-159 {
    height: 159vw;
  }
}

@media (min-width: 992px) {
  .large-159 {
    height: 159vw;
  }
}

@media (max-width: 768.98px) {
  .small-160 {
    height: 160vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-160 {
    height: 160vw;
  }
}

@media (min-width: 992px) {
  .large-160 {
    height: 160vw;
  }
}

@media (max-width: 768.98px) {
  .small-161 {
    height: 161vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-161 {
    height: 161vw;
  }
}

@media (min-width: 992px) {
  .large-161 {
    height: 161vw;
  }
}

@media (max-width: 768.98px) {
  .small-162 {
    height: 162vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-162 {
    height: 162vw;
  }
}

@media (min-width: 992px) {
  .large-162 {
    height: 162vw;
  }
}

@media (max-width: 768.98px) {
  .small-163 {
    height: 163vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-163 {
    height: 163vw;
  }
}

@media (min-width: 992px) {
  .large-163 {
    height: 163vw;
  }
}

@media (max-width: 768.98px) {
  .small-164 {
    height: 164vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-164 {
    height: 164vw;
  }
}

@media (min-width: 992px) {
  .large-164 {
    height: 164vw;
  }
}

@media (max-width: 768.98px) {
  .small-165 {
    height: 165vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-165 {
    height: 165vw;
  }
}

@media (min-width: 992px) {
  .large-165 {
    height: 165vw;
  }
}

@media (max-width: 768.98px) {
  .small-166 {
    height: 166vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-166 {
    height: 166vw;
  }
}

@media (min-width: 992px) {
  .large-166 {
    height: 166vw;
  }
}

@media (max-width: 768.98px) {
  .small-167 {
    height: 167vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-167 {
    height: 167vw;
  }
}

@media (min-width: 992px) {
  .large-167 {
    height: 167vw;
  }
}

@media (max-width: 768.98px) {
  .small-168 {
    height: 168vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-168 {
    height: 168vw;
  }
}

@media (min-width: 992px) {
  .large-168 {
    height: 168vw;
  }
}

@media (max-width: 768.98px) {
  .small-169 {
    height: 169vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-169 {
    height: 169vw;
  }
}

@media (min-width: 992px) {
  .large-169 {
    height: 169vw;
  }
}

@media (max-width: 768.98px) {
  .small-170 {
    height: 170vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-170 {
    height: 170vw;
  }
}

@media (min-width: 992px) {
  .large-170 {
    height: 170vw;
  }
}

@media (max-width: 768.98px) {
  .small-171 {
    height: 171vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-171 {
    height: 171vw;
  }
}

@media (min-width: 992px) {
  .large-171 {
    height: 171vw;
  }
}

@media (max-width: 768.98px) {
  .small-172 {
    height: 172vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-172 {
    height: 172vw;
  }
}

@media (min-width: 992px) {
  .large-172 {
    height: 172vw;
  }
}

@media (max-width: 768.98px) {
  .small-173 {
    height: 173vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-173 {
    height: 173vw;
  }
}

@media (min-width: 992px) {
  .large-173 {
    height: 173vw;
  }
}

@media (max-width: 768.98px) {
  .small-174 {
    height: 174vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-174 {
    height: 174vw;
  }
}

@media (min-width: 992px) {
  .large-174 {
    height: 174vw;
  }
}

@media (max-width: 768.98px) {
  .small-175 {
    height: 175vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-175 {
    height: 175vw;
  }
}

@media (min-width: 992px) {
  .large-175 {
    height: 175vw;
  }
}

@media (max-width: 768.98px) {
  .small-176 {
    height: 176vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-176 {
    height: 176vw;
  }
}

@media (min-width: 992px) {
  .large-176 {
    height: 176vw;
  }
}

@media (max-width: 768.98px) {
  .small-177 {
    height: 177vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-177 {
    height: 177vw;
  }
}

@media (min-width: 992px) {
  .large-177 {
    height: 177vw;
  }
}

@media (max-width: 768.98px) {
  .small-178 {
    height: 178vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-178 {
    height: 178vw;
  }
}

@media (min-width: 992px) {
  .large-178 {
    height: 178vw;
  }
}

@media (max-width: 768.98px) {
  .small-179 {
    height: 179vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-179 {
    height: 179vw;
  }
}

@media (min-width: 992px) {
  .large-179 {
    height: 179vw;
  }
}

@media (max-width: 768.98px) {
  .small-180 {
    height: 180vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-180 {
    height: 180vw;
  }
}

@media (min-width: 992px) {
  .large-180 {
    height: 180vw;
  }
}

@media (max-width: 768.98px) {
  .small-181 {
    height: 181vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-181 {
    height: 181vw;
  }
}

@media (min-width: 992px) {
  .large-181 {
    height: 181vw;
  }
}

@media (max-width: 768.98px) {
  .small-182 {
    height: 182vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-182 {
    height: 182vw;
  }
}

@media (min-width: 992px) {
  .large-182 {
    height: 182vw;
  }
}

@media (max-width: 768.98px) {
  .small-183 {
    height: 183vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-183 {
    height: 183vw;
  }
}

@media (min-width: 992px) {
  .large-183 {
    height: 183vw;
  }
}

@media (max-width: 768.98px) {
  .small-184 {
    height: 184vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-184 {
    height: 184vw;
  }
}

@media (min-width: 992px) {
  .large-184 {
    height: 184vw;
  }
}

@media (max-width: 768.98px) {
  .small-185 {
    height: 185vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-185 {
    height: 185vw;
  }
}

@media (min-width: 992px) {
  .large-185 {
    height: 185vw;
  }
}

@media (max-width: 768.98px) {
  .small-186 {
    height: 186vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-186 {
    height: 186vw;
  }
}

@media (min-width: 992px) {
  .large-186 {
    height: 186vw;
  }
}

@media (max-width: 768.98px) {
  .small-187 {
    height: 187vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-187 {
    height: 187vw;
  }
}

@media (min-width: 992px) {
  .large-187 {
    height: 187vw;
  }
}

@media (max-width: 768.98px) {
  .small-188 {
    height: 188vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-188 {
    height: 188vw;
  }
}

@media (min-width: 992px) {
  .large-188 {
    height: 188vw;
  }
}

@media (max-width: 768.98px) {
  .small-189 {
    height: 189vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-189 {
    height: 189vw;
  }
}

@media (min-width: 992px) {
  .large-189 {
    height: 189vw;
  }
}

@media (max-width: 768.98px) {
  .small-190 {
    height: 190vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-190 {
    height: 190vw;
  }
}

@media (min-width: 992px) {
  .large-190 {
    height: 190vw;
  }
}

@media (max-width: 768.98px) {
  .small-191 {
    height: 191vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-191 {
    height: 191vw;
  }
}

@media (min-width: 992px) {
  .large-191 {
    height: 191vw;
  }
}

@media (max-width: 768.98px) {
  .small-192 {
    height: 192vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-192 {
    height: 192vw;
  }
}

@media (min-width: 992px) {
  .large-192 {
    height: 192vw;
  }
}

@media (max-width: 768.98px) {
  .small-193 {
    height: 193vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-193 {
    height: 193vw;
  }
}

@media (min-width: 992px) {
  .large-193 {
    height: 193vw;
  }
}

@media (max-width: 768.98px) {
  .small-194 {
    height: 194vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-194 {
    height: 194vw;
  }
}

@media (min-width: 992px) {
  .large-194 {
    height: 194vw;
  }
}

@media (max-width: 768.98px) {
  .small-195 {
    height: 195vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-195 {
    height: 195vw;
  }
}

@media (min-width: 992px) {
  .large-195 {
    height: 195vw;
  }
}

@media (max-width: 768.98px) {
  .small-196 {
    height: 196vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-196 {
    height: 196vw;
  }
}

@media (min-width: 992px) {
  .large-196 {
    height: 196vw;
  }
}

@media (max-width: 768.98px) {
  .small-197 {
    height: 197vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-197 {
    height: 197vw;
  }
}

@media (min-width: 992px) {
  .large-197 {
    height: 197vw;
  }
}

@media (max-width: 768.98px) {
  .small-198 {
    height: 198vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-198 {
    height: 198vw;
  }
}

@media (min-width: 992px) {
  .large-198 {
    height: 198vw;
  }
}

@media (max-width: 768.98px) {
  .small-199 {
    height: 199vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-199 {
    height: 199vw;
  }
}

@media (min-width: 992px) {
  .large-199 {
    height: 199vw;
  }
}

@media (max-width: 768.98px) {
  .small-200 {
    height: 200vw;
  }
}

@media (min-width: 769px) and (max-width: 991.98px) {
  .medium-200 {
    height: 200vw;
  }
}

@media (min-width: 992px) {
  .large-200 {
    height: 200vw;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.attribute {
  position: relative;
}
.attribute .color,
.attribute .sdColourCode {
  margin-bottom: 4px;
  color: #000;
}
.attribute .attribute-error {
  margin-top: 20px;
}
.attribute .color-attribute {
  height: 46px;
  display: inline-block;
}
.attribute .color-attribute:has(.selected) {
  pointer-events: none;
}
.attribute .color-attribute:hover {
  cursor: pointer;
  text-decoration: none;
}
.attribute label {
  display: block;
}

.attribute-error {
  border: none;
}
.attribute-error.error {
  border: 1px solid #df2935;
}

.attribute-error-message {
  color: #df2935;
  margin-top: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: 0.12px;
  text-transform: uppercase;
}

.swatch a {
  text-decoration: none;
}

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0;
  }
}

.prices-add-to-cart-actions.sticky {
  bottom: 0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  width: 100%;
  z-index: 50;
}
@media (min-width: 769px) {
  .prices-add-to-cart-actions.sticky {
    display: none;
  }
}
.prices-add-to-cart-actions.sticky:not(.disable-events) {
  pointer-events: all;
}
.prices-add-to-cart-actions.sticky .add-to-cart-sticky {
  margin: 0;
}

.fade-in-atb {
  -webkit-animation: fade-in 0.5s ease-in-out;
          animation: fade-in 0.5s ease-in-out;
  opacity: 1;
}

.fade-out-atb {
  -webkit-animation: fade-out 0.5s ease-in-out;
          animation: fade-out 0.5s ease-in-out;
  opacity: 0;
}

.disable-events {
  pointer-events: none;
}

.prices {
  text-align: center;
}

.cart-and-ipay {
  text-align: center;
}

.add-to-cart-messages {
  left: 50%;
  position: fixed;
  top: 15%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.add-to-basket-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.add-to-basket-alert.show {
  display: block;
}

.simple-quantity {
  margin-top: 1em;
}

.main-attributes {
  margin-top: 1em;
}

.size-chart {
  margin-top: 1.071em;
}

div.availability {
  margin-top: 1.071em;
}

.bundle-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
.bundle-item:last-child {
  border-bottom: none;
}

.container.product-detail {
  margin-bottom: 48px;
}
@media (min-width: 769px) {
  .container.product-detail {
    margin-bottom: 56px;
  }
}

.product-option:not(:first-child) {
  margin-top: 1.071em;
}

.product-grid {
  display: grid;
  grid-column-gap: 5px;
  /* Horizontal gap */
  grid-row-gap: 20px;
  /* Vertical gap */
  padding: 0 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 769px) {
  .product-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 30px;
  }
}

.custom-product-size-button {
  width: 52px;
  height: 52px;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e5e5e5;
  background: #fff;
  margin: 8px 2px 0 0;
  font-size: 12px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-weight: 500;
  color: #000;
  position: relative;
}
.custom-product-size-button.disabled {
  background: #f4f4f4;
  pointer-events: none;
}
.custom-product-size-button.selected {
  background: #000;
  color: #fff;
  border-color: #000;
}
.custom-product-size-button.error {
  border: 1px solid #df2935;
}
.custom-product-size-button.notify-me-available {
  background: #f4f4f4;
  color: #b7b7b7;
  pointer-events: auto;
  cursor: pointer;
}
.custom-product-size-button.notify-me-available.selected {
  background: #f4f4f4;
  color: #000;
}
.custom-product-size-button.notify-me-available.selected:hover {
  border-color: #000;
}
.custom-product-size-button.notify-me-available svg {
  position: absolute;
  top: 3px;
  right: 3px;
}
.custom-product-size-button.one-size-label {
  min-width: unset;
}
.custom-product-size-button:not(.notify-me-available) svg {
  display: none;
}

.form-control.custom-product-size-wrapper {
  outline: none;
  padding: 0;
  height: auto;
}

.filled-star {
  position: relative;
  width: 12px;
  height: 12px;
}
@media (min-width: 992px) {
  .filled-star {
    width: 16px;
    height: 16px;
  }
}
.filled-star svg {
  position: absolute;
  left: 0;
}

.ratings-btn {
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  gap: 4px;
}
.ratings-btn svg {
  width: 12px;
  height: 12px;
}
@media (min-width: 992px) {
  .ratings-btn svg {
    width: 16px;
    height: 16px;
  }
}

.number-of-ratings {
  font-size: 11px;
  padding-top: 2px;
}
@media (min-width: 992px) {
  .number-of-ratings {
    font-size: 14px;
  }
}

.product-reviews-link:hover {
  text-decoration: none;
}

.notify-me-feature {
  display: none;
  padding-top: 24px;
}
.notify-me-feature .email-label {
  font-size: 12px;
  line-height: 18px;
  color: #2b2b2b;
  font-weight: 400;
}
.notify-me-feature .email-input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.notify-me-feature .email-input::-moz-placeholder {
  color: #b7b7b7;
}
.notify-me-feature .email-input:-ms-input-placeholder {
  color: #b7b7b7;
}
.notify-me-feature .email-input::-ms-input-placeholder {
  color: #b7b7b7;
}
.notify-me-feature .email-input::placeholder {
  color: #b7b7b7;
}
.notify-me-feature .notify-result-message {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
}
.notify-me-feature .custom-control-label.custom-control-label-email {
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notify-me-feature .custom-control-label.custom-control-label-email::before {
  top: 50%;
  margin-bottom: -10px;
}
.notify-me-feature .btn-notify-me-modal-close {
  display: none;
}

.stock-indicator-wrapper {
  margin-top: 12px;
}

.item-attributes .stock-indicator-wrapper {
  margin-top: 0;
  padding-bottom: 6px;
  font-family: "neue-haas-grotesk-text", serif;
}

.stock-indicator {
  margin-bottom: 0;
  font-size: 14px;
}

.stock-indicator-msg {
  font-weight: normal;
}

.product-detail .stock-indicator {
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .product-detail .stock-indicator {
    font: 12px;
  }
}

.stock-indicator-msg:not(.low) {
  color: #df2935;
}

.pull-left-xs {
  float: left;
}

.pull-left {
  float: left;
}

.pull-right-xs {
  float: right;
}

.pull-right {
  float: right;
}

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left;
  }

  .pull-left {
    float: left;
  }

  .pull-right-sm {
    float: right;
  }

  .pull-right {
    float: right;
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left;
  }

  .pull-left {
    float: left;
  }

  .pull-right-md {
    float: right;
  }

  .pull-right {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left;
  }

  .pull-left {
    float: left;
  }

  .pull-right-lg {
    float: right;
  }

  .pull-right {
    float: right;
  }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .pull-left-xl {
    float: left;
  }

  .pull-left {
    float: left;
  }

  .pull-right-xl {
    float: right;
  }

  .pull-right {
    float: right;
  }
}
@media (min-width: 1440px) {
  .pull-left-xxl {
    float: left;
  }

  .pull-left {
    float: left;
  }

  .pull-right-xxl {
    float: right;
  }

  .pull-right {
    float: right;
  }
}
@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (max-width: 1439.98px) {
  .hidden-xl-down {
    display: none !important;
  }
}

.hidden-xxl-down {
  display: none !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .hidden-xxl-up {
    display: none !important;
  }
}

.row.equal-height > [class^=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* stylelint-disable-next-line */
.swatch-circle-beige {
  background: #f5f5dc;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  background: #f5f5dc;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-black {
  background: #000;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  background: #000;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-blue {
  background: #0070d2;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  background: #0070d2;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-brown {
  background: #a52a2a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  background: #a52a2a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-green {
  background: #008827;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  background: #008827;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-grey {
  background: #8f979d;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  background: #8f979d;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-navy {
  background: #000080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  background: #000080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-orange {
  background: #ffa500;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  background: #ffa500;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-pink {
  background: #fe249a;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  background: #fe249a;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-purple {
  background: #800080;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  background: #800080;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-red {
  background: #f00;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  background: #f00;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-turquoise {
  background: #30d5c8;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-turquoise.disabled {
  opacity: 0.2;
}

.swatch-filter-turquoise {
  background: #30d5c8;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #30d5c8;
  display: block;
  position: relative;
}
.swatch-filter-turquoise.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-white {
  background: #fff;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  background: #fff;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line */
.swatch-circle-yellow {
  background: #ff0;
  border-radius: 1.25em;
  border-radius: 1.25em;
  height: 2.5em;
  width: 2.5em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  background: #ff0;
  border-radius: 0.69em;
  border-radius: 0.69em;
  height: 1.38em;
  width: 1.38em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

/*stylelint-disable*/
.swatch-circle-multi {
  background: conic-gradient(#BC0070 0%, 8.33%, #ED1B24 8.33%, 16.66%, #F25822 16.66%, 25%, #F6821F 25%, 33.33%, #FDAF17 33.33%, 41.66%, #FEF200 41.66%, 50%, #A6CF4F 50%, 58.33%, #00A666 58.33%, 66.66%, #00A2B7 66.66%, 75%, #006CB7 75%, 83.33%, #283897 83.33%, 91.66%, #612D91 100%);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-multi.disabled {
  opacity: 0.2;
}
.swatch-circle-multi.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

/*stylelint-enable*/
.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.add-to-bag,
.add-to-wishlist,
.remove-from-wishlist {
  display: none;
}
.add-to-bag .modal-content,
.add-to-wishlist .modal-content,
.remove-from-wishlist .modal-content {
  padding: 16px;
}
.add-to-bag .close-modal-content,
.add-to-wishlist .close-modal-content,
.remove-from-wishlist .close-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.add-to-bag .close-modal,
.add-to-wishlist .close-modal,
.remove-from-wishlist .close-modal {
  cursor: pointer;
}
.add-to-bag .go-to-bag-btn,
.add-to-wishlist .go-to-bag-btn,
.remove-from-wishlist .go-to-bag-btn {
  width: 100%;
}
.add-to-bag .modal-dialog,
.add-to-wishlist .modal-dialog,
.remove-from-wishlist .modal-dialog {
  max-width: 345px;
  margin: calc(50vh - 118px) auto;
}
.add-to-bag .modal-header,
.add-to-wishlist .modal-header,
.remove-from-wishlist .modal-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 0 24px;
}
.add-to-bag .add-to-bag-body,
.add-to-bag .add-to-wishlist-body,
.add-to-bag .remove-from-wishlist-body,
.add-to-wishlist .add-to-bag-body,
.add-to-wishlist .add-to-wishlist-body,
.add-to-wishlist .remove-from-wishlist-body,
.remove-from-wishlist .add-to-bag-body,
.remove-from-wishlist .add-to-wishlist-body,
.remove-from-wishlist .remove-from-wishlist-body {
  text-align: center;
  color: #000;
  font: normal 700 20px/24px "neue-haas-grotesk-text", serif;
  letter-spacing: 0.4px;
  padding: 0;
  padding-bottom: 32px;
}
.add-to-bag .add-to-wishlist-description,
.add-to-bag .remove-from-wishlist-description,
.add-to-wishlist .add-to-wishlist-description,
.add-to-wishlist .remove-from-wishlist-description,
.remove-from-wishlist .add-to-wishlist-description,
.remove-from-wishlist .remove-from-wishlist-description {
  font-size: 12px;
}
.add-to-bag .modal-footer,
.add-to-wishlist .modal-footer,
.remove-from-wishlist .modal-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
}
.add-to-bag .modal-footer .btn,
.add-to-wishlist .modal-footer .btn,
.remove-from-wishlist .modal-footer .btn {
  width: 100%;
  font: normal 500 12px/20px "neue-haas-grotesk-text", serif;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.add-to-bag .modal-footer,
.add-to-bag .modal-header,
.add-to-wishlist .modal-footer,
.add-to-wishlist .modal-header,
.remove-from-wishlist .modal-footer,
.remove-from-wishlist .modal-header {
  border: 0;
}

.modal-add-to-bag-backdrop {
  display: none;
}

.modal-add-to-bag-backdrop.show {
  display: block;
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

.add-to-bag.show,
.add-to-wishlist.show,
.remove-from-wishlist.show {
  display: block;
}

.pswp {
  --yZoomElementsOffset: 3%;
  --xZoomElementsOffset: 2%;
  --btnsDimensions: 48px;
  --thumbnailsWidth: 100px;
  --gap: 10px;
}

body:has(.pswp--open) {
  overflow: hidden;
}

@media (min-width: 992px) {
  .pdp-container:has(.zoom-images-wrapper:not(.mobile-zoom-images)) .pdp-image:hover {
    cursor: url("../../images/icons/icon-plus-42x42.svg"), -webkit-zoom-in;
    cursor: url("../../images/icons/icon-plus-42x42.svg"), zoom-in;
  }
}
@media (max-width: 1199.98px) {
  .pdp-container:has(.zoom-images-wrapper.mobile-zoom-images) .pdp-image:hover {
    cursor: url("../../images/icons/icon-plus-42x42.svg"), -webkit-zoom-in;
    cursor: url("../../images/icons/icon-plus-42x42.svg"), zoom-in;
  }
}

.pswp__bullets-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.pswp__bullet {
  background: #b7b7b7;
  height: 2px;
  width: 38px;
  overflow: hidden;
  border: none;
  cursor: pointer;
}
.pswp__bullet--active {
  height: 5px;
  background: #fff;
}

.pswp__thumbnails-container {
  max-width: var(--thumbnailsWidth);
  inset: var(--yZoomElementsOffset) auto auto var(--xZoomElementsOffset);
}
.pswp__thumbnails-container:not(.slick-initialized) {
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  justify-items: start;
  max-height: 95vh;
  gap: 10px;
  overflow: hidden;
  position: absolute;
}
@media (max-width: 991.98px) {
  .pswp__thumbnails-container {
    display: none;
  }
}
.pswp__thumbnails-container .slick-arrow {
  background-color: #fff;
  width: 100%;
  left: 0;
  bottom: auto;
}
.pswp__thumbnails-container .slick-prev {
  top: var(--yZoomElementsOffset);
  bottom: auto;
}
.pswp__thumbnails-container .slick-next {
  top: auto;
  bottom: calc(0px - var(--yZoomElementsOffset) - 1%);
}
.pswp__thumbnails-container .slick-prev::after,
.pswp__thumbnails-container .slick-next::after {
  left: 45%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.pswp__thumbnails-container .slick-prev::after {
  top: 40%;
}
.pswp__thumbnails-container .slick-next::after {
  top: 30%;
}

.pswp__thumbnail {
  width: 100% !important;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  margin-bottom: var(--gap);
}
.pswp__thumbnail--active {
  opacity: 0.7;
  pointer-events: none;
}

.pswp__top-bar {
  position: static;
}

.pswp__preloader {
  position: absolute;
  inset: 50% auto auto 50%;
}

.pswp__img {
  cursor: initial;
}

.pswp__button {
  width: var(--btnsDimensions);
  height: var(--btnsDimensions);
  background-color: #fff;
  opacity: 1;
  position: absolute;
  margin: 0;
}
.pswp__button .pswp__icn {
  display: none;
}
.pswp__button::after {
  display: inline-block;
}
.pswp__button--arrow--next::after, .pswp__button--arrow--prev::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pswp__button--arrow--next {
  inset: auto var(--xZoomElementsOffset) var(--yZoomElementsOffset) auto;
  bottom: 40px;
}
.pswp__button--arrow--next::after {
  content: url("../../images/icons/chevron-up.svg");
}
.pswp__button--arrow--prev {
  inset: auto calc(var(--xZoomElementsOffset) + var(--btnsDimensions) + var(--gap)) var(--yZoomElementsOffset) auto;
  bottom: 40px;
}
.pswp__button--arrow--prev::after {
  content: url("../../images/icons/chevron-down.svg");
  margin-right: 5px;
}
.pswp__button--close {
  border-radius: 50%;
  inset: var(--yZoomElementsOffset) var(--xZoomElementsOffset) auto auto;
}
.pswp__button--close::after {
  content: url("../../images/icons/icon-close.svg");
  margin-top: 5px;
}
@media (max-width: 991.98px) {
  .pswp__button--close {
    inset: 24px 24px auto auto;
  }
}
.pswp__button--zoom {
  inset: calc(50% - var(--gap)) var(--xZoomElementsOffset) auto auto;
}
.pswp__button--zoom::after {
  content: url("../../images/icons/icon-magnify-plus.svg");
  margin-top: 5px;
}
.pswp__button--zoom-out {
  inset: calc(50% + var(--btnsDimensions)) var(--xZoomElementsOffset) auto auto;
}
.pswp__button--zoom-out::after {
  content: url("../../images/icons/icon-magnify-minus.svg");
  margin-top: 5px;
}
@media (max-width: 1199.98px) {
  .pswp__button--zoom, .pswp__button--zoom-out {
    display: none !important;
  }
}
.pswp__button:hover {
  background-color: #fff;
}

.pswp:not(.pswp--ui-visible) .pswp__button--zoom-out {
  opacity: 0.005 !important;
}

.pswp--touch .pswp__button--arrow {
  visibility: visible;
}

.product-detail .attributes .swatch-circle {
  background: #fff;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.product-detail .attributes .swatch-circle.color-value[data-selected=true]::after, .product-detail .attributes .swatch-circle.color-value.selected::after, .product-detail .attributes .swatch-circle.sdColourCode-value[data-selected=true]::after, .product-detail .attributes .swatch-circle.sdColourCode-value.selected::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../images/icons/swatch-check.svg");
  position: absolute;
  top: 10px;
  left: 10px;
}
@media (min-width: 769px) {
  .product-detail .attributes .swatch-circle.color-value[data-selected=true]::after, .product-detail .attributes .swatch-circle.color-value.selected::after, .product-detail .attributes .swatch-circle.sdColourCode-value[data-selected=true]::after, .product-detail .attributes .swatch-circle.sdColourCode-value.selected::after {
    top: 14px;
    left: 14px;
  }
}
.product-detail .attributes .swatch-circle.color-value.selected.swatch-mark-black::after {
  background-image: url("../../images/icons/swatch-check-black.svg");
}
.product-detail .attributes .swatch-circle.color-value[data-selected=true]::before, .product-detail .attributes .swatch-circle.color-value.selected::before, .product-detail .attributes .swatch-circle.sdColourCode-value[data-selected=true]::before, .product-detail .attributes .swatch-circle.sdColourCode-value.selected::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  position: absolute;
  border: 1px solid #000;
  top: -4px;
  left: -4px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .product-detail .attributes .swatch-circle.color-value[data-selected=true]::before, .product-detail .attributes .swatch-circle.color-value.selected::before, .product-detail .attributes .swatch-circle.sdColourCode-value[data-selected=true]::before, .product-detail .attributes .swatch-circle.sdColourCode-value.selected::before {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 769px) {
  .product-detail .attributes .swatch-circle {
    width: 46px;
    height: 46px;
    margin-right: unset;
  }
}

.product-detail [disabled] .swatch-circle,
.product-detail .swatch-circle.unavailable-for-selected-attr,
.product-detail .swatch-circle.unselectable {
  position: relative;
}
.product-detail [disabled] .swatch-circle::before,
.product-detail .swatch-circle.unavailable-for-selected-attr::before,
.product-detail .swatch-circle.unselectable::before {
  content: "";
  height: 2px;
  left: 0;
  width: 100%;
  top: calc(50% - 2px);
  position: absolute;
  background: #fff;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.product-detail [disabled] .swatch-circle.unavailable-selected::after,
.product-detail .swatch-circle.unavailable-for-selected-attr.unavailable-selected::after,
.product-detail .swatch-circle.unselectable.unavailable-selected::after {
  content: "";
  display: inline-block;
  width: 52px;
  height: 52px;
  position: absolute;
  border: 1px solid #000;
  top: -4px;
  left: -4px;
  border-radius: 50%;
}

.product-detail .black-icon-style .swatch-circle.unavailable-for-selected-attr::before {
  background: #000;
}

label.color ~ a:hover {
  text-decoration: none;
}

.description-and-detail {
  margin-top: 2em;
}
@media (max-width: 543.98px) {
  .description-and-detail {
    margin-top: 0;
  }
  .description-and-detail .title {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  .description-and-detail > div:last-child {
    margin-bottom: 1em;
  }
}
@media (min-width: 544px) {
  .description-and-detail .description {
    margin-bottom: 2em;
  }
}
@media (max-width: 543.98px) {
  .description-and-detail .content {
    margin-top: 1em;
  }
}

.social-container {
  padding-top: 0.9375em;
  text-align: center;
}
.social-container .social-icons {
  color: #444;
  font-size: 1.875em;
  list-style-type: none;
  padding: 0;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .social-container .social-icons {
    font-size: 1.5625em;
  }
}
.social-container .social-icons i,
.social-container .social-icons a {
  color: #444;
  padding-right: 0.2em;
}

label.availability {
  padding-right: 0.3125em;
}

.product-number {
  color: #ccc;
  font-size: 0.875em;
  padding-bottom: 0.938em;
  padding-top: 0.938em;
}

.promotions {
  font-weight: normal;
  height: 85%;
  text-align: center;
}
.promotions div.collapsible-xl button.callout {
  color: #c00;
  font-size: 1.25em;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
@media (min-width: 544px) {
  .promotions div.collapsible-xl button.callout {
    font-size: 1.375em;
  }
}
.promotions div.collapsible-xl button.callout::after {
  color: #000;
}

.product-options {
  margin-top: 1.25em;
}

.size-chart-modal .modal-body {
  overflow: hidden;
  padding-top: 0;
}
.size-chart-modal .modal-body iframe {
  width: 100%;
  min-height: 400px;
  overflow: hidden;
}
.size-chart-modal .modal-header {
  border: none;
}

.size-chart-close {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border: none;
}

.color-attribute {
  background: none;
  border: none;
  padding: 0;
}

.non-input-label {
  display: block;
  margin-bottom: 0.5rem;
}

@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0.938em;
  }
  .product-grid .col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.breadcrumbs-container {
  border-top: 1px solid #e5e5e5;
  position: relative;
}
@media (min-width: 992px) {
  .breadcrumbs-container {
    padding: 16px 30px;
  }
}
@media (min-width: 1440px) {
  .breadcrumbs-container {
    padding: 16px 50px;
  }
}
.breadcrumbs-container .back-link {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}
.breadcrumbs-container .back-link svg {
  width: 16px;
  height: 16px;
}
.breadcrumbs-container .back-link-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #b7b7b7;
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
  text-underline-offset: 3px;
}
.breadcrumbs-container .breadcrumb-item-text {
  font-size: 12px;
  letter-spacing: 0.12px;
}

.product-detail .product-name {
  font-family: "utopia-std", serif;
  font-size: 20px;
  color: #000;
  line-height: 24px;
  margin-bottom: 0;
  letter-spacing: 0.3px;
}
@media (min-width: 992px) {
  .product-detail .product-name {
    font-size: 30px;
    line-height: 36px;
  }
}

.read-reviews-button,
.size-fit-button,
.size-chart-button {
  border: none;
  background: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.read-reviews-button {
  margin-bottom: 30px;
}

.product-detail .ratings {
  margin-top: 8px;
  padding-bottom: 0;
}
.product-detail .ratings i.fa-star {
  padding-right: 0;
}
.product-detail .price-container {
  padding-bottom: 0;
  margin-top: 16px;
}
.product-detail .price .sales {
  font: normal 400 19px/22px "utopia-std", serif;
  color: #000;
  letter-spacing: 0.19px;
}
@media (min-width: 769px) {
  .product-detail .price .sales {
    font-size: 24px;
    letter-spacing: 0.24px;
  }
}
.product-detail .price .sales.red-price {
  color: #d82c19;
}
.product-detail .discounted-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-detail .discounted-price .value {
  color: #1d1d1d;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: line-through;
  font-family: "utopia-std", serif;
}
.product-detail .you-save {
  font: normal 500 11px/15px "neue-haas-grotesk-text", serif;
  color: #d82c19;
  letter-spacing: 0.11px;
  margin-top: 4px;
  text-align: left;
}

.pdp-slider:not(.slick-initialized) .pdp-image {
  display: none;
}
.pdp-slider:not(.slick-initialized) .pdp-image:first-child {
  display: block;
}

.quick-view-modal .pdp-slider,
.quick-view-modal .slick-list,
.quick-view-modal .slick-track {
  height: 100%;
}
.quick-view-modal .pdp-slider .pdp-image {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .quick-view-modal .pdp-images-wrapper .slick-track {
    -webkit-transform: none !important;
            transform: none !important;
    height: 100vh !important;
    overflow: auto;
  }
  .quick-view-modal .product-main-attributes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    max-height: 100vh;
    overflow: auto;
  }
}

.pdp-slider-container {
  padding: 0;
  min-height: 436px;
}
@media (min-width: 769px) {
  .pdp-slider-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 85%;
            flex: 1 0 85%;
    max-width: 85%;
    min-height: 0;
  }
}
@media (min-width: 992px) {
  .pdp-slider-container {
    padding-left: 8px;
    padding-right: 9px;
  }
}

.pdp-slider .slick-next,
.pdp-slider .slick-prev {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 769px) {
  .pdp-slider:hover .slick-next:not(.slick-disabled),
.pdp-slider:hover .slick-prev:not(.slick-disabled) {
    opacity: 1;
    visibility: visible;
  }
}

.primary-images {
  position: relative;
  height: 100%;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .primary-images {
    padding-left: 30px;
    padding-right: 9px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .primary-images {
    padding-left: 50px;
  }
}

.slick-slider-dots {
  position: absolute;
  bottom: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slick-slider-dots ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.slick-slider-dots li button {
  background: #b7b7b7;
  height: 2px;
  width: 38px;
  overflow: hidden;
  border: none;
}
.slick-slider-dots li.slick-active button {
  height: 5px;
  background: #fff;
}

.promotions-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.promo-box {
  padding: 4px 12px;
  font-size: 12px;
  color: #000;
  background: #e5e5e5;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.accordion-button {
  font: normal 600 14px/17px "utopia-std", serif;
  position: relative;
  color: #000;
  letter-spacing: 0.14px;
  padding: 19px 0;
  border: 0;
  background: #fff;
  width: 100%;
  text-align: left;
}
@media (min-width: 769px) {
  .accordion-button {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.32px;
  }
}
.accordion-button .plus-button,
.accordion-button .minus-button {
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
}
.accordion-button .plus-button svg,
.accordion-button .minus-button svg {
  width: 16px;
  height: 16px;
}
.accordion-button .plus-button {
  opacity: 1;
}
.accordion-button .minus-button {
  opacity: 0;
}
.accordion-button:not(.collapsed) .plus-button {
  opacity: 0;
}
.accordion-button:not(.collapsed) .minus-button {
  opacity: 1;
}

.product-detail .card {
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}
.product-detail .card .card-body {
  padding-top: 5px;
  padding-bottom: 18px;
}
.product-detail .card .card-body.composition-care {
  line-height: 22px;
}
.product-detail .product-description,
.product-detail .card-body {
  color: #000;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.product-detail .product-description ul,
.product-detail .card-body ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.product-detail .product-description .size-fit-item,
.product-detail .product-description .model-size,
.product-detail .card-body .size-fit-item,
.product-detail .card-body .model-size {
  line-height: 18px;
  letter-spacing: 0.36px;
}
.product-detail .product-size-fit {
  color: #000;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 8px;
}
.product-detail .size-chart {
  display: inline-block;
  margin: 0;
  position: relative;
  border: none;
  font-size: 10px;
  padding: 2px 0;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
}
.product-detail .size-chart a:hover {
  text-decoration: none;
}
.product-detail .size-chart-button {
  font-size: 12px;
  line-height: 14px;
}

.composition-care {
  font-weight: 500;
}

.sustain-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
  background: #f4f4f4;
  margin-bottom: 8px;
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.returns-collapse .custom-select-wrapper {
  margin-bottom: 24px;
}
.returns-collapse .custom-select-wrapper label {
  font-size: 16px;
  font-weight: 400;
}

.custom-select.shipToCountry {
  line-height: normal;
}

.returns-policy {
  font-weight: 400;
  text-transform: none;
  margin-top: 16px;
}
.returns-policy p:last-child {
  margin-bottom: 0;
}
.returns-policy a {
  text-decoration: underline;
}

.returns-country {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 24px;
  font-family: "neue-haas-grotesk-text", serif;
}

@media (min-width: 769px) {
  .primary-images {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: sticky;
    top: 85px;
  }
}

.service-error {
  color: #c00;
}

.pdp-container {
  max-width: 1447px;
  margin-bottom: 48px;
}
@media (min-width: 769px) {
  .pdp-container {
    margin-bottom: 56px;
  }
}

.size-and-fit {
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  border: none;
  font-size: 10px;
  padding: 2px 8px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
}
.size-and-fit a:hover {
  text-decoration: none;
}

.model-size {
  font-size: 12px;
  font-weight: 400;
  color: #000;
}

.model-info {
  margin-top: 8px;
}

.size,
.sdColourCode,
.sdSizeCode,
.color {
  font-size: 14px;
  font-weight: 500;
  color: #1d1d1d;
  margin-bottom: 8px;
  letter-spacing: 0.12px;
  line-height: 17px;
}
@media (min-width: 544px) {
  .size,
.sdColourCode,
.sdSizeCode,
.color {
    letter-spacing: 0.14px;
    line-height: 19px;
  }
}

.selected-color {
  font-weight: 400;
}

.size,
.sdSizeCode {
  margin-bottom: 0;
}

.attribute .attribute-error {
  margin-top: 24px;
}

.add-to-cart,
.add-to-cart-sticky,
.btn-notify-me,
.btn-shop-similar {
  padding: 16px 32px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  height: unset;
  margin-bottom: 24px;
  margin-top: 24px;
  line-height: 20px;
}
.add-to-cart.giftcard-atb,
.add-to-cart-sticky.giftcard-atb,
.btn-notify-me.giftcard-atb,
.btn-shop-similar.giftcard-atb {
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  .add-to-cart.giftcard-atb,
.add-to-cart-sticky.giftcard-atb,
.btn-notify-me.giftcard-atb,
.btn-shop-similar.giftcard-atb {
    margin-bottom: 15px;
  }
}

.product-add-to-cart-wrapper .wishlist-icon {
  padding-top: 32px;
}
@media (min-width: 769px) {
  .product-add-to-cart-wrapper .wishlist-icon {
    padding-top: 31px;
  }
}

.product-quickview .wishlist-icon {
  padding-top: 27px;
  margin-left: 5px;
}
@media (min-width: 769px) {
  .product-quickview .wishlist-icon {
    padding-top: 31px;
  }
}

.wishlist-icon .wishlistTile {
  border: 1px solid black;
  padding: 16px 3px;
  position: static;
  background-color: #fff;
}

.notify-block .wishlist-icon {
  padding-top: 7px;
}

.btn-notify-me {
  margin-top: 0;
}

.btn-notify-me,
.btn-shop-similar {
  margin-bottom: 0;
}

.notify-me-opt-in .custom-control-label {
  font-size: 12px;
}

.giftcard-disclaimer {
  font-size: 12px;
  font-weight: 400;
  color: #1d1d1d;
  line-height: 140%;
  letter-spacing: 0.12px;
}
@media (min-width: 769px) {
  .giftcard-disclaimer {
    font-size: 14px;
    color: #000;
  }
}

.swatch-slider {
  max-width: 335px;
  padding-top: 0;
}
@media (min-width: 769px) {
  .swatch-slider {
    line-height: 15px;
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 14px;
  }
}
.swatch-slider .slick-track {
  padding: 5px 0 5px 3px;
}

.pdp-container .primary-attributes .product-colors {
  display: none;
}

.swatch-slider:not(.slick-initialized) {
  max-height: 45px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .swatch-slider:not(.slick-initialized) {
    max-height: unset;
    max-width: unset;
    padding: 3px 3px 0;
    overflow: visible;
  }
}

.swatch-slider .slick-arrow {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  outline: 4px solid #fff;
  top: calc(50% - 4px);
  background: #fff;
  cursor: pointer;
  pointer-events: none;
}
.swatch-slider .slick-arrow:focus:not(:focus-visible) {
  outline: 4px solid #fff;
}
.swatch-slider .slick-arrow.slick-prev {
  left: 3px;
}
.swatch-slider .slick-arrow.slick-next {
  right: 6px;
}
.swatch-slider .slick-arrow.slick-disabled + .slick-custom-nav {
  pointer-events: none;
  z-index: 0;
}
.swatch-slider .slick-custom-nav {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 4px;
  z-index: 1;
  cursor: pointer;
}
.swatch-slider .slick-custom-nav.slick-next-overlay {
  right: 6px;
}

.sustainable-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.product-thumbnails-container {
  padding-left: 0;
  display: none;
  position: relative;
}
@media (min-width: 992px) {
  .product-thumbnails-container {
    display: block;
  }
}

.product-quickview .product-thumbnails-container {
  padding-left: 15px;
  padding-right: 0;
}

.primary-images:not(.thumbnails-included) .product-thumbnail-img {
  display: none;
}

.product-thumbnails-list {
  height: 100%;
  max-height: 98%;
  overflow: hidden;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.product-thumbnails-list:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.product-thumbnails-list .product-thumbnail-item {
  cursor: pointer;
}

.product-thumbnails-container .active-slide {
  opacity: 0.4;
}

.product-thumbnails-container .slick-list {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 40px;
}

.product-thumbnails-list.slick-initialized .product-thumbnail-item {
  margin-bottom: 15px;
}

.product-thumbnails-container .thumb-prev-btn::after,
.product-thumbnails-container .thumb-next-btn::after {
  content: none !important;
}

.product-thumbnails-container .thumb-prev-btn,
.product-thumbnails-container .thumb-next-btn {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.product-thumbnails-container .thumb-prev-btn:not(.slick-arrow),
.product-thumbnails-container .thumb-next-btn:not(.slick-arrow) {
  display: none;
}

.product-thumbnails-container .thumb-prev-btn {
  padding: 0.625rem 0;
  width: 48px;
  height: 48px;
  top: 0;
  bottom: auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.product-thumbnails-container .thumb-next-btn {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(60%, 20%);
          transform: translate(60%, 20%);
  background-color: transparent;
}
@media (max-width: 1199.98px) {
  .product-thumbnails-container .thumb-next-btn {
    padding: 0.625rem 0;
    width: 48px;
    height: 48px;
    bottom: -1%;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.primary-attributes {
  padding-left: 15px;
}
@media (min-width: 992px) {
  .primary-attributes {
    padding-left: 28px;
  }
}

#gift-card-outer {
  max-width: none !important;
}
#gift-card-outer .primary-images picture {
  width: 100%;
}
#gift-card-outer .primary-images picture .pdp-image {
  width: 100%;
}

@media (min-width: 992px) {
  .gift-card-wrapper {
    padding-left: 37px;
    padding-right: 50px;
  }
}
.gift-card-wrapper .product-name {
  font-weight: 400;
}
.gift-card-wrapper .custom-product-size-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.gift-card-wrapper .custom-product-size-wrapper.is-invalid {
  outline: 1px solid #df2935;
}
.gift-card-wrapper .custom-product-size-wrapper .gc-amount-btn {
  margin: 0;
}

.product-thumbnails-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 15%;
          flex: 1 0 15%;
  max-width: 15%;
  padding-right: 17px;
}
.product-thumbnails-container .thumb-prev-btn,
.product-thumbnails-container .thumb-next-btn {
  background-color: #fff;
  left: 0;
  width: calc(100% - 17px);
  border-radius: 0;
  -webkit-transform: none;
          transform: none;
}

.product-quickview .thumb-prev-btn,
.product-quickview .thumb-next-btn {
  left: unset;
  right: 0;
  width: calc(100% - 15px);
}
.product-quickview .btn-notify-me {
  margin-bottom: 24px;
}

.rating-name {
  font-size: 16px;
  font-weight: 700;
}

.ratings-reviews .review {
  padding: 3rem 0;
  border-bottom: 1px solid rgba(60, 60, 60, 0.5);
  color: #3c3c3c;
  line-height: 24px;
}
.ratings-reviews .review:first-child {
  padding: 0 0 3rem;
}

.rating-stars {
  margin: 0.5rem 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.rating-stars svg {
  width: 16px;
  height: 16px;
}

.rating-content {
  font-size: 16px;
}

.trust-logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-top: 1.5rem;
  margin-bottom: 3rem;
}

.pagination-btn {
  font-size: 16px;
  padding: 15px 0;
  text-decoration: underline;
  position: relative;
}
.pagination-btn.next-page {
  float: right;
  padding-right: 15px;
}
.pagination-btn.next-page::after {
  content: "";
  background-image: url("../../images/icons/icon-toggleright.svg");
  right: -7px;
}
.pagination-btn.prev-page {
  float: left;
  padding-left: 15px;
}
.pagination-btn.prev-page::before {
  content: "";
  background-image: url("../../images/icons/icon-toggleleft.svg");
  left: -7px;
}
.pagination-btn::after, .pagination-btn::before {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 11px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

@supports (-webkit-touch-callout: none) {
  .slick-active button {
    position: relative;
    top: -3px;
  }
}
.no-stock-message {
  width: 100%;
  display: block;
  text-align: left;
  line-height: 16px;
  margin-top: 0;
}

.attributes .gc-amount-field {
  margin-bottom: 0;
  margin-top: 24px;
}
.attributes .gc-amount-field .gc-wrapper {
  position: relative;
}
.attributes .gc-amount-field .gc-field-symbol {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.attributes .gc-amount-field .form-control-label {
  font-size: 12px;
  font-weight: 500;
  color: #1d1d1d;
  letter-spacing: 0.24px;
  text-transform: capitalize;
  margin-bottom: 8px;
}
@media (min-width: 769px) {
  .attributes .gc-amount-field .form-control-label {
    color: #000;
  }
}
.attributes .gc-amount-field .form-control-label::after {
  content: none;
}
.attributes .gc-amount-field input[type=number] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 15px 15px 15px 25px;
}
.attributes .gc-amount-field input[type=number]::-webkit-inner-spin-button, .attributes .gc-amount-field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  opacity: 1;
}
.attributes .gc-amount-field input[type=number]::-webkit-input-placeholder {
  color: #b7b7b7;
}
.attributes .gc-amount-field input[type=number]::-moz-placeholder {
  color: #b7b7b7;
}
.attributes .gc-amount-field input[type=number]:-ms-input-placeholder {
  color: #b7b7b7;
}
.attributes .gc-amount-field input[type=number]::-ms-input-placeholder {
  color: #b7b7b7;
}
.attributes .gc-amount-field input[type=number]::placeholder {
  color: #b7b7b7;
}

.price .range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 16px;
  font-weight: normal;
}
.price .range .price-container {
  margin-top: 0;
}

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 1170px;
}
.quick-view-dialog .selectable-bonus-product-line-item,
.choose-bonus-product-dialog .selectable-bonus-product-line-item {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  padding-bottom: 0.3em;
  padding-top: 0.3em;
}
.quick-view-dialog .beenSelected,
.choose-bonus-product-dialog .beenSelected {
  background-color: #eee;
}
.quick-view-dialog .full-pdp-link,
.choose-bonus-product-dialog .full-pdp-link {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #000;
  width: 100%;
  display: block;
  text-align: center;
  padding: 16px 0;
}
.quick-view-dialog .full-pdp-link:hover,
.choose-bonus-product-dialog .full-pdp-link:hover {
  text-decoration: none;
}
.quick-view-dialog .product-thumbnails-list,
.choose-bonus-product-dialog .product-thumbnails-list {
  gap: 15px;
}
.quick-view-dialog .product-thumbnails-list .slick-list,
.choose-bonus-product-dialog .product-thumbnails-list .slick-list {
  padding: 0 !important;
}
.quick-view-dialog .add-to-cart,
.quick-view-dialog .update-cart-product-global,
.choose-bonus-product-dialog .add-to-cart,
.choose-bonus-product-dialog .update-cart-product-global {
  padding: 16px 32px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  height: unset;
  margin-bottom: 24px;
  width: 100%;
  margin-top: 24px;
}
.quick-view-dialog .pdp-container,
.choose-bonus-product-dialog .pdp-container {
  margin-bottom: 0;
}
.quick-view-dialog .size-and-fit,
.choose-bonus-product-dialog .size-and-fit {
  display: none;
}
.quick-view-dialog .product-main-attributes,
.choose-bonus-product-dialog .product-main-attributes {
  padding: 44px 0 0;
}
.quick-view-dialog .size-chart-modal .modal-body,
.choose-bonus-product-dialog .size-chart-modal .modal-body {
  padding: 1rem;
}
@media (min-width: 992px) {
  .quick-view-dialog .pdp-slider-container,
.choose-bonus-product-dialog .pdp-slider-container {
    padding: 0 24px 0 15px;
  }
}
.quick-view-dialog .primary-images,
.choose-bonus-product-dialog .primary-images {
  padding: 0;
  position: static;
  padding-top: 44px;
}
.quick-view-dialog .primary-images.gift-card-image-wrapper,
.choose-bonus-product-dialog .primary-images.gift-card-image-wrapper {
  padding-left: 15px;
  padding-right: 24px;
}
.quick-view-dialog .pre-cart-products,
.choose-bonus-product-dialog .pre-cart-products {
  margin-right: 0.125em;
}
.quick-view-dialog .ratings-btn,
.choose-bonus-product-dialog .ratings-btn {
  cursor: initial;
}
.quick-view-dialog .product-add-to-cart-wrapper,
.choose-bonus-product-dialog .product-add-to-cart-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.size-chart-modal .modal-body {
  overflow: hidden;
  padding-top: 0;
}
.size-chart-modal .modal-body iframe {
  width: 100%;
  min-height: 400px;
  overflow: hidden;
}
.size-chart-modal .modal-header {
  border: none;
  padding: 16px;
}

.quick-view-modal .no-stock-message:not(:empty) {
  display: inline-block;
  margin-bottom: 24px;
  text-align: center;
}

.product-tile .tile-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-tile .mobile-quickview-button {
  padding: 0;
  border: none;
  background-color: #fff;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .product-tile .price .range {
    margin-top: 0;
  }
}

.mobile-quick-view-modal .row {
  margin-left: 0;
  margin-right: 0;
}
.mobile-quick-view-modal .col,
.mobile-quick-view-modal .col-12,
.mobile-quick-view-modal .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.mobile-quick-view-modal .quick-view-dialog {
  max-width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  overflow: hidden;
  -webkit-transform: translateY(100%) !important;
          transform: translateY(100%) !important;
}
@media (min-width: 769px) {
  .mobile-quick-view-modal .quick-view-dialog {
    max-width: 960px;
    -webkit-transform: translateX(100%) !important;
            transform: translateX(100%) !important;
  }
}
.mobile-quick-view-modal.open .quick-view-dialog {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
@media (min-width: 769px) {
  .mobile-quick-view-modal.open .quick-view-dialog {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}
.mobile-quick-view-modal .modal-header {
  border: none;
}
.mobile-quick-view-modal .modal-dialog,
.mobile-quick-view-modal .modal-content {
  height: 100%;
}
@media (max-width: 991.98px) {
  .mobile-quick-view-modal .pdp-slider-container,
.mobile-quick-view-modal .modal-body {
    min-height: auto;
  }
  .mobile-quick-view-modal .modal-content {
    padding-bottom: 20px;
    overflow-x: hidden;
  }
  .mobile-quick-view-modal .modal-body {
    padding: 0;
  }
  .mobile-quick-view-modal .product-quickview {
    padding-right: 0;
  }
  .mobile-quick-view-modal .cart-and-ipay {
    width: 100%;
  }
  .mobile-quick-view-modal .primary-images {
    padding-top: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .mobile-quick-view-modal .pdp-slider-container .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mobile-quick-view-modal .pdp-slider-container .slick-slide {
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
  .mobile-quick-view-modal .custom-product-size-wrapper {
    margin-top: 6px;
  }
  .mobile-quick-view-modal .custom-product-size-button:not(.one-size-label) {
    margin-right: 0;
    margin-top: 4px;
  }
  .mobile-quick-view-modal .pdp-images-wrapper {
    margin-right: -20%;
  }
  .mobile-quick-view-modal .static-atb {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .mobile-quick-view-modal .pdp-slider-container .slick-list {
    padding-left: 0 !important;
  }
  .mobile-quick-view-modal .swatch-slider:not(.slick-initialized) {
    padding-top: 10px;
    padding-left: 4px;
    max-height: unset;
  }
  .mobile-quick-view-modal .full-pdp-link {
    margin: 24px 0 60px;
  }
  .mobile-quick-view-modal .prices-add-to-cart-actions {
    bottom: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    width: 100%;
    z-index: 50;
    pointer-events: all;
  }
}
@media (min-width: 769px) {
  .mobile-quick-view-modal .modal-body {
    padding-bottom: 0;
  }
  .mobile-quick-view-modal .primary-images {
    padding-top: 22px;
  }
  .mobile-quick-view-modal .pdp-container {
    max-width: unset;
  }
  .mobile-quick-view-modal .pdp-slider-container {
    padding: 0;
    max-width: 100%;
    margin-right: 20px;
  }
  .mobile-quick-view-modal .pdp-slider-container .slick-slide:not(:first-child) {
    margin-top: 10px;
  }
  .mobile-quick-view-modal .pdp-slider-container .slick-list {
    overflow: visible;
  }
  .mobile-quick-view-modal .swatch-slider {
    max-width: 416px;
    padding-right: 10px;
  }
  .mobile-quick-view-modal .swatch-slider .slick-custom-nav,
.mobile-quick-view-modal .swatch-slider .slick-arrow {
    width: 46px;
    height: 46px;
  }
  .mobile-quick-view-modal .swatch-slider .slick-prev,
.mobile-quick-view-modal .swatch-slider .slick-prev-overlay {
    left: 8px;
  }
  .mobile-quick-view-modal .swatch-slider .slick-next-overlay,
.mobile-quick-view-modal .swatch-slider .slick-next {
    right: 14px;
  }
  .mobile-quick-view-modal .swatch-slider .slick-prev-overlay,
.mobile-quick-view-modal .swatch-slider .slick-next-overlay {
    top: 5px;
  }
  .mobile-quick-view-modal .swatch-slider .slick-prev,
.mobile-quick-view-modal .swatch-slider .slick-next {
    top: 28px;
  }
}
@media (max-width: 375px) {
  .mobile-quick-view-modal .notify-block .wishlistTile {
    display: block;
    max-height: 74px;
  }
  .mobile-quick-view-modal .notify-block .wishlist-icon {
    padding-top: 0;
  }
}

.refinement-bar {
  overflow: auto;
}
.refinement-bar ul {
  padding-left: 0;
}

@media (max-width: 768.98px) {
  .filter-header {
    background-color: transparent;
  }
}

.header-bar {
  background-color: transparent;
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .header-bar {
    padding: 0.938em 2.813em;
  }
}
@media (max-width: 543.98px) {
  .header-bar {
    padding: 0.938em;
  }
}
.header-bar button.close {
  font-size: 1rem;
  font-weight: normal;
  opacity: 1;
  border: none;
  background-color: transparent;
}
.header-bar .fa.fa-close::before {
  font-size: 1.25em;
}

.refinement-bar .swatch-circle::before {
  visibility: hidden;
}

.count-filter {
  top: 0;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
  gap: 20px;
}

.refinement-bar .filter-bar .reset {
  display: none;
}

.result-count .desktop-filter-bar {
  padding-left: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 24px;
}
.result-count .desktop-filter-bar .filtered-by {
  display: none;
}
.result-count .desktop-filter-bar ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.result-count .desktop-filter-bar .reset {
  width: auto;
  border: none;
  text-decoration: underline;
  white-space: nowrap;
}

.refinements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #000;
}
.refinements .header,
.refinements .values {
  padding: 0.313em 0;
}
.refinements .header {
  color: #444;
  font-size: 1.125em;
}
.refinements ul {
  overflow-y: none;
}
.refinements ul li button {
  background-color: transparent;
  border: none;
  color: var(--skin-link-color-1);
  padding: 0;
}
.refinements ul li .square {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 5px;
  border: 1px solid #b7b7b7;
}
.refinements ul li .square.checked {
  background-color: #000;
  position: relative;
}
.refinements ul li .square.checked svg {
  position: absolute;
  top: 2px;
  left: 2px;
}
.refinements ul li .refinement-value {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.14px;
}
.refinements li {
  list-style-type: none;
  padding-left: 0;
}
.refinements li.color-attribute {
  display: inline-block;
  padding-left: 0;
  width: 48px;
  margin-bottom: 0;
}
.refinements li.color-attribute button {
  width: 100%;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.refinements li.color-attribute button .color-name-wrapper {
  margin-top: 0;
  line-height: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.refinements li.color-attribute button .color-name {
  margin: auto;
  color: #1d1d1d;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: 0.12px;
}
.refinements li.color-attribute button .swatch-mark {
  width: 40px;
  height: 40px;
  margin: auto;
}
.refinements li.color-attribute button .swatch-mark.color-value.selected::after {
  display: none;
}
.refinements li.color-attribute button .swatch-mark-wrapper {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: auto;
  position: relative;
  border-radius: 50%;
  border: none;
  overflow: hidden;
  padding: 3px;
}
.refinements li.color-attribute button .swatch-mark-wrapper.checked {
  border: 1px solid #000;
}
.refinements li.color-attribute button .swatch-mark-wrapper .show-check-icon {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 0;
  height: 0;
  display: inline-block;
}
.refinements li.color-attribute button .swatch-mark-wrapper .show-check-icon svg {
  width: 16px;
  height: 16px;
}
.refinements li.color-attribute button .swatch-mark-wrapper .white-icon-check svg {
  -webkit-filter: invert(1);
          filter: invert(1);
  width: 16px;
  height: 16px;
}
.refinements li.disabled {
  opacity: 0.5;
}
.refinements .card-header h2 {
  font-size: 14px;
  letter-spacing: 0.14px;
  font-weight: 500;
  color: #2b2b2b;
  font-family: "neue-haas-grotesk-text", serif;
  margin-bottom: 0;
}

.secondary-bar {
  overflow: auto;
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .secondary-bar {
    padding: 0.938em 2.813em;
  }
}
@media (max-width: 543.98px) {
  .secondary-bar {
    padding: 0.938em;
  }
}
@media (max-width: 768.98px) {
  .secondary-bar button.reset {
    float: right;
  }
}

.refinement-header {
  overflow: auto;
}

.disabled {
  pointer-events: none;
}

.grid-header,
.content-grid-header {
  margin-bottom: 1em;
  margin-top: 1em;
}
@media (max-width: 543.98px) {
  .grid-header .result-count,
.content-grid-header .result-count {
    padding-bottom: 0.938em;
  }
}
.grid-header .filter-results,
.content-grid-header .filter-results {
  padding: 16px;
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #1d1d1d;
  background-color: transparent;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.grid-header .product-filter-icon,
.content-grid-header .product-filter-icon {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.4px;
  margin-right: 10px;
}
.grid-header select,
.content-grid-header select {
  width: 100%;
}

.result-count {
  font-size: 0.875rem;
}

.refinement-card-body {
  padding-bottom: 18px;
}
.refinement-card-body ul.values:not(.refinement-colors-wrapper) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.refinement-card-body ul.values:not(.refinement-colors-wrapper) li {
  width: 100%;
}
.refinement-card-body ul.values:not(.refinement-colors-wrapper) button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.refinement-card-body ul.values:not(.refinement-colors-wrapper) button span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.search-banner {
  background-image: url("../images/search.jpg");
  background-position-y: 40%;
}

.search-keywords {
  font-weight: bold;
}

.filter-bar {
  padding-left: 10px;
}
.filter-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 24px;
  gap: 8px;
}
.filter-bar li {
  list-style: none;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 15px;
  background: #1d1d1d;
  position: relative;
  background: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
.filter-bar li.filter-value button, .filter-bar li.swatch-filter button {
  border: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  padding-right: 3px;
}
.filter-bar li.filter-value .filter-value-text, .filter-bar li.swatch-filter .filter-value-text {
  display: inline-block;
}
.filter-bar li .filter-value-remove {
  width: 8px;
  height: 8px;
  line-height: 0;
}
.filter-bar li .filter-value-remove svg {
  width: 8px;
  height: 8px;
}

.tab-content {
  max-width: 1440px;
  margin: auto;
  padding: 0;
}
@media (max-width: 543.98px) {
  .tab-content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0.938em;
  }
  .product-grid .col-6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.search-tips {
  margin-top: 1.875rem;
  text-align: left;
}

.category-item {
  margin-bottom: 0.938rem;
}

.show-more,
.show-more-content {
  clear: both;
  padding: 0.938em;
}

.swatch-mark.color-value[data-selected=true]::after, .swatch-mark.color-value.selected::after, .swatch-mark.sdColourCode-value[data-selected=true]::after, .swatch-mark.sdColourCode-value.selected::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../../images/icons/swatch-check.svg");
  position: absolute;
  top: 10px;
  left: 10px;
}
@media (min-width: 769px) {
  .swatch-mark.color-value[data-selected=true]::after, .swatch-mark.color-value.selected::after, .swatch-mark.sdColourCode-value[data-selected=true]::after, .swatch-mark.sdColourCode-value.selected::after {
    top: 14px;
    left: 14px;
  }
}
.swatch-mark.color-value.selected.swatch-mark-black::after {
  background-image: url("../../images/icons/swatch-check-black.svg");
}
.swatch-mark.color-value[data-selected=true]::before, .swatch-mark.color-value.selected::before, .swatch-mark.sdColourCode-value[data-selected=true]::before, .swatch-mark.sdColourCode-value.selected::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 44px;
  position: absolute;
  border: 1px solid #000;
  top: -4px;
  left: -4px;
  border-radius: 50%;
}
@media (min-width: 769px) {
  .swatch-mark.color-value[data-selected=true]::before, .swatch-mark.color-value.selected::before, .swatch-mark.sdColourCode-value[data-selected=true]::before, .swatch-mark.sdColourCode-value.selected::before {
    width: 52px;
    height: 52px;
  }
}

.search-nav {
  border-bottom: 0.063em solid #ccc;
  margin-bottom: 1em;
}
.search-nav .nav-tabs-wrapper {
  padding: 0;
}
@media (max-width: 543.98px) {
  .search-nav .nav-tabs-wrapper {
    width: 100%;
  }
}
.search-nav .nav-tabs-wrapper .nav-tabs {
  border-bottom: 0 none;
}
.search-nav .nav-link:focus {
  background-color: #f9f9f9;
}

.product-options .quantity {
  bottom: 0;
  position: absolute;
  right: 0;
}

.refinements-bar-content {
  position: relative;
  padding: 56px 32px 20px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  background: #fafafa;
}
@media (min-width: 992px) {
  .refinements-bar-content {
    overflow-y: auto;
  }
}

.refinement-reset-apply-wrapper {
  padding: 24px 32px;
  background: #fafafa;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-box-shadow: 4px 0 5px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 4px 0 5px 3px rgba(0, 0, 0, 0.05);
}

.refinement-bar-wrapper {
  position: relative;
  height: 100%;
  padding-bottom: 144px;
}

.filtered-by {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-top: 18px;
  display: block;
}

.apply-filter {
  border: none;
}
.apply-filter:hover {
  border: none;
}

.custom-reset-button {
  padding: 10px;
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #b7b7b7;
  background-color: transparent;
  height: 40px;
  width: 100%;
}

.filter-bar .custom-reset-button {
  padding: 0 10px;
  height: 28px;
}

.refinement-card-wrapper {
  border-bottom: 1px solid #b7b7b7;
  padding: 0 10px;
  margin-bottom: 0;
}

.chevron-icons {
  position: absolute;
  right: 0;
  top: 14px;
}

.refinement-card-header {
  cursor: pointer;
  padding: 18px 0;
}

@media (max-width: 768.98px) {
  .collapsible-sm .card-body,
.collapsible-md .card-body {
    display: block;
  }
  .collapsible-sm.active .card-body,
.collapsible-md.active .card-body {
    display: block;
  }
}
.refinement-colors-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  row-gap: 16px;
}
@media (min-width: 544px) {
  .refinement-colors-wrapper {
    gap: 27px;
  }
}

.custom-sort-order {
  padding: 14px 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.16px;
  height: 48px;
  margin-top: 1px;
  border: unset;
  color: #1d1d1d;
}

.breadcrumbs-wrapper {
  padding-top: 0;
}
@media (min-width: 769px) {
  .breadcrumbs-wrapper {
    padding-top: 24px;
  }
}
.breadcrumbs-wrapper .breadcrumb-item-text {
  font-size: 12px;
}

.search-results {
  max-width: 2200px;
  width: 100%;
  margin: auto;
  padding: 0;
}
.search-results .plp-header,
.search-results .search-result-count-wrapper {
  margin: 0;
  padding: 20px 0 6px;
}
@media (min-width: 769px) {
  .search-results .plp-header,
.search-results .search-result-count-wrapper {
    padding: 22px 0 30px;
  }
}
.search-results .plp-header {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 769px) {
  .search-results .plp-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.search-results .plp-header .results-wrapper {
  height: 20px;
}
.search-results .search-result-count {
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 8px;
}
.search-results .no-results-wrapper .search-result-count {
  font-size: 24px;
  text-transform: none;
}
@media (min-width: 992px) {
  .search-results .no-results-wrapper .search-result-count {
    font-size: 30px;
  }
}
.search-results .plp-title {
  font: normal 400 24px/29px "utopia-std", serif;
  color: #000;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .search-results .plp-title {
    font-size: 40px;
  }
}
.search-results .grid-header {
  margin: 0;
}
.search-results .title-wrapper {
  margin-bottom: 0;
}
.search-results .result-count {
  padding: 0;
}
.search-results .grid-footer {
  margin: 40px auto 0;
}
.search-results .grid-footer .show-more {
  padding: 20px;
}
.search-results .grid-footer .show-more .more {
  padding: 10px 32px;
  height: 48px;
}
.search-results .grid-footer .show-amount-text {
  color: #3c3c3c;
}
.search-results .category-description-wrapper {
  padding: 20px 15px;
  font-size: 11px;
  color: #3c3c3c;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: 0.14px;
  margin: 0;
  line-height: 140%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .search-results .category-description-wrapper {
    font-size: 14px;
  }
}

.search-results .no-results-wrapper {
  padding-top: 4px;
  padding-bottom: 20px;
}
@media (min-width: 769px) {
  .search-results .no-results-wrapper {
    padding-top: 32px;
  }
}

.search-results .found-results-wrapper {
  padding-top: 4px;
  padding-bottom: 32px;
}
@media (min-width: 769px) {
  .search-results .found-results-wrapper {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}

.plp-filter-block .product-filter-icon {
  display: none;
}
.plp-filter-block .custom-sort-order {
  text-transform: uppercase;
  font-family: inherit;
  color: #000;
  font-weight: 500;
}
.plp-filter-block .sort-order-wrapper {
  position: relative;
}
.plp-filter-block .sort-order-wrapper svg {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  width: 16px;
}
.plp-filter-block .sort-order-wrapper .custom-sort-order {
  outline: none;
  border: 1px solid #1d1d1d;
  margin-top: 0;
}
.plp-filter-block .sort-order-wrapper .custom-sort-order:focus ~ svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.plp-filter-block .plp-mobile-filter-btn button {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #000;
}
.plp-filter-block .plp-mobile-filter-btn svg {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
}

.filter-header {
  font-size: 24px;
  font-weight: 400;
  color: #000;
  margin-bottom: 24px;
  letter-spacing: 0.48px;
  font-family: "utopia-std", serif;
}

.product-filter-header-close {
  background: #fafafa;
  padding: 0;
  border: 0;
  width: 16px;
  height: 16px;
  line-height: 0;
  position: fixed;
  top: 20px;
  right: 32px;
  z-index: 10;
}
@media (min-width: 769px) {
  .product-filter-header-close {
    right: 49px;
  }
}

.sort-order-menu-wrapper .chevron-icons {
  position: absolute;
  right: 10px;
  top: 11px;
  pointer-events: none;
}

.plp-top {
  padding: 10px 20px 20px;
}
@media (min-width: 769px) {
  .plp-top {
    padding: 0 50px 16px;
  }
}

.open-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  padding: 10px 25px;
  width: 100%;
  border: 1px solid #b7b7b7;
}
.open-filters:not(.btn-primary--dark-hover-bright):not(:hover) {
  color: #2b2b2b;
}
@media (min-width: 769px) {
  .open-filters {
    width: unset;
  }
}
.open-filters .open-filters-hovered {
  display: none;
}
.open-filters:hover .open-filters-default {
  display: none;
}
.open-filters:hover .open-filters-hovered {
  display: block;
}

.refinement-bar {
  position: fixed;
  right: -100%;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
  top: 0;
  background: #fff;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  z-index: 10;
}
@media (min-width: 992px) {
  .refinement-bar {
    max-width: 450px;
  }
}
.refinement-bar.open {
  right: 0;
}

.search-results .results-found {
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
  color: #000;
  text-transform: unset;
}
@media (min-width: 992px) {
  .search-results .results-found {
    font-size: 30px;
    line-height: 33px;
  }
}

.chips-count {
  position: relative;
  bottom: 1px;
}

.sticky-filters {
  position: fixed;
  top: 0;
  z-index: 4;
  background: #fff;
  width: 100%;
  padding: 12px 20px;
  left: 0;
}
@media (min-width: 992px) {
  .sticky-filters {
    position: initial;
    padding: initial;
  }
}
.sticky-filters.with-header {
  top: 99px;
  border-top: 1px solid #e5e5e5;
  z-index: 3;
}

.filter-bar-with-category-buttons {
  margin-top: 24px;
}

.filter-bar-content {
  top: 0;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}

.selector-overlay {
  -webkit-transition: background-color 0s linear;
  transition: background-color 0s linear;
}

@media (min-width: 992px) {
  .sticky-bar {
    position: fixed;
    top: 0;
    z-index: 3;
    background: #fff;
    width: 100%;
    padding: 16px 50px;
    left: 0;
    margin: 0;
  }
}
.sticky-bar.with-header {
  top: 81px;
}
@media (min-width: 1440px) {
  .sticky-bar.with-header {
    top: 88px;
  }
}

.category-buttons-wrapper {
  padding: 10px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: scroll;
  width: 100vw;
  margin-left: -20px;
  padding-left: 20px;
  padding-right: 20px;
  scrollbar-width: none;
}
@media (min-width: 769px) {
  .category-buttons-wrapper {
    gap: 15px;
    width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: unset;
    overflow: unset;
    margin: unset;
    margin-top: 8px;
  }
}

.chips-filter-bar {
  display: contents;
}
@media (min-width: 992px) {
  .chips-filter-bar {
    display: initial;
  }
}

.result-count .plp-category-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.plp-category-button,
.refinements .plp-category-button {
  padding: 13px 20px;
  line-height: 12px;
  min-height: auto;
  font-size: 11px;
  font-weight: 500;
  color: #1d1d1d;
  border-radius: 50px;
  border: 1px solid #e5e5e5;
  text-transform: unset;
}
@media (min-width: 992px) {
  .plp-category-button,
.refinements .plp-category-button {
    font-size: 12px;
    padding: 16px 25px;
    line-height: 6px;
  }
}
.plp-category-button.active,
.refinements .plp-category-button.active {
  background: #e5e5e5;
}

.product-grid-wrapper .product-grid:not(:first-child) {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .product-grid-wrapper .product-grid:not(:first-child) {
    margin-top: 30px;
  }
}

/*# sourceMappingURL=./search.css.map*/