@media screen and (max-width: 474px) {
    .facets__summary {
        font-size: calc(14px / 16 * var(--base-body-size) + 0px)
    }
}

@media screen and (min-width: 475px) and (max-width: 1023px) {
    .facets__summary {
        font-size: calc(15px / 16 * var(--base-body-size) + 0px)
    }
}

@media screen and (min-width: 1024px) {
    .facets__summary {
        font-size: calc(16px / 16 * var(--base-body-size) + 0px)
    }
}

.facets {
    display: block;
    margin-inline-start: var(--horizontal-padding);
    -webkit-margin-start: var(--horizontal-padding);
    margin-inline-end: var(--horizontal-padding)
}

.facets__form {
    display: flex;
    justify-content: space-between
}

.facets__prewrapper {
    max-width: 75%
}

.facets__heading {
    margin-bottom: 0
}

.facets__disclosure {
    width: auto;
    display: inline-block;
    position: relative;
    margin-top: .75rem;
    margin-inline-end: .75rem
}

.facets__form--mobile .facets__disclosure {
    margin-top: 0
}

.facets__summary {
    background-color: var(--color-background-main);
    border: var(--border-width-forms) solid var(--color-borders-forms-primary);
    border-radius: var(--border-radius-forms);
    color: var(--color-text-main);
    resize: none;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    transition: all .1s linear;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.5rem) center;
    background-size: .8125rem .5rem;
    padding: var(--input-padding);
    width: 100%;
    cursor: pointer;
    text-align: start;
    transition: border .1s linear
}

html[dir=rtl] .facets__summary {
    background-position: 1.25rem center
}

html[dir=rtl] .facets__summary {
    padding-left: 3.3125rem;
    padding-right: 1rem
}

html[dir=ltr] .facets__summary {
    padding-right: 3.3125rem;
    padding-left: 1rem
}

.no-touchevents .facets__summary:hover,
.facets__summary:focus,
.facets__summary.content-opened {
    border-color: var(--color-borders-forms-secondary)
}

.facets__summary:focus-visible {
    box-shadow: 0 0 0 .1875rem var(--color-secondary-background-main)
}

.facets__display {
    position: absolute;
    background: var(--color-background-main);
    border: var(--border-width-forms) solid var(--color-borders-forms-primary);
    border-radius: var(--border-radius-forms);
    top: calc(100% + .625rem);
    width: 21.875rem;
    width: max-content;
    min-width: 18.75rem;
    overflow-y: auto;
    box-shadow: .3125rem .3125rem .625rem #00000012
}

html[dir=rtl] .facets__display {
    right: 0
}

html[dir=ltr] .facets__display {
    left: 0
}

.facets__form--mobile .facets__display {
    min-width: 0
}

.facets__header {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--color-borders-forms-primary);
    display: flex;
    justify-content: space-between
}

.facets__header a {
    display: inline-block;
    text-decoration: underline
}

.facets__list {
    list-style: none;
    padding: .875rem 1rem;
    margin: 0
}

.facets__item {
    padding: .3125rem 0
}

.facets__item label {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .875rem;
    width: 100%;
    cursor: pointer
}

.facets__item label.facet-checkbox--disabled {
    opacity: .24;
    pointer-events: none
}

.facets__item input[type=checkbox] {
    cursor: pointer
}

.facets__price {
    padding: 1.25rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.facets__price .field {
    border: var(--border-width-forms) solid var(--color-borders-forms-primary);
    border-radius: var(--border-radius-forms);
    position: relative
}

.facets__price .field__currency {
    position: absolute;
    opacity: .36;
    top: 50%;
    transform: translateY(-50%);
    padding-top: .125rem
}

html[dir=rtl] .facets__price .field__currency {
    right: .75rem
}

html[dir=ltr] .facets__price .field__currency {
    left: .75rem
}

.facets__price .field__label {
    text-transform: lowercase
}

.facets__price input {
    width: 6.25rem;
    height: 2rem;
    padding-inline-start: 2.5rem;
    -webkit-padding-start: 2.5rem;
    border: none;
    text-align: end
}

.collection-filters__item select {
    width: fit-content
}

.collection-filters__label {
    margin-bottom: .75rem;
    display: block
}

.disclosure-has-popup:focus {
    outline: none !important
}

.disclosure-has-popup:focus {
    border-color: var(--color-borders-forms-secondary);
    box-shadow: 0 0 0 3px var(--color-borders-forms-primary);
    outline: none !important
}

.disclosure-has-popup summary:focus {
    outline: none !important
}

.disclosure-has-popup[open]>summary:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: " ";
    background: 0 0
}

html[dir=rtl] .disclosure-has-popup[open]>summary:before {
    right: 0
}

html[dir=ltr] .disclosure-has-popup[open]>summary:before {
    left: 0
}

