/*

+----------------------+--------+----------+----------------+----------------+----------------+----------------+
|        Device        | Mobile |  Tablet  | Desktop        | Desktop        | Desktop        | Desktop        |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+
| Syntax               | XS     | S        | M              | L              | XL             | XXL            |
| Min-Max              | 0-767  | 768-1150 | 1151-1280      | 1281-1366      | 1367-1536      | 1537+          |
| Navigation           | Mobile | Mobile   | Desktop        | Desktop        | Desktop        | Desktop        |
| Navigation Max Width | 100%   | 100%     | 100%           | 100%           | 100%           | 1422px         |
| Image Usage          | Mobile | Tablet   | Desktop        | Desktop        | Desktop        | Desktop        |
| Max Width            | 100%   | 100%     | 1204px         | 94%            | 94%            | 94%            |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+

*/
/*

+----------------------+--------+----------+----------------+----------------+----------------+----------------+
|        Device        | Mobile |  Tablet  | Desktop        | Desktop        | Desktop        | Desktop        |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+
| Syntax               | XS     | S        | M              | L              | XL             | XXL            |
| Min-Max              | 0-767  | 768-1150 | 1151-1280      | 1281-1366      | 1367-1536      | 1537+          |
| Navigation           | Mobile | Mobile   | Desktop        | Desktop        | Desktop        | Desktop        |
| Navigation Max Width | 100%   | 100%     | 100%           | 100%           | 100%           | 1422px         |
| Image Usage          | Mobile | Tablet   | Desktop        | Desktop        | Desktop        | Desktop        |
| Max Width            | 100%   | 100%     | 1204px         | 94%            | 94%            | 94%            |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+

*/
.swatch-circle {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FFF;
  border-radius: 50%;
  display: block;
  position: relative;
  border: 1px solid #101010;
}
.swatch-circle.disabled {
  opacity: 0.2;
}

.swatch-circle-beige {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F5F5DC;
  border-radius: 50%;
}

.swatch-filter-beige {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F5F5DC;
  border-radius: 50%;
  background-color: #F5F5DC;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled, .swatch-filter-beige.unselectable {
  opacity: 0.2;
}
.swatch-filter-beige.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-black {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #0F0E0C;
  border-radius: 50%;
}

.swatch-filter-black {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #0F0E0C;
  border-radius: 50%;
  background-color: #0F0E0C;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled, .swatch-filter-black.unselectable {
  opacity: 0.2;
}
.swatch-filter-black.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-blue {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #4C6478;
  border-radius: 50%;
}

.swatch-filter-blue {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #4C6478;
  border-radius: 50%;
  background-color: #4C6478;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled, .swatch-filter-blue.unselectable {
  opacity: 0.2;
}
.swatch-filter-blue.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-brown {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #A67D5D;
  border-radius: 50%;
}

.swatch-filter-brown {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #A67D5D;
  border-radius: 50%;
  background-color: #A67D5D;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled, .swatch-filter-brown.unselectable {
  opacity: 0.2;
}
.swatch-filter-brown.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-green {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #7A826B;
  border-radius: 50%;
}

.swatch-filter-green {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #7A826B;
  border-radius: 50%;
  background-color: #7A826B;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled, .swatch-filter-green.unselectable {
  opacity: 0.2;
}
.swatch-filter-green.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-grey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #ABABAB;
  border-radius: 50%;
}

.swatch-filter-grey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #ABABAB;
  border-radius: 50%;
  background-color: #ABABAB;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled, .swatch-filter-grey.unselectable {
  opacity: 0.2;
}
.swatch-filter-grey.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-gray {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #ABABAB;
  border-radius: 50%;
}

.swatch-filter-gray {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #ABABAB;
  border-radius: 50%;
  background-color: #ABABAB;
  display: block;
  position: relative;
}
.swatch-filter-gray.disabled, .swatch-filter-gray.unselectable {
  opacity: 0.2;
}
.swatch-filter-gray.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-navy {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: navy;
  border-radius: 50%;
}

