.xfacet-bar{display:none}@media(min-width:1024px){.xfacet-bar{display:block;margin:0}.collection:has(.xcard) .facet-drawer-wrapper{display:none}}.xfacet-bar .face-form{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--xc-sp-2)}.xfacet-bar .facet-accordion-details{position:relative;border:0;margin:0;padding:0;background:none;overflow:visible!important;height:auto!important}.xfacet-bar .accordion-details__summary{display:inline-flex;align-items:center;gap:.6rem;min-height:4rem;padding:.6rem 1.4rem;border:1px solid var(--xc-frame-border);border-radius:.8rem;background:var(--xc-bg);font-size:1.4rem;font-weight:500;color:var(--xc-heading);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:border-color var(--xc-transition-fast),box-shadow var(--xc-transition-fast)}.xfacet-bar .accordion-details__summary::-webkit-details-marker{display:none}.xfacet-bar .accordion-details__summary:hover{border-color:var(--xc-frame-border-hover);box-shadow:0 4px 12px #1010240f}.xfacet-bar .facet-accordion-details[open]>.accordion-details__summary{border-color:var(--xc-heading)}.xfacet-bar .accordion-details__summary .h6{margin:0;font-size:inherit;font-weight:inherit;line-height:1.2;color:inherit}.xfacet-bar .accordion-details__summary>svg,.xfacet-bar .accordion-details__summary .icon-plus-toggle{display:none}.xfacet-bar .accordion-details__summary:after{content:"";flex-shrink:0;width:.7rem;height:.7rem;margin-left:.2rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15rem) rotate(45deg);transition:transform .2s ease}.xfacet-bar .facet-accordion-details[open]>.accordion-details__summary:after{transform:translateY(.1rem) rotate(-135deg)}.xfacet-bar .accordion-details__helptext{display:none}.xfacet-bar .accordion-details__content{position:absolute;top:calc(100% + .4rem);left:0;z-index:20;margin:0;min-width:24rem;max-width:34rem;max-height:min(42rem,60vh);overflow-y:auto;overscroll-behavior:contain;padding:var(--xc-sp-4);background:var(--xc-bg);border:1px solid var(--xc-frame-border);border-radius:.8rem;box-shadow:0 10px 28px #1010241f}.xfacet-bar .facet-accordion-details[data-align=end]>.accordion-details__content{left:auto;right:0}.xfacet-bar .facet-accordion-details:nth-child(2)>.accordion-details__summary{padding:.6rem 1.4rem}.xfacet-bar .facet-accordion-details:last-child>.accordion-details__content{padding:var(--xc-sp-4)}.xfacet-bar .accordion-details__content .count{font-weight:400;opacity:.6}.xfacet-bar .accordion-details__content li{line-height:1.35}.collection:has(.xcard) .facets-active{margin:0 0 var(--xc-sp-4)}.collection:has(.xcard) .facets-active:empty{display:none;margin:0}.collection:has(.xcard) .facets-active .facet-remove{min-height:3.2rem;height:auto;padding:.4rem .8rem .4rem 1.2rem;border:1px solid var(--xc-frame-border);border-radius:.8rem;background:var(--xc-bg);color:var(--xc-heading);font-size:1.3rem;font-weight:500;line-height:1.2;text-transform:none;transition:border-color var(--xc-transition-fast),box-shadow var(--xc-transition-fast)}.collection:has(.xcard) .facets-active .facet-remove:before{display:none}.collection:has(.xcard) .facets-active .facet-remove:hover,.collection:has(.xcard) .facets-active .facet-remove:focus-visible{background:var(--xc-bg);color:var(--xc-heading);border-color:var(--xc-frame-border-hover);box-shadow:0 4px 12px #1010240f}.collection:has(.xcard) .facets-active .facet-remove:hover :is(.btn__text,.facet-title){color:var(--xc-heading)}@media(hover:none),(pointer:coarse){.collection:has(.xcard) .facets-active .facet-remove:hover,.collection:has(.xcard) .facets-active .facet-remove:active{border-color:var(--xc-frame-border);box-shadow:none}}.collection:has(.xcard) .facets-active .facet-remove svg{width:1.3rem;height:1.3rem;flex-shrink:0;opacity:.55;transition:opacity var(--xc-transition-fast)}.collection:has(.xcard) .facets-active .facet-remove:hover svg{opacity:1}.collection:has(.xcard) .facets-active .facet-clear-all{min-height:3.2rem;padding:.4rem .8rem;font-size:1.3rem;color:var(--xc-heading);text-decoration:underline;text-underline-offset:.2em;transition:opacity .15s ease}.collection:has(.xcard) .facets-active .facet-clear-all:hover{opacity:.7}.collection:has(.xcard) #SortByContainer{gap:.6rem}.xsort-tile{display:none}.collection:has(.xcard) #SortByContainer .select{height:4rem;min-height:0;padding-block:0;padding-inline:1.4rem;border:1px solid var(--xc-frame-border);border-radius:.8rem;background:var(--xc-bg);transition:border-color var(--xc-transition-fast),box-shadow var(--xc-transition-fast)}.collection:has(.xcard) #SortByContainer .select:hover{border-color:var(--xc-frame-border-hover);box-shadow:0 4px 12px #1010240f}.collection:has(.xcard) #SortByContainer .select:focus-within{border-color:var(--xc-heading)}.collection:has(.xcard) #SortByContainer .form-control--select{height:auto;min-height:0;padding:0;border:0;background:none;line-height:1;font-size:1.4rem;font-weight:500;color:var(--xc-heading)}.collection:has(.xcard) .facet-drawer-button:before{display:none}.collection:has(.xcard) .facet-drawer-button:hover,.collection:has(.xcard) .facet-drawer-button:focus-visible,.collection:has(.xcard) .facet-drawer-button.btn--active,.collection:has(.xcard) .facet-drawer-button[aria-expanded=true]{background:var(--xc-bg);border-color:var(--xc-frame-border-hover);box-shadow:0 4px 12px #1010240f;color:var(--xc-heading)}.collection:has(.xcard) .facet-drawer-button:hover :is(.btn__text,.btn__icon),.collection:has(.xcard) .facet-drawer-button.btn--active :is(.btn__text,.btn__icon),.collection:has(.xcard) .facet-drawer-button[aria-expanded=true] :is(.btn__text,.btn__icon){color:var(--xc-heading)}@media(hover:none),(pointer:coarse){.collection:has(.xcard) .facet-drawer-button:hover,.collection:has(.xcard) .facet-drawer-button:active{border-color:var(--xc-frame-border);box-shadow:none}}@media(max-width:1023px){.collection:has(.xcard) .collection__toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:var(--xc-sp-3);background:transparent;padding:0}.collection:has(.xcard) .collection__toolbar-left,.collection:has(.xcard) .collection__toolbar-right{min-width:0;flex-direction:row;align-items:stretch;justify-content:center}.collection:has(.xcard) .facet-drawer-wrapper,.collection:has(.xcard) .facet-drawer-button-wrap{display:flex;flex:1;min-width:0}.collection:has(.xcard) .facet-drawer-button,.collection:has(.xcard) #SortByContainer .select{flex:1;height:3.84rem;min-height:0;padding-block:0;padding-inline:.96rem;border:1px solid var(--xc-frame-border);border-radius:.64rem;background:var(--xc-bg);color:var(--xc-heading);font-size:1.12rem;font-weight:500;text-transform:none}.collection:has(.xcard) .collection__toolbar-left>[data-facet-loading]{display:none}.collection:has(.xcard) #SortByContainer{display:flex!important;flex:1;min-width:0}.collection:has(.xcard) #SortByContainer .select{min-width:0}.collection:has(.xcard) #SortByContainer>label{display:none}.collection:has(.xcard) #SortByContainer{position:relative}.collection:has(.xcard) #SortByContainer .select{position:relative}.collection:has(.xcard) #SortByContainer .select>select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;line-height:1}.collection:has(.xcard) #SortByContainer .select>svg{display:none}.collection:has(.xcard) .xsort-tile{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.64rem;pointer-events:none;font-size:1.12rem;font-weight:500;color:var(--xc-heading)}.collection:has(.xcard) .xsort-tile svg,.collection:has(.xcard) .facet-drawer-button .btn__text svg{width:1.92rem;height:1.92rem;flex-shrink:0}.collection:has(.xcard) .facet-drawer-button .btn__text{gap:.64rem;font-size:1.12rem;font-weight:500}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/xenon-facets.css.map */