.facets__form--mobile .disclosure-has-popup[open]>summary:before {
    display: none
}

.disclosure-has-popup[open]>summary+* {
    z-index: 100
}

.active-facets {
    margin: .5rem 0 1.125rem;
    display: flex;
    gap: .625rem;
    flex-wrap: wrap
}

.active-facets__button {
    position: relative
}

.active-facets__button--light {
    padding-inline-end: 2.5rem
}

.active-facets__button svg {
    top: 50%;
    width: 1.875rem;
    height: 1.875rem;
    transform: translateY(-50%);
    position: absolute;
    pointer-events: none
}

html[dir=rtl] .active-facets__button svg {
    left: .5rem
}

html[dir=ltr] .active-facets__button svg {
    right: .5rem
}

.active-facets__button svg * {
    transition: all .1s linear;
    fill: var(--color-text-main)
}

.no-touchevents .active-facets__button:hover svg * {
    fill: var(--color-foreground-accent-main);
    stroke: none !important
}

.active-facets:empty {
    display: none
}

.facets__form--mobile {
    display: block
}

.facets-sidebar .facets__form--mobile {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--gutter-regular)
}

.facets__form--mobile .facets__prewrapper {
    max-width: 100%;
    padding: var(--sidebar-gutter)
}

.grid .facets__form--mobile .facets__prewrapper {
    padding: 0
}

.facets__form--mobile .facets__disclosure {
    width: 100%
}

.facets__form--mobile .facets__summary {
    width: 100%;
    padding-inline-start: 0 !important;
    -webkit-padding-start: 0 !important;
    padding-inline-end: 1.875rem;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--color-borders-main) !important;
    background-position: 100% center
}

.facets__form--mobile .facets__disclosure {
    margin-bottom: 0
}

.facets__form--mobile .facets__display {
    position: relative;
    border: 0;
    top: 0;
    width: 100%;
    max-height: auto;
    box-shadow: none
}

html[dir=rtl] .facets__form--mobile .facets__display {
    right: 0
}

html[dir=ltr] .facets__form--mobile .facets__display {
    left: 0
}

.facets__form--mobile .facets__header {
    display: none
}

.facets__form--mobile .facets__disclosure[open] .facets__and-helper-text--mobile {
    display: block
}

.facets__form--mobile .facets__heading,
.facets__form--mobile .collection-filters__label {
    display: block;
    line-height: 1;
    font-weight: var(--font-weight-body-bold)
}

.facets__form--mobile .facets__list {
    margin-top: .75rem;
    padding: 0
}

.facets__form--mobile .facets__price {
    padding: .75rem 0 .5rem
}

.facets__form--mobile .active-facets {
    margin-top: 1.125rem
}

.sidebar .facets__form--mobile>div:first-child .collection-filters__item.sorting:first-child {
    margin-top: 1.125rem
}

.facets__form--mobile .collection-filters__item {
    padding: 0 var(--sidebar-gutter)
}

.grid .facets__form--mobile .collection-filters__item {
    padding: 0
}

.facets__form--mobile .collection-filters__item select {
    width: 100%
}

facet-filters-form[data-location=mobile] {
    padding: 0 !important
}

.collection-product-count {
    opacity: .66;
    margin-bottom: 1.75rem
}

.collection.loading {
    opacity: .36;
    pointer-events: none
}

@media screen and (max-width: 767px) {
    .section-heading--facets .section-heading__text {
        order: 2
    }

    .section-heading--facets .section-heading__actions {
        order: 1;
        margin-top: 0;
        margin-bottom: .875rem
    }
}

.grid .section-heading--facets {
    margin: 0
}

.collection-heading-container--facets {
    grid-gap: .625rem;
    padding-bottom: 1.875rem
}

.grid--has-sidebar-facets .collection-heading-container--facets {
    grid-gap: 0
}

.grid--has-sidebar-facets .active-facets {
    margin-bottom: .5rem
}

.grid--has-sidebar-facets .collection-heading-container {
    margin-top: .5rem;
    padding-bottom: .75rem
}

.grid--has-sidebar-facets-with-sorting .collection-heading-container {
    margin-top: -.5rem
}

@media screen and (max-width: 767px) {
    .grid .facets-sidebar {
        display: none
    }
}

.swatch-list {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: .625rem
}

.facets__form--horizontal .swatch-list {
    display: grid;
    min-width: 23.4375rem;
    grid-template-columns: repeat(4, 25%);
    justify-content: center
}

.facets__form--horizontal .swatch-list li {
    width: auto
}

.swatch-list label.facet-checkbox {
    grid-template-columns: 100%;
    justify-items: center
}

.swatch-list--image-twocolumns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .625rem
}

.swatch-list__item {
    margin: 0 !important;
    position: relative;
    min-width: 3.5rem;
    line-height: 1;
    flex-shrink: 0
}