.swatch-filter-navy {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: navy;
  border-radius: 50%;
  background-color: navy;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled, .swatch-filter-navy.unselectable {
  opacity: 0.2;
}
.swatch-filter-navy.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-orange {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #E7A73B;
  border-radius: 50%;
}

.swatch-filter-orange {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #E7A73B;
  border-radius: 50%;
  background-color: #E7A73B;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled, .swatch-filter-orange.unselectable {
  opacity: 0.2;
}
.swatch-filter-orange.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-pink {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FDCAC6;
  border-radius: 50%;
}

.swatch-filter-pink {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FDCAC6;
  border-radius: 50%;
  background-color: #FDCAC6;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled, .swatch-filter-pink.unselectable {
  opacity: 0.2;
}
.swatch-filter-pink.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-purple {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #B13E65;
  border-radius: 50%;
}

.swatch-filter-purple {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #B13E65;
  border-radius: 50%;
  background-color: #B13E65;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled, .swatch-filter-purple.unselectable {
  opacity: 0.2;
}
.swatch-filter-purple.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-red {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #B43F3F;
  border-radius: 50%;
}

.swatch-filter-red {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #B43F3F;
  border-radius: 50%;
  background-color: #B43F3F;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled, .swatch-filter-red.unselectable {
  opacity: 0.2;
}
.swatch-filter-red.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-white {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F6F5F1;
  border-radius: 50%;
}

.swatch-filter-white {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F6F5F1;
  border-radius: 50%;
  background-color: #F6F5F1;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled, .swatch-filter-white.unselectable {
  opacity: 0.2;
}
.swatch-filter-white.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-yellow {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F6DC8B;
  border-radius: 50%;
}

.swatch-filter-yellow {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #F6DC8B;
  border-radius: 50%;
  background-color: #F6DC8B;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled, .swatch-filter-yellow.unselectable {
  opacity: 0.2;
}
.swatch-filter-yellow.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-neutral {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FFF5EE;
  border-radius: 50%;
}

.swatch-filter-neutral {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FFF5EE;
  border-radius: 50%;
  background-color: #FFF5EE;
  display: block;
  position: relative;
}
.swatch-filter-neutral.disabled, .swatch-filter-neutral.unselectable {
  opacity: 0.2;
}
.swatch-filter-neutral.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-gold {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FFD700;
  border-radius: 50%;
}

.swatch-filter-gold {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #FFD700;
  border-radius: 50%;
  background-color: #FFD700;
  display: block;
  position: relative;
}
.swatch-filter-gold.disabled, .swatch-filter-gold.unselectable {
  opacity: 0.2;
}
.swatch-filter-gold.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-silver {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #C0C0C0;
  border-radius: 50%;
}

.swatch-filter-silver {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #C0C0C0;
  border-radius: 50%;
  background-color: #C0C0C0;
  display: block;
  position: relative;
}
.swatch-filter-silver.disabled, .swatch-filter-silver.unselectable {
  opacity: 0.2;
}
.swatch-filter-silver.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-tan {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #D2B48C;
  border-radius: 50%;
}

.swatch-filter-tan {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #D2B48C;
  border-radius: 50%;
  background-color: #D2B48C;
  display: block;
  position: relative;
}
.swatch-filter-tan.disabled, .swatch-filter-tan.unselectable {
  opacity: 0.2;
}
.swatch-filter-tan.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-indigo {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #001A41;
  border-radius: 50%;
}

.swatch-filter-indigo {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #001A41;
  border-radius: 50%;
  background-color: #001A41;
  display: block;
  position: relative;
}
.swatch-filter-indigo.disabled, .swatch-filter-indigo.unselectable {
  opacity: 0.2;
}
.swatch-filter-indigo.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-heather-grey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #C7C7C7;
  border-radius: 50%;
}

.swatch-filter-heather-grey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #C7C7C7;
  border-radius: 50%;
  background-color: #C7C7C7;
  display: block;
  position: relative;
}
.swatch-filter-heather-grey.disabled, .swatch-filter-heather-grey.unselectable {
  opacity: 0.2;
}
.swatch-filter-heather-grey.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-camo {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #9D9684;
  border-radius: 50%;
}

.swatch-filter-camo {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #9D9684;
  border-radius: 50%;
  background-color: #9D9684;
  display: block;
  position: relative;
}
.swatch-filter-camo.disabled, .swatch-filter-camo.unselectable {
  opacity: 0.2;
}
.swatch-filter-camo.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-wine {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #501D27;
  border-radius: 50%;
}

