/** Shopify CDN: Minification failed

Line 362:44 Expected "]" to go with "["
Line 362:60 Unexpected "]"

**/
:root {
  --spacing-1x: 8px;
  --spacing-2x: 16px;
  --spacing-3x: 24px;
  --spacing-4x: 32px;
  --spacing-5x: 40px;
  --spacing-6x: 48px;
  --spacing-7x: 56px;
  --spacing-8x: 64px;
  --spacing-9x: 72px;
  --spacing-10x: 80px;
  --spacing-20: max(1.38vw,20px);
  --spacing-14: max(1vw, 14px);
  --spacing-16: max(1.1vw, 16px);
  --spacing-12: max(0.8vw, 12px);
  --spacing-8: max(0.55vw, 8px);
  --spacing-6: max(0.4vw, 6px);
  --spacing-2: max(0.138vw, 2px);
  --spacing-2-mobile: 2px;
  --spacing-16-mobile: 16px;
  --spacing-14-mobile: 14px;
  --spacing-12-mobile: 12px;
  --spacing-8-mobile: 8px;
  --spacing-6-mobile: 6px;
  --spacing-30: max(2.07vw,30px);
  --spacing-40: max(2.7vw, 40px);
  --spacing-40-mobile: 40px;
  --spacing-10: max(0.7vw,10px);
  --spacing-10-mobile: 10px;
  --spacing-30-mobile: 30px;
  --spacing-20-mobile: 20px;
  --spacing-16-mobile: 16px;
  --spacing-4: max(0.27vw, 4px);
  --spacing-4-mobile: 4px;
  --spacing-grid: max(0.55vw, 8px);
  --spacing-grid-narrow: max(0.35vw, 5px);
  --spacing-grid-mobile: 5px;
  --sections-spacing-y: max(4.16vw, 60px);
  --sections-spacing-y-ig: max(4.16vw, 30px);
  --sections-spacing-y-md: max(1.38vw, 20px);
  --sections-spacing-y-md-mobile: 20px;
  --sections-spacing-y-small: max(0.7vw, 10px);
  --sections-spacing-y-small-mobile: 7px;
  --sections-spacing-y-mobile: 14px;
  --sections-spacing-x-small: max(0.7vw, 10px);
  --sections-spacing-x-small-mobile: 7px;
  --spacing-tile-grid-y: max(2.7vw, 40px);
  --spacing-tile-grid-x: max(2vw, 30px);
  --spacing-tile-grid-y-mobile: 20px;
  --spacing-tile-grid-x-mobile: 14px;
}

:root {
  --header-spacing-announcement-desktop: 32px;
  --header-spacing-announcement-mobile: 30px;
  --header-spacing-desktop: calc(max(1.38vw, 18px) * 2 + max(1.67vw,24px) - 1px);
  --header-spacing-mobile: 44px;
}

/* Sets 1 rem to 10px */

html {
  font-size: 62.5%;
  min-height: 100%;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

.collection_header {
  padding: calc(calc(max(1.38vw, 18px) * 2 + max(1.67vw,24px) - 1px) + 32px + 10px) 7px 20px;
  padding: calc(var(--header-spacing-desktop) + var(--header-spacing-announcement-desktop) + var(--spacing-10-mobile)) var(--sections-spacing-x-small-mobile) var(--spacing-20-mobile);
}

@media (min-width: 768px) {
  .collection_header {
    padding: calc(calc(max(1.38vw, 18px) * 2 + max(1.67vw,24px) - 1px) + 32px + max(2.07vw,30px)) max(0.7vw, 10px) max(2.07vw,30px);
    padding: calc(var(--header-spacing-desktop) + var(--header-spacing-announcement-desktop) + var(--spacing-30)) max(0.7vw, 10px) var(--spacing-30);
  }
}

.collection_header__intro {
  display: flex;
  flex-flow: column;
}

.collection_header__intro .breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: max(0.55vw, 8px);
  gap: max(0.55vw, 8px);
  grid-gap: var(--spacing-grid);
  gap: var(--spacing-grid);
  margin-bottom: max(0.7vw, 10px);
  margin-bottom: var(--sections-spacing-y-small);
}

