.facets-container{position:sticky;top:var(--header-height);z-index:10;transition-property:top;transition-duration:.24s;transition-timing-function:ease-in-out;padding:.75rem .5rem 0;overflow:hidden}.show-banner .facets-container{top:var(--header-height-banner)}menu-drawer{max-width:calc(100svw - 2rem)}details.mobile-facets__disclosure{margin:0;padding:.5rem;border:var(--rule-trans);display:flex;flex-direction:column;justify-content:flex-start;border-radius:var(--radius-s);background-color:var(--color-white);box-shadow:var(--shadow)}details.mobile-facets__disclosure[open]{border:var(--rule-grey-light)}summary.mobile-facets__open-wrapper{width:100%;height:100%;color:var(--color-main)}summary.mobile-facets__open-wrapper span{line-height:1.5rem}details.mobile-facets__details summary.mobile-facets__summary{color:var(--color-main)}details.mobile-facets__details summary.mobile-facets__summary svg{width:1.5ch;height:1.5ch}.mobile-facets__header{font-size:var(--font-body-size-s);margin-bottom:.5rem}.mobile-facets__header p:last-child{margin-bottom:0}.facet-checkbox__text{line-height:var(--font-label-line);transition:opacity .24s ease-in-out}.mobile-facets__open-label{line-height:var(--font-label-line)}.mobile-facets__submenu input[type=checkbox],.facets__list input[type=checkbox],.facets-layout input[type=checkbox]{-webkit-appearance:auto;appearance:auto;flex-shrink:0}.facets-layout .swatch-input-wrapper input[type=checkbox]{-webkit-appearance:none;appearance:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.swatch-input__label{padding:1px;border:var(--rule-trans);transition:border .24s ease-in-out}.swatch-input__input:active+.swatch-input__label,.swatch-input__input:checked+.swatch-input__label,.swatch-input__input:hover+.swatch-input__label,.swatch-input__wrapper:hover .swatch-input__label,.swatch-input__wrapper .facet-checkbox__text:hover+.swatch-input__label,.swatch-input-wrapper input[type=checkbox]:hover+.swatch-input__label{border:var(--rule-green);outline:0}.mobile-facets__item__count{text-transform:none;font-family:var(--font-body-family);font-size:var(--font-body-size-s);letter-spacing:var(--font-body-letter);font-variant:normal}ul.mobile-facets__list,ul.facets__list{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:.5rem;margin:.25rem auto 1rem 0;max-height:10rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-grey-light) transparent}:is(ul.mobile-facets__list,ul.facets__list).no-js{display:none}li.mobile-facets__item,li.list-menu__item{width:100%;padding:0 .25rem}label.mobile-facets__label,label.facet-checkbox{display:flex;align-items:center;justify-content:flex-start;padding:.25rem 0;gap:.5rem;cursor:pointer}label.mobile-facets__label.facet-checkbox--disabled,label.facet-checkbox.facet-checkbox--disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.mobile-facets__item--fragrance span.mobile-facets__item__label{display:none}.mobile-facets__summary.sort-facet{padding:.5rem .66rem;justify-content:flex-start;align-items:center;background:var(--color-white);display:flex;transition:background-color .24s ease-in-out;border-bottom:.02em solid var(--color-grey)}.mobile-facets__footer,.active-facets{justify-content:flex-start;display:flex;margin:.5rem 0;padding:.5rem 0;gap:.75rem}.active-facets{margin:0;gap:.5rem;overflow-x:auto}.active-facets facet-remove:not(.active-facets__button-wrapper){background:var(--color-green-hue);color:var(--color-white);border:var(--rule-green-light);transition-property:background-color,border;transition-duration:.4s;transition-timing-function:ease-in-out;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-grey-light) transparent}.active-facets facet-remove:not(.active-facets__button-wrapper) .active-facets__toggle{transition:transform .24s ease-in-out;color:var(--color-main)}.active-facets facet-remove:not(.active-facets__button-wrapper) a:not(.active-facets__button-remove){color:var(--color-main);white-space:normal}.active-facets facet-remove:not(.active-facets__button-wrapper):hover{background:var(--color-offset);border:var(--rule-grey-light);color:var(--color-grey-dark)}.active-facets facet-remove:not(.active-facets__button-wrapper):hover a:not(.active-facets__button-remove){color:var(--color-grey)}.active-facets facet-remove:not(.active-facets__button-wrapper):hover .active-facets__toggle{color:var(--color-green);transform:scale(1.33)}.active-facets facet-remove:not(.active-facets__button-wrapper) .active-facets__button-inner{display:flex;gap:.5rem}.active-facets facet-remove:not(.active-facets__button-wrapper) .active-facets__toggle{color:var(--color-white)}.mobile-facets__footer{background:var(--color-white)}.facets__summary{background:transparent}.active-facets__ov{position:relative}.active-facets__ov:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hz-gradient);z-index:100;pointer-events:none}.mobile-facets__sort{align-items:center;width:100%;gap:.5rem}.mobile-facets__sort .select,.facet-filters__field .select{justify-self:stretch;width:100%;position:relative}.mobile-facets__sort .select select,.facet-filters__field .select select{padding:.33rem .5rem;border:.02em solid var(--color-grey);border-radius:var(--radius-s);background-color:var(--color-offset)}.mobile-facets__sort label{white-space:nowrap}.active-facets__button-inner__value{font-family:var(--font-body-family);font-size:var(--font-body-size-s);letter-spacing:var(--font-body-letter);font-variant:normal;text-transform:none}facet-remove,.active-facets__button-wrapper{white-space:nowrap;background:var(--color-offset);border:var(--rule-grey-light);color:var(--color-grey);border-radius:var(--radius-xs)}facet-remove a,.active-facets__button-wrapper a{padding:.33rem .66rem;color:var(--color-grey-dark)}.active-facets__button:has(.icon){padding-right:.5rem}.swatch-input-wrapper{width:100%;display:flex;position:relative;align-items:center;gap:.5rem}.swatch-input__input+.swatch-input__label{width:calc(1.5rem + var(--border-width))}.facets__label.facet-checkbox:has(.swatch-input-wrapper){position:relative;display:flex;align-items:center;gap:.75rem;cursor:pointer}.facets__label.facet-checkbox:has(.swatch-input-wrapper):hover .facet-checkbox__text{opacity:.5}ul.facets-layout{scrollbar-width:thin;scrollbar-color:var(--color-grey-light) transparent}ul.facets-layout-list--swatch{display:flex;flex-direction:column;gap:.5rem;overflow-x:auto}ul.facets-layout-list--swatch .mobile-facets__label{display:flex;align-items:center;gap:.5rem}.facets-container.observed .mobile-facets__wrapper{opacity:0}.facets-container.observed.in-view .mobile-facets__wrapper{animation:fadeIn 1s ease-in forwards}@media screen and (min-width:1024px){.swatch-input-wrapper{width:auto}.active-facets.active-facets-mobile,.mobile-facets__wrapper{display:none}.facets-container{position:sticky;top:var(--header-height-wpad);z-index:10;transition-property:top;transition-duration:.24s;transition-timing-function:ease-in-out;padding:0}facet-remove .fragrance-title .fragrance-title__no{font-size:var(--font-body-size-s)}.collection-main__facets{padding:1rem 0;top:var(--header-height);background-color:var(--color-blur);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.facets__form{display:flex;position:relative;flex-direction:column}.facets__heading{display:flex;color:var(--color-main);width:100%;line-height:var(--font-label-line);padding:.66rem 0}.facets__heading svg{width:1rem;padding:.25rem;transition:transform .24s ease-in-out;transform:rotate(-45deg)}.facets__heading span{margin-bottom:.1em}.facets__heading[aria-expanded=true]{opacity:.33}.facets__heading[aria-expanded=true] svg{transform:rotate(0)}.active-facets-vertical-filter{display:flex;gap:.5rem;width:100%;margin-bottom:.25rem}.active-facets-vertical-filter facet-remove.btn.btn--tertiary{width:fit-content;color:var(--color-grey)}.active-facets-vertical-filter facet-remove.btn.btn--tertiary a{padding:0;color:var(--color-grey)}.active-facets-vertical-filter facet-remove.btn.btn--tertiary:hover{color:var(--color-grey-dark)}.active-facets-vertical-filter facet-remove.btn.btn--tertiary:hover a{color:var(--color-grey-dark)}facet-remove{width:fit-content;opacity:.25;animation:slightFadeIn .4s ease-in forwards;animation-iteration-count:1}.active-facets__button-inner span.active-facets__button-inner__label{font-size:1rem;margin-bottom:.1em}.facets__wrapper{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem}.facets__wrapper details.facets__disclosure{width:auto;min-width:14rem;position:relative}.facets__wrapper details.facets__disclosure [open]{padding-bottom:0}.facets__wrapper details.facets__disclosure .facets__display{position:absolute;width:calc(100% + .2rem);left:-.1rem;max-height:25svh;overflow:auto;scrollbar-color:var(--color-grey) transparent;background:var(--color-white);border-right:.1em solid var(--color-grey);border-bottom:.1em solid var(--color-grey);border-left:.1em solid var(--color-grey);border-radius:0 0 var(--radius-s) var(--radius-s);padding-bottom:1rem}.facets__wrapper details.facets__disclosure .facets__header{padding:.33rem .66rem;font-family:var(--font-i-family);font-size:var(--font-body-size-s);font-style:italic;margin-bottom:.66em}.facets__wrapper details.facets__disclosure .facets__header a{text-decoration:underline;text-decoration-thickness:.025em;text-underline-offset:.25em}li.list-menu__item{padding:0}label.facet-checkbox{gap:.75rem}.facets__summary-label{color:var(--color-green)}fieldset.facets-wrap.parent-wrap{overflow-x:auto}.facet-filters.sorting{position:absolute;right:.33rem;top:0}.active-facets{display:flex;flex-direction:column;gap:.5rem;border-bottom:var(--rule-grey-light);overflow:hidden;transition-property:heiught,padding;transition-behavior:smooth;transition-duration:.24s;transition-timing-function:ease-in-out}.active-facets:has(facet-remove:not([class])){padding:.33rem 0 1rem}.product-count__text{font-size:var(--font-body-size-s)}facet-filters-form.facets.small-hide{max-height:calc(100svh - var(--header-height-banner-wpad));overflow-y:auto;overflow-x:hidden;padding-right:.5rem;margin-top:.5rem;scrollbar-width:thin;scrollbar-color:var(--color-grey-light) transparent}facet-filters-form.facets.small-hide .facets__heading{padding-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-facets.css.map */