.swatch-filter-wine {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #501D27;
  border-radius: 50%;
  background-color: #501D27;
  display: block;
  position: relative;
}
.swatch-filter-wine.disabled, .swatch-filter-wine.unselectable {
  opacity: 0.2;
}
.swatch-filter-wine.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-rust {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #844735;
  border-radius: 50%;
}

.swatch-filter-rust {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #844735;
  border-radius: 50%;
  background-color: #844735;
  display: block;
  position: relative;
}
.swatch-filter-rust.disabled, .swatch-filter-rust.unselectable {
  opacity: 0.2;
}
.swatch-filter-rust.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-jewel {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #244355;
  border-radius: 50%;
}

.swatch-filter-jewel {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #244355;
  border-radius: 50%;
  background-color: #244355;
  display: block;
  position: relative;
}
.swatch-filter-jewel.disabled, .swatch-filter-jewel.unselectable {
  opacity: 0.2;
}
.swatch-filter-jewel.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-olive {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #48522C;
  border-radius: 50%;
}

.swatch-filter-olive {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #48522C;
  border-radius: 50%;
  background-color: #48522C;
  display: block;
  position: relative;
}
.swatch-filter-olive.disabled, .swatch-filter-olive.unselectable {
  opacity: 0.2;
}
.swatch-filter-olive.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-midnight {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #8090B1;
  border-radius: 50%;
}

.swatch-filter-midnight {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #8090B1;
  border-radius: 50%;
  background-color: #8090B1;
  display: block;
  position: relative;
}
.swatch-filter-midnight.disabled, .swatch-filter-midnight.unselectable {
  opacity: 0.2;
}
.swatch-filter-midnight.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-honey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #DFAE69;
  border-radius: 50%;
}

.swatch-filter-honey {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #DFAE69;
  border-radius: 50%;
  background-color: #DFAE69;
  display: block;
  position: relative;
}
.swatch-filter-honey.disabled, .swatch-filter-honey.unselectable {
  opacity: 0.2;
}
.swatch-filter-honey.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-dark-tan {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #834438;
  border-radius: 50%;
}

.swatch-filter-dark-tan {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #834438;
  border-radius: 50%;
  background-color: #834438;
  display: block;
  position: relative;
}
.swatch-filter-dark-tan.disabled, .swatch-filter-dark-tan.unselectable {
  opacity: 0.2;
}
.swatch-filter-dark-tan.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-dark-brown {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #403232;
  border-radius: 50%;
}

.swatch-filter-dark-brown {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #403232;
  border-radius: 50%;
  background-color: #403232;
  display: block;
  position: relative;
}
.swatch-filter-dark-brown.disabled, .swatch-filter-dark-brown.unselectable {
  opacity: 0.2;
}
.swatch-filter-dark-brown.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-dark-blue {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #272A37;
  border-radius: 50%;
}

.swatch-filter-dark-blue {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #272A37;
  border-radius: 50%;
  background-color: #272A37;
  display: block;
  position: relative;
}
.swatch-filter-dark-blue.disabled, .swatch-filter-dark-blue.unselectable {
  opacity: 0.2;
}
.swatch-filter-dark-blue.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.swatch-circle-burgundy {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #812A2E;
  border-radius: 50%;
}

.swatch-filter-burgundy {
  /* border: 0.063em solid rgba(0, 0, 0, 0.3); */
  width: 1.5rem;
  height: 1.5rem;
  background: #812A2E;
  border-radius: 50%;
  background-color: #812A2E;
  display: block;
  position: relative;
}
.swatch-filter-burgundy.disabled, .swatch-filter-burgundy.unselectable {
  opacity: 0.2;
}
.swatch-filter-burgundy.selected {
  border: 1px solid #FFF;
  outline: 0.5px solid #101010;
}

.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: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  display: block;
  height: 1.5rem;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 1.5rem;
}
.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 {
  font-size: 1.75rem;
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
  color: #FFF;
}
.category-tile::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  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%);
}

