@charset "utf-8";

.CollectionHeader_CollectionHeader__link-pills__o4gXn { display: grid; grid-template-columns: [outer-left] 16px [grid-start] repeat(12, [col-start] 1fr [col-end]) [grid-end] 16px [outer-right]; gap: 8px; justify-content: center; }

@media (min-width: 680px) {
  .CollectionHeader_CollectionHeader__link-pills__o4gXn { gap: 16px; grid-template-columns: [outer-left] 48px [grid-start] repeat(12, [col-start] 1fr [col-end]) [grid-end] 48px [outer-right]; }
}

@media (min-width: 1024px) {
  .CollectionHeader_CollectionHeader__link-pills__o4gXn { gap: 24px; grid-template-columns: [outer-left] minmax(24px, 1fr) [grid-start] repeat(12, [col-start] minmax(0px, 74px) [col-end]) [grid-end] minmax(24px, 1fr) [outer-right]; }
}

@media (min-width: 1920px) {
  .CollectionHeader_CollectionHeader__link-pills__o4gXn { grid-template-columns: [outer-left] minmax(24px, 1fr) [grid-start] repeat(12, [col-start] minmax(0px, 104px) [col-end]) [grid-end] minmax(24px, 1fr) [outer-right]; }
}

.CollectionHeader_CollectionHeader__link-pills__o4gXn { padding-top: 1.5rem; padding-bottom: 1.5rem; }

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__yOnKp { position: relative; aspect-ratio: 5 / 1; }
}

.CollectionHeaderContent_CollectionHeaderContent__image__rlYwS { position: relative; z-index: 1; aspect-ratio: 2 / 1; }

@media (min-width: 680px) {
  .CollectionHeaderContent_CollectionHeaderContent__image__rlYwS { aspect-ratio: 4 / 1; }
}

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__image__rlYwS { position: absolute; inset: 0px; aspect-ratio: 5 / 1; }
}

.CollectionHeaderContent_CollectionHeaderContent__content__9h91h { display: grid; grid-template-columns: [grid-start] repeat(12, [col-start] 1fr [col-end]) [grid-end]; gap: 8px; padding-left: 24px; padding-right: 24px; justify-content: center; }

@media (min-width: 680px) {
  .CollectionHeaderContent_CollectionHeaderContent__content__9h91h { gap: 16px; padding-left: 64px; padding-right: 64px; }
}

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__content__9h91h { gap: 24px; padding-left: 48px; padding-right: 48px; grid-template-columns: [grid-start] repeat(12, [col-start] minmax(0px, 74px) [col-end]) [grid-end]; }
}

@media (min-width: 1920px) {
  .CollectionHeaderContent_CollectionHeaderContent__content__9h91h { grid-template-columns: [grid-start] repeat(12, [col-start] minmax(0px, 104px) [col-end]) [grid-end]; }
}

.CollectionHeaderContent_CollectionHeaderContent__content__9h91h { position: relative; z-index: 1; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); padding-top: 1.5rem; }

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__content__9h91h { height: 100%; background-color: transparent; }
}

.CollectionHeaderContent_CollectionHeaderContent__header-container__dxovq { grid-column: 1 / -1; }

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__header-container__dxovq { grid-column: span 10 / span 10; margin-bottom: 2.5rem; margin-top: auto; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
}

.CollectionHeaderContent_CollectionHeaderContent__title__fo8Ec { margin-bottom: 0.75rem; font-size: 2.125rem; line-height: 2.38rem; letter-spacing: -0.0425rem; font-weight: 500; }

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__title__fo8Ec { font-size: 3.375rem; line-height: 3.78rem; letter-spacing: -0.0675rem; font-weight: 500; }
}

.CollectionHeaderContent_CollectionHeaderContent__subheading__ftKnY { display: inline; font-size: 1rem; line-height: 1.4rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(45 45 46/var(--tw-text-opacity,1)); }

@media (min-width: 1024px) {
  .CollectionHeaderContent_CollectionHeaderContent__subheading__ftKnY { margin-bottom: 0px; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
}

.FilterPopout_FilterPopout__0jYeP { visibility: hidden; position: fixed; z-index: 600; transition: visibility linear 0.15s; }

.FilterPopout_FilterPopout--is-open__KbN1y { visibility: visible; transition: visibility linear; }

.FilterPopout_FilterPopout--is-open__KbN1y .FilterPopout_FilterPopout__overlay__e3o0F { visibility: visible; opacity: 1; }

.FilterPopout_FilterPopout--is-open__KbN1y .FilterPopout_FilterPopout__sidebar__7Hfdv { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition: transform 0.65s cubic-bezier(0.535, 0, 0, 1); }

.FilterPopout_FilterPopout__overlay__e3o0F { visibility: hidden; opacity: 0; background-color: rgba(12, 12, 13, 0.75); height: 100vh; width: 100vw; backdrop-filter: blur(8px); position: fixed; left: 0px; top: 0px; transition: opacity 0.15s linear; }

.FilterPopout_FilterPopout__sidebar__7Hfdv { position: fixed; right: 0px; top: 0px; z-index: 600; display: flex; height: 100%; width: 100%; --tw-translate-x: 100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); flex-direction: column; overflow-x: hidden; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }

@media (min-width: 680px) {
  .FilterPopout_FilterPopout__sidebar__7Hfdv { width: 24rem; --tw-translate-x: 24rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}

.FilterPopout_FilterPopout__sidebar__7Hfdv { transition: transform 0.15s linear; }

.FilterPopout_FilterPopout__sidebar-header__HJ7Cj { position: sticky; top: 0px; z-index: 1; display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(222 222 223/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); padding: 1rem 1.5rem; font-size: 1.125rem; line-height: 1.575rem; font-weight: 500; }

.FilterPopout_FilterPopout__clear-all__XJrSx { margin-bottom: 1.5rem; display: flex; justify-content: flex-end; }

.FilterPopout_FilterPopout__clear-all-button__MzgoQ { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(12 12 13/var(--tw-border-opacity,1)); font-size: 0.875rem; line-height: 1.225rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(12 12 13/var(--tw-text-opacity,1)); }

.FilterPopout_FilterPopout__sidebar-content__Rs_6x { padding: 1.5rem; }

.FilterPopout_FilterPopout__group-heading__IVIAg { font-size: 1rem; line-height: 1.4rem; font-weight: 500; }

.FilterPopout_FilterPopout__filter__TqYXp { margin-bottom: 0.75rem; display: flex; align-items: center; }

.FilterPopout_FilterPopout__filter__TqYXp:last-child { margin-bottom: 0px; }

.FilterPopout_FilterPopout__quantity__coduA { margin-left: 0.25rem; font-size: 0.875rem; line-height: 1.225rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(110 110 110/var(--tw-text-opacity,1)); }

.FilterPopout_FilterPopout__apply__yWWZv { position: sticky; bottom: 0px; z-index: 1; margin-top: auto; width: 100%; --tw-bg-opacity: 1; background-color: rgb(249 248 246/var(--tw-bg-opacity,1)); padding: 2rem 1.5rem; }