.collection_header__intro .breadcrumb__item {
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .breadcrumb__item {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro .breadcrumb__item {
  color: var(--primary-analogue-100);
}

.collection_header__intro .breadcrumb__separator {
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .breadcrumb__separator {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro .breadcrumb__separator {
  color: var(--primary-analogue-100);
}

.collection_header__intro .breadcrumb__item.current {
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .breadcrumb__item.current {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro .breadcrumb__item.current {
  color: color-mix(in srgb, var(--primary-analogue-100) 70%, transparent);
}

.collection_header__intro .text-holder {
  margin-bottom: max(1.38vw,20px);
  margin-bottom: var(--spacing-20);
}

.collection_header__intro .text-holder__title {
  font-family: IBMPlexSans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .text-holder__title {
    font-size: max(1.65vw, 24px);
  }
}

.collection_header__intro .text-holder__title {
  color: var(--primary-analogue-100);
}

.collection_header__intro .text-holder__title + .text-holder__description {
  margin-bottom: max(0.7vw,10px);
  margin-bottom: var(--spacing-10);
}

.collection_header__intro .text-holder__description {
  font-family: IBMPlexSans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .text-holder__description {
    font-size: max(1vw, 14px);
  }
}

.collection_header__intro .text-holder__description {
  color: var(--primary-analogue-100);
}

.collection_header__intro .usp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  grid-column-gap: var(--spacing-grid-mobile);
  -moz-column-gap: var(--spacing-grid-mobile);
       column-gap: var(--spacing-grid-mobile);
  grid-row-gap: 13px;
  row-gap: 13px;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 768px) {
  .collection_header__intro .usp {
    grid-column-gap: max(3.2vw, 46px);
    -moz-column-gap: max(3.2vw, 46px);
         column-gap: max(3.2vw, 46px);
    grid-row-gap: max(0.7vw, 10px);
    row-gap: max(0.7vw, 10px);
    grid-row-gap: var(--sections-spacing-y-small);
    row-gap: var(--sections-spacing-y-small);
    width: -moz-fit-content;
    width: fit-content;
  }
}

.collection_header__intro .usp__item {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

@media (min-width: 768px) {
  .collection_header__intro .usp__item {
    margin-bottom: 0;
  }
}

.collection_header__intro .usp__item .usp__title {
  display: flex;
  align-items: center;
  position: relative;
  grid-gap: max(0.27vw, 4px);
  gap: max(0.27vw, 4px);
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__title {
    font-size: max(0.83vw, 12px);
  }
}

@media (min-width: 768px) {
  .collection_header__intro .usp__item .usp__title {
    font-family: IBMPlexSans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__title {
    font-size: max(1vw, 14px);
  }
}

.collection_header__intro .usp__item .usp__title svg.checkmark {
  width: max(0.7vw, 10px);
  height: max(0.7vw, 10px);
  margin-right: max(0.27vw, 4px);
}

.collection_header__intro .usp__item .usp__title svg.info {
  width: max(0.7vw, 10px);
  height: max(0.7vw, 10px);
  align-self: flex-start;
}

.collection_header__intro .usp__item .usp__title .usp__label {
  padding: max(0.27vw, 4px);
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__title .usp__label {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro .usp__item .usp__info-box {
  color: var(--primary-analogue-100);
  background-color: var(--color-white);
  width: max(16.11vw, 230px);
  border: 1px solid var(--primary-analogue-100);
  position: absolute;
  top: 100%;
  right: 0;
  display: block;
  visibility: hidden;
  pointer-events: none;
}

.collection_header__intro .usp__item .usp__info-box .close_svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__info-box .close_svg {
    display: none;
  }
}

.collection_header__intro .usp__item .usp__info-box {
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__info-box {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro .usp__item .usp__info-box {
  padding: 16px 10px;
}

@media (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__info-box {
    font-family: IBMPlexSans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: max(1.38vw,20px) max(1.1vw, 16px);
    padding: var(--spacing-20) var(--spacing-16);
  }
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .collection_header__intro .usp__item .usp__info-box {
    font-size: max(1vw, 14px);
  }
}

.collection_header__intro .usp__item[\:has\(.usp__info-box\)] .usp__title {
  cursor: help;
}

.collection_header__intro .usp__item:has(.usp__info-box) .usp__title {
  cursor: help;
}

.collection_header__intro .usp__item:hover .usp__info-box {
  visibility: visible;
  pointer-events: all;
}

.collection_header__intro sort-options {
  display: flex;
  margin-top: 12px;
  margin-top: var(--spacing-12-mobile);
}

@media (min-width: 768px) {
  .collection_header__intro sort-options {
    margin-top: max(1.38vw,20px);
    margin-top: var(--spacing-20);
    display: flex;
  }
}

.collection_header__intro sort-options .collection-utils {
  display: grid;
  grid-column-gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  grid-column-gap: var(--spacing-grid-mobile);
  -moz-column-gap: var(--spacing-grid-mobile);
       column-gap: var(--spacing-grid-mobile);
  grid-row-gap: 10px;
  row-gap: 10px;
  grid-row-gap: var(--spacing-10-mobile);
  row-gap: var(--spacing-10-mobile);
  grid-template-areas: "filter sort" "actives actives";
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils {
    grid-template-areas: "filter sort actives";
    grid-template-columns: auto auto 1fr;
    grid-gap: max(0.55vw, 8px);
    gap: max(0.55vw, 8px);
    grid-gap: var(--spacing-grid);
    gap: var(--spacing-grid);
    width: 100%;
  }
}

.collection_header__intro sort-options .collection-utils .js-toggle-filter {
  grid-area: filter;
}

.collection_header__intro sort-options .collection-utils .sort_wrapper {
  grid-area: sort;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .sort_wrapper {
    height: calc(max(1.66vw, 24px) + 2 * max(0.27vw, 4px) + 2);
    height: calc(max(1.66vw, 24px) + 2 * var(--spacing-4) + 2);
  }
}

.collection_header__intro sort-options .collection-utils .js-sort {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  background-image: none;
  height: 100%;
  width: 100%;
}

.collection_header__intro sort-options .collection-utils .js-sort + svg {
  position: absolute;
  right: 2px;
  right: var(--spacing-2-mobile);
  top: 2px;
  top: var(--spacing-2-mobile);
  width: 24px;
  height: 24px;
  pointer-events: none;
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .js-sort + svg {
    right: max(0.27vw, 4px);
    right: var(--spacing-4);
    top: max(0.27vw, 4px);
    top: var(--spacing-4);
    width: max(1.66vw, 24px);
    height: max(1.66vw, 24px);
  }
}

.collection_header__intro sort-options .collection-utils .filters {
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .filters {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro sort-options .collection-utils .filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0 !important;
  width: 100%;
  padding: 2px 2px 2px 6px;
  padding: var(--spacing-2-mobile) var(--spacing-2-mobile) var(--spacing-2-mobile) var(--spacing-6-mobile);
  border: 1px solid var(--primary-analogue-100);
  color: var(--primary-analogue-100);
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .filters {
    width: max(16vw, 230px);
    padding: max(0.27vw, 4px) max(0.27vw, 4px) max(0.27vw, 4px) max(0.55vw, 8px);
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-8);
    font-family: IBMPlexSans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .filters {
    font-size: max(1vw, 14px);
  }
}

.collection_header__intro sort-options .collection-utils .filters svg {
  width: 24px;
  height: 24px;
  pointer-events: none;
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .filters svg {
    width: max(1.66vw, 24px);
    height: max(1.66vw, 24px);
  }
}

.collection_header__intro sort-options .collection-utils select {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L8 7.23077L14.75 1' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 10%;
  cursor: pointer;
}

.collection_header__intro sort-options .collection-utils .active-filter-items {
  align-items: center;
  grid-area: actives;
  display: flex;
  width: calc(100vw - 2 * 7px);
  width: calc(100vw - 2 * var(--sections-spacing-x-small-mobile));
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.collection_header__intro sort-options .collection-utils .active-filter-items::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items {
    display: flex;
    width: calc(100vw - 2 * max(16vw, 230px) - 2 * max(0.55vw, 8px) - 2 * max(0.7vw, 10px));
    width: calc(100vw - 2 * max(16vw, 230px) - 2 * var(--spacing-grid) - 2 * var(--sections-spacing-x-small));
  }
}

.collection_header__intro sort-options .collection-utils .active-filter-items filter-interaction {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters {
  display: flex;
  grid-gap: max(0.35vw, 5px);
  gap: max(0.35vw, 5px);
  grid-gap: var(--spacing-grid-narrow);
  gap: var(--spacing-grid-narrow);
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons {
  display: flex;
  align-items: center;
  grid-gap: max(0.35vw, 5px);
  gap: max(0.35vw, 5px);
  grid-gap: var(--spacing-grid-narrow);
  gap: var(--spacing-grid-narrow);
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button {
  background-color: var(--primary-austere-grey-100);
  color: var(--primary-analogue-100);
  display: flex;
  align-items: center;
  grid-gap: max(0.7vw,10px);
  gap: max(0.7vw,10px);
  grid-gap: var(--spacing-10);
  gap: var(--spacing-10);
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button {
  padding: 8px 10px;
  padding: var(--spacing-8-mobile) var(--spacing-10-mobile);
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button {
    font-family: IBMPlexSans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: max(0.5vw, 7px) max(0.7vw,10px);
    padding: max(0.5vw, 7px) var(--spacing-10);
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button {
    font-size: max(1.1vw, 16px);
  }
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button svg {
  width: 8px;
  height: 8px;
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button svg {
    width: max(0.55vw, 8px);
    height: max(0.55vw, 8px);
  }
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters__buttons .js-active-button .button__color {
  display: none;
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .button {
  white-space: nowrap;
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .button.js-results {
  display: none;
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .delete-holder__button {
  background-color: var(--primary-austere-grey-100);
  color: var(--primary-analogue-100);
  font-family: IBMPlexSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .delete-holder__button {
    font-size: max(0.83vw, 12px);
  }
}

.collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .delete-holder__button {
  padding: 8px 10px;
  padding: var(--spacing-8-mobile) var(--spacing-10-mobile);
}

@media (min-width: 768px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .delete-holder__button {
    font-family: IBMPlexSans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: max(0.5vw, 7px) max(0.7vw,10px);
    padding: max(0.5vw, 7px) var(--spacing-10);
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .collection_header__intro sort-options .collection-utils .active-filter-items .active-filters .delete-holder__button {
    font-size: max(1.1vw, 16px);
  }
}

.collection_header__intro .quick-link-collections {
  display: flex;
  max-width: calc(100vw - 7px);
  width: -moz-max-content;
  width: max-content;
  overflow-x: auto;
  padding-right: 7px;
  margin-top: 20px;
  margin-top: var(--spacing-20-mobile);
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.collection_header__intro .quick-link-collections::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

@media (min-width: 768px) {
  .collection_header__intro .quick-link-collections {
    max-width: calc(100vw - max(0.7vw, 10px));
    max-width: calc(100vw - var(--sections-spacing-y-small));
    margin-top: max(1.38vw,20px);
    margin-top: var(--spacing-20);
  }
}

.collection_header__intro .quick-link-collections__item {
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}

.collection_header__intro .quick-link-collections__item:hover {
  text-decoration: none;
}