.compare-bar-wrapper {
  border: 1px solid #333;
  bottom: 0;
  display: none;
  position: fixed;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
}
.compare-bar-wrapper .product-slots {
  height: 6.25em;
}
.compare-bar-wrapper .slot {
  background-color: #222;
  height: 5em;
  margin: 0 auto;
  position: relative;
  width: 6.788em;
  border-radius: 3px;
}
.compare-bar-wrapper .slot:not([data-pid]) {
  border: 1px dashed #ccc;
}
.compare-bar-wrapper .slot img {
  float: left;
  height: 100%;
  position: static;
  border-radius: 3px 0 0 3px;
}
.compare-bar-wrapper .slot i {
  color: #666;
  font-size: 1rem;
  position: relative;
}
.compare-bar-wrapper .slot .close {
  background-color: #EEE;
  height: 100%;
  width: 25%;
  border-radius: 0 3px 3px 0;
  opacity: 1;
}
.compare-bar-wrapper .slot .action {
  text-align: center;
}
.compare-bar-wrapper .clear-all {
  color: #EEE;
}
.compare-bar-wrapper .min-products-msg {
  color: #FFF;
  font-size: 0.75em;
  line-height: 1.375rem;
  padding: 0.438rem;
}

.product-comparison .back-to-results {
  margin: 1em 0;
}
.product-comparison .product-header > .col {
  padding: 0;
}

.product-tile .tile-body .compare {
  font-size: 0.875em;
}

.table-striped-column td:nth-of-type(odd) {
  background-color: #EEE;
}

/*

+----------------------+--------+----------+----------------+----------------+----------------+----------------+
|        Device        | Mobile |  Tablet  | Desktop        | Desktop        | Desktop        | Desktop        |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+
| Syntax               | XS     | S        | M              | L              | XL             | XXL            |
| Min-Max              | 0-767  | 768-1150 | 1151-1280      | 1281-1366      | 1367-1536      | 1537+          |
| Navigation           | Mobile | Mobile   | Desktop        | Desktop        | Desktop        | Desktop        |
| Navigation Max Width | 100%   | 100%     | 100%           | 100%           | 100%           | 1422px         |
| Image Usage          | Mobile | Tablet   | Desktop        | Desktop        | Desktop        | Desktop        |
| Max Width            | 100%   | 100%     | 1204px         | 94%            | 94%            | 94%            |
+----------------------+--------+----------+----------------+----------------+----------------+----------------+

*/
.experience-dynamic-sitemap a,
.experience-dynamic-sitemap1r3c a {
  text-decoration: none;
}

.experience-dynamic-sitemap li,
.search-results .experience-dynamic-sitemap__ul--style li {
  list-style-type: none;
}

.nav-categories-sitemap_item,
.nav-categories-sitemap_item_subcategories_item {
  list-style-type: none;
}

