@charset "UTF-8";
[data-products]:after {
  content: attr(data-products);
  margin-left: .25em; }

@keyframes zoom-in {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

.active-filters .active-filter__title {
  display: block;
  letter-spacing: .02em; }

.active-filters .active-filter__title {
  font-family: ProximaNovaBold, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem; }

.checkbox,
.radiobutton {
  margin: 0;
  vertical-align: top;
  position: absolute;
  clip: rect(0, 0, 0, 0); }
  .checkbox + *,
  .radiobutton + * {
    position: relative;
    cursor: pointer; }
    .checkbox + *::before,
    .radiobutton + *::before {
      content: "";
      vertical-align: middle;
      display: inline-block;
      border: 1px solid #777777;
      width: 1.5rem;
      height: 1.5rem;
      margin-right: .8rem; }
  .checkbox:checked + *::before,
  .radiobutton:checked + *::before {
    animation: zoom-in .2s ease-out; }
  .checkbox[disabled] + *::before,
  .radiobutton[disabled] + *::before {
    opacity: .1; }

.checkbox + *::before {
  border-radius: 2px; }

.checkbox:checked + *:before {
  font-family: 'icons';
  content: "";
  display: inline-block;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  color: #0078D4;
  border-color: transparent; }


.radiobutton + *::before {
  border-radius: 50%;
  box-sizing: border-box; }


.radiobutton:checked + *::before {
  border-color: transparent;
  background-color: #0078D4; }

.button--primary, .button--accent, .button {
  font-size: 1.4rem;
  cursor: pointer;
  color: #0078D4;
  padding: .8rem;
  border-radius: .2rem;
  text-align: center;
  background-color: transparent; }
  .button--primary:hover, .button--accent:hover, .button:hover {
    background-color: #f2f2f2; }

.button--primary {
  color: #ffffff;
  background-color: #FF6400; }
  .button--primary:hover {
    background-color: #e65a00; }

.button--accent {
  color: #ffffff;
  background-color: #0078D4; }
  .button--accent:hover {
    background-color: #006abb; }

.active-filters {
  font-size: 1.4rem;
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 3.2rem; }
  .active-filters__remove {
    position: absolute;
    display: inline-block;
    color: #0078D4;
    bottom: .8rem; }
    .active-filters__remove:hover ~ .active-filter__item .active-filter__value {
      border-color: #FF0000;
      color: #FF0000; }
      .active-filters__remove:hover ~ .active-filter__item .active-filter__value .active-filter__remove::before {
        color: #FF0000; }
  .active-filters .active-filter__item {
    display: inline-block; }
  .active-filters .active-filter__title {
    margin-bottom: .8rem; }
  .active-filters .active-filter__name {
    margin-bottom: .4rem; }
  .active-filters .active-filter__value {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #0078D4;
    border: 1px solid #0078D4;
    border-radius: .3rem;
    padding: 0 .8rem;
    margin-bottom: .8rem;
    transition: border-color .2s ease-out; }
    .active-filters .active-filter__value:hover {
      border-color: #FF0000;
      color: #FF0000; }
      .active-filters .active-filter__value:hover .active-filter__remove::before {
        color: #FF0000; }
  .active-filters .active-filter__remove {
    margin-left: .8rem;
    color: #0078D4; }
    .active-filters .active-filter__remove:before {
      font-family: 'icons';
      content: "";
      display: inline-block;
      speak: none;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: middle;
      color: #0078D4; }
  .active-filters--product-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 0;
    margin-bottom: 0; }
    .active-filters--product-top .active-filters__remove {
      position: initial;
      order: 1; }
    .active-filters--product-top .active-filter__item {
      margin: .4rem; }
    .active-filters--product-top .active-filter__name {
      display: inline-block;
      margin-bottom: 0; }
    .active-filters--product-top .active-filter__value {
      margin-bottom: 0; }