:root{--td-facets-ink: rgb(var(--color-foreground));--td-facets-surface: rgb(var(--color-background));--td-facets-cream: #f5eee7;--td-facets-on-ink: rgb(var(--color-background));--td-facets-button: rgb(var(--color-button));--td-facets-on-button: rgb(var(--color-button-text));--td-facets-border: #d7d7d7;--td-facets-divider: #b3b3b3;--td-facets-box: #8a8a8a;--td-facets-pill: #f5eee7;--td-facets-pill-hover: #ebe1d5;--td-facets-muted: rgba(var(--color-foreground), .7);--td-facets-meter-off: #ddd5cb;--td-facets-scroll-track: #ece6de;--td-facets-scroll-thumb: #8a8a8a}.td-facets-heading{margin:0;padding:0 16px 12px;border-bottom:1px solid var(--td-facets-divider);font-size:13px;font-weight:600;line-height:20px;letter-spacing:.12em;text-transform:uppercase}.td-facets .td-accordion__toggle{cursor:pointer}.td-facets .td-accordion__item.is-active .td-accordion__toggle{padding-bottom:16px}.td-facets .td-accordion__icons--caret .icon,.td-facets .td-accordion__item.is-active .td-accordion__icons--caret .icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.td-facets .td-accordion__icons--caret{opacity:.7;transition:opacity .15s ease}.td-facets .td-accordion__toggle:hover .td-accordion__icons--caret,.td-facets .td-accordion__item.is-active .td-accordion__icons--caret{opacity:1}.td-facets.td-accordion .td-accordion__content,.td-facets .td-accordion .td-accordion__content{transition:max-height .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.td-facets .td-accordion__icons--caret,.td-facets .td-accordion__icons--caret .icon,.td-facets .td-accordion .td-accordion__content{transition:none}}.td-facet-search{--td-facet-search-rows: 6;--td-facet-search-row: 36px;display:flex;flex-direction:column}.td-facet-search__field{position:relative;margin:0 16px 6px}.td-facet-search__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--td-facets-muted);pointer-events:none}.td-facet-search__input{width:100%;height:44px;box-sizing:border-box;padding:0 12px 0 36px;border:1px solid var(--td-facets-border);border-radius:0;background:var(--td-facets-surface);color:var(--td-facets-ink);font:inherit;font-size:14px;letter-spacing:.6px;-webkit-appearance:none;appearance:none}.td-facet-search__input:focus,.td-facet-search__input:focus-visible{outline:2px solid transparent;outline-offset:-2px;border-color:var(--td-facets-ink);box-shadow:inset 0 0 0 1px var(--td-facets-ink)}.td-facet-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin:0;background-color:var(--td-facets-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1L1 11' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1L1 11' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer;opacity:.7}.td-facet-search__input::-webkit-search-cancel-button:hover{opacity:1}.td-facets .td-facet-search .mobile-facets__list{max-height:calc(var(--td-facet-search-rows) * var(--td-facet-search-row));overflow-y:auto;overscroll-behavior:contain;margin-right:8px;scrollbar-width:thin;scrollbar-color:var(--td-facets-scroll-thumb) var(--td-facets-scroll-track)}.td-facets .td-facet-search .mobile-facets__list::-webkit-scrollbar{width:6px}.td-facets .td-facet-search .mobile-facets__list::-webkit-scrollbar-track{background:var(--td-facets-scroll-track);border-radius:3px}.td-facets .td-facet-search .mobile-facets__list::-webkit-scrollbar-thumb{background:var(--td-facets-scroll-thumb);border-radius:3px}.td-facet-search [data-td-facet-search-item][hidden]{display:none}.td-facet-search__empty,.td-facet-search__status{order:3;text-align:left;margin:8px 16px 0;font-size:12px;line-height:16px;color:var(--td-facets-muted)}.td-facet-search__empty{font-size:14px;color:var(--td-facets-ink)}.td-facet-search__status{order:4;padding-bottom:12px}.td-facets .mobile-facets__label{align-items:center;padding-top:8px;padding-bottom:8px;padding-left:16px}.td-facets input.mobile-facets__checkbox{top:50%;left:16px;transform:translateY(-50%)}.td-facets .mobile-facets__label>input[type=checkbox]~.icon-box{width:16px;height:16px;box-sizing:border-box;border:1px solid currentColor;border-radius:2px;background-color:transparent}.td-facets .mobile-facets__label>input[type=checkbox]~.icon-box rect{stroke:none;fill:none}.td-facets .mobile-facets__label>input~.icon-box{color:var(--td-facets-box);transition:color .15s ease}.td-facets .mobile-facets__label:hover>input:not(:checked)~.icon-box{color:var(--td-facets-ink)}.td-facets .mobile-facets__label>input:checked~.icon-box{color:var(--td-facets-ink)}.td-facets .mobile-facets__label>input[type=checkbox]:checked~.icon-box{background-color:currentColor}.td-facets .mobile-facets__label .icon-checkmark,.td-facets .mobile-facets__label>input[type=radio]~.icon-checkmark{top:50%;left:19px;width:10px;height:7px;margin:0;transform:translateY(-50%);color:var(--td-facets-on-ink);background-color:transparent}.td-facets .mobile-facets__label>input:focus-visible~.icon-box{outline:2px solid var(--td-facets-ink);outline-offset:2px}.td-facet-icon{display:inline-flex;flex-shrink:0;width:26px;height:26px;margin-right:10px;color:var(--td-facets-ink)}.td-facet-icon:not(:has(svg,img)){display:none}.td-facet-icon svg,.td-facet-icon img{width:100%;height:100%;object-fit:contain}.td-facet-meter{display:inline-flex;align-items:center;gap:3px;margin-left:10px}.td-facet-meter__bar{width:16px;height:6px;border-radius:3px;background:var(--td-facets-meter-off)}.td-facet-meter__bar--on{background:var(--td-facets-ink)}.td-facets [data-td-facet-kind=chips] .mobile-facets__list{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.td-facets [data-td-facet-kind=chips] .mobile-facets__item{width:auto}.td-facets [data-td-facet-kind=chips] .mobile-facets__label{align-items:center;width:auto;min-height:44px;box-sizing:border-box;padding:0 16px 0 14px;border:1px solid var(--td-facets-border);border-radius:8px;font-size:14px;letter-spacing:.6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.td-facets [data-td-facet-kind=chips] .mobile-facets__label:hover{border-color:var(--td-facets-ink)}.td-facets [data-td-facet-kind=chips] .mobile-facets__label:has(input:checked){background-color:var(--td-facets-cream);border-color:var(--td-facets-ink);font-weight:500}.td-facets [data-td-facet-kind=chips] .mobile-facets__label:has(input:focus-visible){outline:2px solid var(--td-facets-ink);outline-offset:2px;border-radius:8px}.td-facets [data-td-facet-kind=chips] input.mobile-facets__checkbox{top:50%;left:14px;width:16px;height:16px;transform:translateY(-50%)}.td-facets [data-td-facet-kind=chips] .mobile-facets__label>.icon-box{margin-right:8px}.td-facets [data-td-facet-kind=chips] .mobile-facets__label .icon-checkmark{top:50%;left:17px;width:10px;height:7px;transform:translateY(-50%);color:var(--td-facets-on-ink);background-color:transparent}.facets-vertical-sort:has(.td-facets-heading) .active-facets,.td-facets .active-facets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.facets-vertical-sort:has(.td-facets-heading) .active-facets .active-facets__button,.td-facets .active-facets .active-facets__button{margin:0}.facets-vertical-sort:has(.td-facets-heading) span.active-facets__button-inner,.td-facets span.active-facets__button-inner{align-items:center;gap:8px;min-height:34px;box-sizing:border-box;padding:0 12px 0 16px;border:0;border-radius:8px;background:var(--td-facets-pill);color:var(--td-facets-ink);font-size:13px;line-height:16px;letter-spacing:.4px;transition:background-color .15s ease}.facets-vertical-sort:has(.td-facets-heading) .active-facets__button:hover span.active-facets__button-inner,.td-facets .active-facets__button:hover span.active-facets__button-inner{background:var(--td-facets-pill-hover)}.facets-vertical-sort:has(.td-facets-heading) .active-facets__button svg,.td-facets .active-facets__button svg{width:9px;height:9px;margin:0;opacity:.6;transition:opacity .15s ease}.facets-vertical-sort:has(.td-facets-heading) .active-facets__button:hover svg,.td-facets .active-facets__button:hover svg{opacity:1}.facets-vertical-sort:has(.td-facets-heading) .active-facets__button-remove,.td-facets .active-facets__button-remove{margin-left:4px;font-size:13px;font-weight:400;line-height:34px;letter-spacing:.4px;color:var(--td-facets-ink);opacity:1;text-underline-offset:3px}.facets-vertical-sort:has(.td-facets-heading) .active-facets__button-remove:hover,.td-facets .active-facets__button-remove:hover{color:var(--td-facets-muted)}@media(prefers-reduced-motion:reduce){.td-facets .mobile-facets__label>input~.icon-box,.facets-vertical-sort:has(.td-facets-heading) span.active-facets__button-inner,.facets-vertical-sort:has(.td-facets-heading) .active-facets__button svg,.td-facets span.active-facets__button-inner,.td-facets .active-facets__button svg{transition:none}}@media screen and (max-width:989px){.facets-wrapper:has(>.td-facets){position:sticky;top:0;z-index:4;padding:10px 0;background:var(--td-facets-surface);transition:top .25s ease}.facets-wrapper:has(>.td-facets details[open]){z-index:101}body:has(>.shopify-section-header-sticky:not(.shopify-section-header-hidden)) .facets-wrapper:has(>.td-facets){top:var(--header-height, 0px)}.td-facets .mobile-facets__wrapper,.td-facets .mobile-facets__open-wrapper{display:block;width:100%}.td-facets .mobile-facets__wrapper{border:0}.facets-container.td-facets{grid-template-rows:none;gap:12px}.td-facets .mobile-facets__open-wrapper{padding:0}.td-facets .mobile-facets__open{flex-wrap:wrap;width:100%;gap:8px 12px}.td-facets .mobile-facets__open>*+*{margin-left:0}.td-facets .mobile-facets__open-label,.td-facets .mobile-facets__open:hover .mobile-facets__open-label{flex:1;justify-content:center;height:48px;background:var(--td-facets-button);font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--td-facets-on-button);text-decoration:none}.td-facets-bar-count{flex-basis:100%;flex-shrink:0;text-transform:none;font-size:13px;line-height:18px;letter-spacing:.4px;color:var(--td-facets-muted)}.td-facets .mobile-facets__open svg{color:var(--td-facets-on-button)}.td-facets .mobile-facets__open line,.td-facets .mobile-facets__open circle,.td-facets .mobile-facets__open:hover line,.td-facets .mobile-facets__open:hover circle{stroke:var(--td-facets-on-button)}}@media(prefers-reduced-motion:reduce){.facets-wrapper:has(>.td-facets){transition:none}}.td-facets .mobile-facets__inner{width:100%;max-width:480px}.td-facets .mobile-facets{background-color:transparent;transition:background-color .25s ease}.td-facets details.menu-opening .mobile-facets{background-color:rgba(var(--color-foreground),.5)}.td-facets .mobile-facets__inner{transition:transform .25s cubic-bezier(.4,0,.2,1);filter:none;box-shadow:-8px 0 24px rgba(var(--color-foreground),.08);will-change:transform}.td-facets .disclosure-has-popup[open]:not(.menu-opening)>summary:before{display:none}.td-facets details[open]:not(.menu-opening) .mobile-facets,.td-facets details[open]:not(.menu-opening) .mobile-facets__inner{pointer-events:none}@media(prefers-reduced-motion:reduce){.td-facets .mobile-facets,.td-facets .mobile-facets__inner{transition:none}}.td-facets .mobile-facets__header{flex-shrink:0;align-items:center;height:64px;box-sizing:border-box;padding:0 64px 0 16px;border-bottom:1px solid var(--td-facets-divider);background:var(--td-facets-surface)}.td-facets .mobile-facets__header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.td-facets-title{display:flex;flex-direction:column;gap:2px;text-align:left}.td-facets-title__count{margin:0;font-size:13px;line-height:18px;letter-spacing:.4px;color:var(--td-facets-muted)}td-facets-count-preview{display:none}.td-facets .mobile-facets__footer [aria-busy=true]{opacity:.7}.td-facets .mobile-facets__heading{font-size:18px;font-weight:500;line-height:22px;letter-spacing:.2px;text-align:left;color:var(--td-facets-ink)}.td-facets details.menu-opening .mobile-facets__close{top:10px;right:10px;width:44px;height:44px;color:var(--td-facets-ink)}.td-facets details.menu-opening .mobile-facets__close svg{width:18px;height:18px}.td-facets-clear-button .button{width:100%;font-weight:500;font-size:14px;line-height:18px;letter-spacing:1px;text-transform:uppercase;color:var(--td-facets-ink);background:var(--td-facets-surface)}
/*# sourceMappingURL=/cdn/shop/t/177/assets/td-facets.css.map */