.experience-dynamic-sitemap__ul--style {
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  list-style-type: none;
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style {
  list-style-type: none;
  padding: 0 0 1rem;
}
@media (max-width: 1150.98px) {
  .experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style {
    padding: 0 0 0.5rem;
  }
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__a {
  display: block;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__a--style {
  padding: 0 0 1rem;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1;
  font-family: "Barlow", "Arial", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__a--style:hover {
  text-decoration: underline;
  text-decoration-color: #000;
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__a--style:focus, .experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__a--style:active {
  text-decoration: underline;
  font-weight: 700;
}
.experience-dynamic-sitemap__ul--style .experience-dynamic-sitemap__li--style .experience-dynamic-sitemap__inner-ul--style {
  padding: 0;
  list-style-type: none;
}

.experience-dynamic-sitemap__master-column--style {
  padding-top: 30px;
  padding-bottom: 30px;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style {
  font-family: "Barlow", "Arial", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  color: #000;
  padding: 0.5rem 0;
  font-size: 1rem;
  line-height: 1;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style:not(.experience-dynamic-sitemap__a) {
  letter-spacing: 0.01em;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style:hover {
  text-decoration: underline;
  text-decoration-color: #000;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style:focus, .experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style:active {
  text-decoration: underline;
  font-weight: 700;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a--style:not(.font-weight-bold) {
  font-weight: 400;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a {
  font-size: 1.125rem !important;
  line-height: 1.2 !important;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a::after {
  content: "";
  display: block;
  width: 70%;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 0;
  margin-left: 0;
  border-bottom: 1px solid #000;
}
.experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__column--style {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 1150.98px) {
  .experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a::after {
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 1280.98px) {
  .experience-dynamic-sitemap__ul--style {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .experience-dynamic-sitemap__master-column--style .experience-dynamic-sitemap__a::after {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 1151px) {
  .experience-dynamic-sitemap__ul--style {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
  }
}
.plp-banner .plp-banner__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

#toggle-filter-drawer .collapsed {
  display: none;
}
#toggle-filter-drawer.collapsed .collapsed {
  display: inline;
}
#toggle-filter-drawer.collapsed .expanded {
  display: none;
}

.refinement-bar {
  -webkit-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: auto;
  width: 100%;
}
.refinement-bar ul {
  padding-left: 0;
}
@media (max-width: 1150.98px) {
  .refinement-bar {
    background-color: #FFF;
    -webkit-box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
            box-shadow: 0 0.313em 0.938em rgba(0, 0, 0, 0.5);
    display: block !important;
    left: -105%;
    position: fixed;
    top: 0;
    z-index: 1080;
    height: 100%;
    right: calc(100% + 2rem);
  }
  .refinement-bar.open {
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1150.98px) {
  .refinement-bar {
    width: 50%;
    left: -55%;
  }
  .refinement-bar.open {
    left: 0;
  }
}
@media (min-width: 1151px) {
  .refinement-bar {
    display: block !important;
  }
  .refinement-bar.collapsed {
    margin-right: -25%;
    -webkit-transform: translateX(-30vw);
            transform: translateX(-30vw);
  }
}
.refinement-bar__show-button {
  position: sticky;
  bottom: 0;
  background: #FFF;
}
.refinement-bar .filter-header {
  position: sticky;
  top: -1rem;
  z-index: 5;
  background: #FFF;
}

.header-bar button.close {
  font-size: 1rem;
  font-weight: normal;
  opacity: 1;
}
.header-bar .fa.fa-close::before {
  font-size: 1.25em;
}

@media (max-width: 1366.98px) {
  .clear__filters--style {
    margin: 1em 1em 0;
  }
}
.refinements .refinement__header button span {
  color: #101010;
  line-height: 1.5;
}
.refinements .refinement__header button:focus, .refinements .refinement__header button.focus {
  outline: 0.5px dashed #101010;
}
.refinements .header,
.refinements .values {
  margin: 0 0 1.5rem;
}
@media (min-width: 768px) and (max-width: 1150.98px) {
  .refinements .header li,
  .refinements .values li {
    display: inline-block;
  }
}
.refinements .header {
  font-size: 1.125em;
  color: #444;
}
.refinements li button:not(.filter__button--style),
.refinements li button:not(.filter__button--style) + span {
  border: none;
  color: #101010;
  background-color: transparent;
}
.refinements li.filter__booleanrefinementvalue--style button,
.refinements li.filter__booleanrefinementvalue--style button + span, .refinements li.filter__booleanrefinementvalue--style + span button,
.refinements li.filter__booleanrefinementvalue--style + span button + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: none;
  color: #101010;
  background-color: transparent;
}
.refinements li.filter__booleanrefinementvalue--style button:hover .filter__box--style, .refinements li.filter__booleanrefinementvalue--style button.hover .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span:hover .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span.hover .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button:hover .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button.hover .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span:hover .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span.hover .filter__box--style {
  border: 2px solid #101010;
}
.refinements li.filter__booleanrefinementvalue--style button:hover + span,
.refinements li.filter__booleanrefinementvalue--style button + span:hover + span, .refinements li.filter__booleanrefinementvalue--style + span button:hover + span,
.refinements li.filter__booleanrefinementvalue--style + span button + span:hover + span {
  color: #757575;
}
.refinements li.filter__booleanrefinementvalue--style button:active .filter__box--style, .refinements li.filter__booleanrefinementvalue--style button.active .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span:active .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span.active .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button:active .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button.active .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span:active .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span.active .filter__box--style {
  border: 2px solid #101010;
  color: #101010;
}
.refinements li.filter__booleanrefinementvalue--style button:active + span, .refinements li.filter__booleanrefinementvalue--style button.active + span,
.refinements li.filter__booleanrefinementvalue--style button + span:active + span,
.refinements li.filter__booleanrefinementvalue--style button + span.active + span, .refinements li.filter__booleanrefinementvalue--style + span button:active + span, .refinements li.filter__booleanrefinementvalue--style + span button.active + span,
.refinements li.filter__booleanrefinementvalue--style + span button + span:active + span,
.refinements li.filter__booleanrefinementvalue--style + span button + span.active + span {
  color: #757575;
}
.refinements li.filter__booleanrefinementvalue--style button:focus, .refinements li.filter__booleanrefinementvalue--style button.focus,
.refinements li.filter__booleanrefinementvalue--style button + span:focus,
.refinements li.filter__booleanrefinementvalue--style button + span.focus, .refinements li.filter__booleanrefinementvalue--style + span button:focus, .refinements li.filter__booleanrefinementvalue--style + span button.focus,
.refinements li.filter__booleanrefinementvalue--style + span button + span:focus,
.refinements li.filter__booleanrefinementvalue--style + span button + span.focus {
  outline: 1px dashed #6B6B6B !important;
  outline-offset: 0.25rem;
}
.refinements li.filter__booleanrefinementvalue--style button:focus .filter__box--style, .refinements li.filter__booleanrefinementvalue--style button.focus .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span:focus .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style button + span.focus .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button:focus .filter__box--style, .refinements li.filter__booleanrefinementvalue--style + span button.focus .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span:focus .filter__box--style,
.refinements li.filter__booleanrefinementvalue--style + span button + span.focus .filter__box--style {
  border: 1px solid #6B6B6B;
  color: #757575;
}
.refinements li.filter__booleanrefinementvalue--style button:focus + span, .refinements li.filter__booleanrefinementvalue--style button.focus + span,
.refinements li.filter__booleanrefinementvalue--style button + span:focus + span,
.refinements li.filter__booleanrefinementvalue--style button + span.focus + span, .refinements li.filter__booleanrefinementvalue--style + span button:focus + span, .refinements li.filter__booleanrefinementvalue--style + span button.focus + span,
.refinements li.filter__booleanrefinementvalue--style + span button + span:focus + span,
.refinements li.filter__booleanrefinementvalue--style + span button + span.focus + span {
  color: #757575;
}
.refinements li {
  list-style-type: none;
  padding-left: 0;
}
.refinements li.color-attribute {
  display: inline-block;
  padding-left: 0;
  margin: 0 0.5rem 0.5rem 0;
  line-height: 1;
}
.refinements li.color-attribute button {
  padding: 0;
  border-radius: 50%;
}
.refinements li.color-attribute button.selected {
  outline: 2px solid #101010;
  border-radius: 100%;
}
.refinements li.color-attribute button.selected:focus-visible {
  outline: 2px dashed #101010;
  outline-offset: 0;
}
.refinements li.color-attribute button.selected:hover {
  outline: 2px solid #101010;
}
.refinements li.color-attribute button:focus-visible {
  outline: 1px dashed #101010;
  border-radius: 100%;
  outline-offset: 1px;
}
.refinements li.color-attribute button:hover {
  outline: 1px solid #101010;
}
.refinements li.color-attribute .swatch-circle.selected::after {
  display: block;
  -webkit-transform: translateY(-2px) scale(0.6);
          transform: translateY(-2px) scale(0.6);
  content: url("../images/icons/check-white.svg");
}
.refinements li.disabled {
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  .refinements {
    padding: 0;
  }
}
.refinements .card-header h2 {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0;
}

.secondary-bar {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1em;
  overflow: auto;
}
@media (max-width: 1150.98px) {
  .secondary-bar button.reset {
    float: right;
  }
}

.refinement-header {
  overflow: auto;
}

.disabled {
  pointer-events: none;
}

.grid-header {
  position: sticky;
  background-color: #FFF;
  top: calc(5.6875rem - 1px);
  z-index: 10;
}
.grid-header .result-count {
  -webkit-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1);
  max-height: 4rem;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
@media (max-width: 1280.98px) {
  .grid-header.is-pinned .result-count {
    max-height: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@media (min-width: 1151px) {
  .grid-header {
    top: 8rem;
  }
}
.grid-header .grid-size-selector .grid-size-btn {
  border: 0;
  background-color: transparent;
}
.grid-header .grid-size-selector .grid-size-btn:focus {
  outline: 1px dashed;
}
.grid-header .grid-size-selector .grid-size-btn .square-icon:hover,
.grid-header .grid-size-selector .grid-size-btn .grid-icon:hover {
  color: #101010;
  -webkit-transform: scale(1.12);
          transform: scale(1.12);
}
.grid-header .grid-size-selector [aria-checked=false] :first-child i,
.grid-header .grid-size-selector [aria-checked=true] :last-child i {
  color: #101010;
}
.grid-header .grid-size-selector [aria-checked=true] :first-child i,
.grid-header .grid-size-selector [aria-checked=false] :last-child i {
  color: #6B6B6B;
}

@media (max-width: 1150.98px) {
  .refinement.card {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-radius: 0;
    margin-bottom: 0;
  }
  .refinement .card-header {
    border-bottom: 0 none;
    padding: 0.25rem 1rem;
  }
  .refinement .card-body {
    padding: 0 1rem;
  }
}
.refinement a {
  text-decoration: none;
}
.refinement.refinement-category li {
  margin-left: 0.938em;
  display: block;
}
.refinement.refinement-category > ul > li {
  margin-left: 0;
}

.search-keywords {
  font-size: 1.5rem;
}

@media (max-width: 1150.98px) {
  .search-keywords {
    font-size: 1.25rem;
  }
}
.filter-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 1.25rem;
  padding-left: 0;
}
@media (min-width: 1151px) {
  .filter-bar ul {
    margin: 1.25rem 0;
  }
}
.filter-bar li {
  list-style: none;
  float: left;
  margin: 0.25rem 0.25rem 0.25rem 0;
}
.filter-bar li.filter-value, .filter-bar li.filter-reset-btn {
  border: 1px solid #6B6B6B;
  border-radius: 0.25rem;
  position: relative;
}
.filter-bar li.filter-value button, .filter-bar li.filter-reset-btn button {
  border: none;
  border-radius: 0.25rem;
  padding: 0.5rem 2.25rem 0.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter-bar li.filter-value button::after, .filter-bar li.filter-reset-btn button::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f00d";
  text-rendering: auto;
  position: absolute;
  right: 0.625rem;
  top: 0.55rem;
}
.filter-bar li.filter-value-color {
  min-width: 70px;
}
.filter-bar li.filter-reset-btn button {
  padding: 0.5rem 0.75rem;
}
.filter-bar li.filter-reset-btn button:after {
  content: "";
}
.filter-bar li .swatch-filter {
  border: 1px solid #101010;
  margin-left: 0.5rem;
}

.search-tips {
  text-align: left;
  margin-top: 1.875rem;
}

.category-item {
  margin-bottom: 0.938rem;
}

.swatch-mark.color-value[data-selected=true] {
  border: 1px solid #FFF;
}
.swatch-mark.color-value.selected {
  border: 1px solid #FFF;
}

.search-nav {
  margin-bottom: 1em;
  border-bottom: 0.063em solid #CCC;
}
.search-nav .nav-tabs-wrapper {
  padding: 0;
}
@media (max-width: 767.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 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.compare-bar-wrapper {
  border: 1px solid #333;
  bottom: 0;
  display: none;
  position: fixed;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
}

.compare-bar-wrapper .product-slots {
  height: 6.25em;
}

.compare-bar-wrapper .slot {
  background-color: #222;
  height: 5em;
  margin: 0 auto;
  position: relative;
  width: 6.788em;
  border-radius: 3px;
}

.compare-bar-wrapper .slot:not([data-pid]) {
  border: 1px dashed #CCC;
}

.compare-bar-wrapper .slot img {
  float: left;
  height: 100%;
  position: static;
  border-radius: 3px 0 0 3px;
}

.compare-bar-wrapper .slot i {
  color: #666;
  font-size: 1rem;
  position: relative;
}

.compare-bar-wrapper .slot .close {
  background-color: #EEE;
  height: 100%;
  width: 25%;
  border-radius: 0 3px 3px 0;
  opacity: 1;
}

.compare-bar-wrapper .slot .action {
  text-align: center;
}

.compare-bar-wrapper .clear-all {
  color: #EEE;
}

.compare-bar-wrapper .min-products-msg {
  color: #FFF;
  font-size: 0.75em;
  line-height: 1.375;
  padding: 0.438rem;
}

.product-comparison .back-to-results {
  margin: 1em 0;
}

.product-comparison .product-header > .col {
  padding: 0;
}

.product-tile .tile-body .compare {
  font-size: 0.875em;
}

.table-striped-column td:nth-of-type(odd) {
  background-color: #EEE;
}

.filter--block__title {
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 1.25rem;
  padding-bottom: 0.625rem;
}

.filter__button--style {
  background: transparent;
  border: 1px solid #6B6B6B;
  border-radius: 0.25rem;
  min-height: 2.75rem;
  min-width: 2.75rem;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.25rem;
}
.filter__button--style:not(.filter__button--active) span {
  color: #101010;
  font-size: 100%;
  line-height: 1;
}
.filter__button--style:hover {
  border: 2px solid #101010;
}
.filter__button--style:focus-visible {
  outline: 1px dotted #101010;
  outline-offset: 0.125rem;
}
.filter__button--style:not(.filter__button--active):disabled {
  background: #D9D9D9;
  border: 1px solid #D9D9D9;
}
.filter__button--style:not(.filter__button--active):disabled span {
  color: #757575;
}

.filter__button--active {
  color: #FFF;
  background: #101010;
  border: #101010;
}
.filter__button--active:hover {
  border: 2px solid #101010;
}
.filter__button--active:focus-visible {
  outline: 1px dotted #101010;
  outline-offset: 0.125rem;
}

.filter__box--style {
  margin-right: 0.5rem;
  border: 1px solid #6B6B6B;
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.filter__box--style:active {
  content: url("../images/icons/check.svg");
}

.filter__box--active {
  padding: 3px;
  background-color: #101010;
  content: url("../images/icons/check-white.svg");
}

.filter__booleanrefinementvalue--style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
}
.filter__booleanrefinementvalue--style:last-child {
  margin-bottom: 0;
}

.filter__pricerefinementvalue--style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter__refinementulboolean--style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.filter__refinementulcolor--style,
.filter__refinementulsize--style,
.filter__refinementulprice--style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.filter__refinementulrating--style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.filter__option--stars {
  line-height: 0;
}
.filter__option--stars img {
  width: 1rem;
}

.price-refinement-custom .price-interval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 15px 0 35px;
}
.price-refinement-custom .price-input {
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
  background: transparent;
}
.price-refinement-custom .price-input input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 1rem;
  border-radius: 5px;
  -moz-appearance: textfield;
  border: none;
}
.price-refinement-custom .price-input input[type=number]::-webkit-outer-spin-button, .price-refinement-custom .price-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-refinement-custom .price-input input.input-min {
  text-align: left;
}
.price-refinement-custom .price-input input.input-max {
  text-align: right;
}
.price-refinement-custom .slider {
  height: 5px;
  position: relative;
  background: #DDD;
  border-radius: 5px;
}
.price-refinement-custom .slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #101010;
}
.price-refinement-custom .range-input {
  position: relative;
}
.price-refinement-custom .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.price-refinement-custom .range-input input[type=range]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #101010;
  pointer-events: auto;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.price-refinement-custom .range-input input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #101010;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.price-refinement-custom .price-placeholder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 5px 0 15px;
  padding-bottom: 1rem;
}
.price-refinement-custom .price-placeholder .price-placeholder-min {
  position: absolute;
}
.price-refinement-custom .price-placeholder .price-placeholder-max {
  position: absolute;
}

.suggestion-intro {
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
}

.suggestion-message {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}

.suggestion-keyword {
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  color: #242424;
  text-decoration: underline;
}
.suggestion-keyword:last-child::after {
  content: "?";
  font-weight: 400;
}

.search-label-resultsNo__text--style {
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
}

@media (max-width: 1150.98px) {
  .search-label-resultsNo__text--style {
    font-size: 1rem;
  }
}
.sticky {
  position: sticky;
}

.product-tile__promotions {
  color: #C9291C;
}