.swatch-list__item:hover .swatch-list__item-image,
.swatch-list__item:hover .swatch-list__item-color {
    border-color: var(--color-borders-forms-secondary)
}

.swatch-list__item .styled-checkbox {
    display: none
}

.swatch-list__item .styled-checkbox:checked+.swatch-list__item-color,
.swatch-list__item .styled-checkbox:checked+.swatch-list__item--image-shape,
.swatch-list__item .styled-checkbox:checked+.swatch-list__item-image {
    border-color: var(--color-text-main)
}

.swatch-list__item-image,
.swatch-list__item-color {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-borders-forms-primary);
    width: 1.875rem;
    height: 1.875rem
}

.swatch-list__item-image:after,
.swatch-list__item-color:after {
    content: "";
    display: inline-block;
    padding-top: 100%
}

.swatch-list__item-image img,
.swatch-list__item-color img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
    max-height: 120%
}

.swatch-list--image-onecolumn .swatch-list__item--image:not(:last-child) {
    margin-bottom: .9375rem !important
}

.swatch-list--image-twocolumns .swatch-list__item--image {
    padding: 0 !important
}

.swatch-list__item--image-shape {
    border: solid 1px var(--color-borders-forms-primary);
    border-radius: var(--border-radius-forms);
    transition: all 175ms linear;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block
}

.swatch-list__item--image label {
    grid-template-columns: 5rem auto;
    padding: .9375rem
}

.swatch-list__item--image label:hover .swatch-list__item--image-shape {
    border-color: var(--color-text-main)
}

.swatch-list--image-twocolumns .swatch-list__item--image label {
    grid-template-columns: 100%;
    justify-items: center;
    text-align: center;
    height: 100%;
    margin: 0;
    align-items: end
}

.swatch-list__item--image-active label {
    border-color: var(--color-text-main)
}

.swatch-list__item--image img {
    position: relative;
    max-width: 5rem;
    width: 100%;
    height: auto
}

.swatch-list--image-twocolumns .swatch-list__item--image img {
    align-self: end
}

.facets__item--swatch .swatch {
    border-radius: 100%;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-borders-forms-primary)
}

html[dir=rtl] .facets__item--swatch {
    right: .0625rem
}

html[dir=ltr] .facets__item--swatch {
    left: .0625rem
}

.facets__item--swatch input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.no-touchevents .facets__item--swatch input[type=checkbox]:hover+.swatch {
    border-color: var(--color-borders-forms-secondary)
}

.facets__item--swatch input[type=checkbox]:checked+.swatch {
    border-color: var(--color-text-main)
}

.facets__item input[type=checkbox]:focus-visible+span,
.facets__item input[type=checkbox]:focus-visible+div {
    outline: 1px solid var(--color-text-main)
}

.range-slider {
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    background: #ddd;
    border-radius: 5px;
    margin-bottom: .75rem;
    margin-top: .75rem
}

.facets__form--mobile .range-slider-wrapper {
    padding: var(--gutter-regular) 0 var(--gutter-small) 0 !important
}

.facets__disclosure .range-slider-wrapper {
    padding: 0 1rem .75rem
}

.facets__form--horizontal .range-slider {
    width: calc(100% - 2rem);
    top: -1rem
}

html[dir=rtl] .facets__form--horizontal .range-slider {
    right: 1rem
}

html[dir=ltr] .facets__form--horizontal .range-slider {
    left: 1rem
}

.range-slider[data-vertical] {
    height: 100%;
    width: 8px
}

.range-slider[data-disabled] {
    opacity: .5;
    cursor: not-allowed
}

.range-slider .range-slider__thumb {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: solid .125rem var(--color-text-main);
    background: var(--color-background-main)
}

.range-slider .range-slider__thumb:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 6px #2196f380
}

.range-slider[data-vertical] .range-slider__thumb {
    left: 50%
}

.range-slider .range-slider__thumb[data-disabled] {
    z-index: 2
}

.range-slider .range-slider__range {
    position: absolute;
    z-index: 1;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    height: 100%;
    background: var(--color-text-main)
}

.range-slider[data-vertical] .range-slider__range {
    left: 50%;
    transform: translate(-50%)
}

.range-slider input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 0;
    height: 0;
    background-color: transparent;
    display: none
}

html[dir=rtl] .range-slider input[type=range] {
    right: 0
}

html[dir=ltr] .range-slider input[type=range] {
    left: 0
}

.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none
}

.range-slider input[type=range]::-moz-range-thumb {
    width: 0;
    height: 0;
    border: 0
}

.range-slider input[type=range]:focus {
    outline: 0
}

/*# sourceMappingURL=/cdn/shop/t/49/assets/component-facets.css.map?v=45146566010328091611760045838 */