.cfg{--cfg-column-width: 250px;--cfg-column-gap: 32px;--cfg-sticky-top: 100px;color:var(--cfg-filter-text, #000)}.cfg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.cfg-toolbar:not(:has(.cfg-toggle)){justify-content:flex-end}.cfg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:.9rem 1.6rem;background:var(--cfg-btn-bg, #fff);border:1px solid var(--cfg-btn-border, #a8a8a8);border-radius:0;color:var(--cfg-btn-text, #000);font-family:var(--cfg-btn-font, inherit);font-size:var(--cfg-btn-size, 15px);font-weight:var(--cfg-btn-weight, 700);text-transform:var(--cfg-btn-transform, uppercase);letter-spacing:var(--cfg-btn-letter-spacing, .02em);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.cfg-btn:hover{background:#f5f5f5}.cfg-btn:focus-visible{outline:2px solid var(--cfg-btn-text, #000);outline-offset:2px}.cfg-btn--solid,.cfg-btn--solid:hover,.cfg-sort__button[aria-expanded=true]{background:var(--cfg-btn-active-bg, #000);border-color:var(--cfg-btn-active-bg, #000);color:var(--cfg-btn-active-text, #fff)}.cfg-toggle{min-width:180px}.cfg-toggle__label--mobile{display:none}.cfg-sort{position:relative;margin-left:auto}.cfg-sort__button{min-width:260px;justify-content:space-between}.cfg-sort__prefix{margin-right:2px}.cfg-sort__current{margin-right:auto;font-weight:400}.cfg-sort__caret{flex-shrink:0;transition:transform .2s ease}.cfg-sort__button[aria-expanded=true] .cfg-sort__caret{transform:rotate(180deg)}.cfg-sort__list{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:100%;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--cfg-btn-text, #000);border-radius:6px;box-shadow:0 8px 24px #0000001f}.cfg-sort__list[hidden]{display:none}.cfg-sort__option{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer;padding:10px 16px;color:var(--cfg-btn-text, #000);font-family:var(--cfg-filter-font, inherit);font-size:var(--cfg-filter-value-size, 14px);line-height:1.3;text-decoration:none;white-space:nowrap}.cfg-sort__option:hover,.cfg-sort__option:focus-visible{background:#f2f2f2;outline:none}.cfg-sort__option[aria-selected=true]{background:var(--cfg-btn-active-bg, #000);color:var(--cfg-btn-active-text, #fff)}.cfg-layout{display:grid;grid-template-columns:var(--cfg-column-width) minmax(0,1fr);gap:var(--cfg-column-gap);align-items:start}.cfg--filters-hidden .cfg-layout,.cfg-layout:not(:has(.cfg-column)){grid-template-columns:minmax(0,1fr)}.cfg--filters-hidden .cfg-column{display:none}.cfg-results{min-width:0;transition:opacity .2s ease}.cfg.is-loading .cfg-results{opacity:.45;pointer-events:none}.cfg-column{position:sticky;top:var(--cfg-sticky-top);max-height:calc(100vh - var(--cfg-sticky-top) - 16px);overflow-y:auto;overscroll-behavior:contain;padding-right:12px;font-family:var(--cfg-filter-font, inherit);scrollbar-width:thin;scrollbar-color:#bdbdbd transparent}.cfg-column__header{position:relative;padding-bottom:14px;border-bottom:1px solid var(--cfg-filter-divider, #e2e2e2)}.cfg-column__heading{margin:0 0 4px;font-family:var(--cfg-filter-font, inherit);font-size:calc(var(--cfg-filter-heading-size, 15px) + 2px);font-weight:700;line-height:1.2;text-transform:none;color:var(--cfg-filter-text, #000)}.cfg-column__count{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cfg-filter-muted, #6b6b6b)}.cfg-column__close,.cfg-column__footer,.cfg-overlay{display:none}.cfg-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--cfg-filter-divider, #e2e2e2)}.cfg-active__list{display:contents;margin:0;padding:0;list-style:none}.cfg-active__pill{background:none;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--cfg-filter-text, #000);border-radius:999px;font-size:12px;line-height:1.2;color:var(--cfg-filter-text, #000);text-decoration:none}.cfg-active__pill:hover{background:var(--cfg-filter-text, #000);color:#fff}.cfg-active__clear{padding:0;border:0;background:none;font-family:inherit;cursor:pointer;font-size:12px;color:var(--cfg-filter-text, #000);text-decoration:underline;text-underline-offset:2px}.cfg-group{border-bottom:1px solid var(--cfg-filter-divider, #e2e2e2)}.cfg-group__summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;list-style:none;cursor:pointer;font-size:var(--cfg-filter-heading-size, 15px);font-weight:700;line-height:1.2;color:var(--cfg-filter-text, #000)}.cfg-group__summary::-webkit-details-marker{display:none}.cfg-group__summary:focus-visible{outline:2px solid var(--cfg-filter-text, #000);outline-offset:2px}.cfg-group__chevron{flex-shrink:0;transform:rotate(180deg);transition:transform .2s ease}.cfg-group[open] .cfg-group__chevron{transform:rotate(0)}.cfg-group__list{display:grid;gap:4px;margin:0;padding:0 0 16px;list-style:none}.cfg-check{position:relative;display:flex;align-items:center;gap:10px;padding:3px 0;font-size:var(--cfg-filter-value-size, 14px);line-height:1.3;color:var(--cfg-filter-text, #000);cursor:pointer}.cfg-check__input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.cfg-check__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:1px solid var(--cfg-filter-text, #000);border-radius:3px;background:#fff;color:transparent;transition:background-color .15s ease,border-color .15s ease}.cfg-check__input:checked+.cfg-check__box{background:var(--cfg-filter-accent, #000);border-color:var(--cfg-filter-accent, #000);color:#fff}.cfg-check__input:focus-visible+.cfg-check__box{outline:2px solid var(--cfg-filter-accent, #000);outline-offset:2px}.cfg-check:hover .cfg-check__box{border-color:var(--cfg-filter-accent, #000)}.cfg-check.is-disabled{color:var(--cfg-filter-muted, #6b6b6b);opacity:.55;cursor:default}.cfg-check.is-disabled .cfg-check__input{cursor:default}.cfg-price{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 0 16px}.cfg-price__field{display:grid;gap:4px}.cfg-price__label{font-size:12px;color:var(--cfg-filter-muted, #6b6b6b)}.cfg-price__input-wrap{display:flex;align-items:center;gap:4px;padding:0 10px;border:1px solid var(--cfg-btn-border, #a8a8a8);background:#fff}.cfg-price__currency{font-size:var(--cfg-filter-value-size, 14px);color:var(--cfg-filter-muted, #6b6b6b)}.cfg-price__input{width:100%;min-width:0;padding:9px 0;border:0;background:transparent;font:inherit;font-size:var(--cfg-filter-value-size, 14px);color:var(--cfg-filter-text, #000);-moz-appearance:textfield}.cfg-price__input::-webkit-outer-spin-button,.cfg-price__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cfg-price__input:focus{outline:none}.cfg-price__input-wrap:focus-within{border-color:var(--cfg-filter-text, #000)}.cfg .collection-product-card__title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}@media screen and (min-width:769px){.cfg .collection-product-card__info{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title  title" "price  swatches" "vname  rating";row-gap:.55rem}.cfg .collection-product-card__price-group{min-width:0;flex-wrap:wrap;row-gap:.15rem}.cfg .collection-product-card__category{min-width:0}.cfg .collection-product-card__variant-name{align-self:center}}.cfg-item{display:contents}.cfg-item.is-hidden,.cfg [data-cfg-grid][hidden],.cfg-empty[hidden],.cfg-active[hidden]{display:none!important}.cfg-empty{display:grid;justify-items:center;gap:16px;padding:64px 16px;text-align:center}.cfg-empty__text{margin:0;font-size:16px;color:var(--cfg-filter-text, #000)}@media screen and (max-width:1024px){.cfg-layout,.cfg--filters-hidden .cfg-layout{grid-template-columns:minmax(0,1fr)}.cfg-toolbar{margin-bottom:18px}.cfg-btn{font-size:var(--cfg-btn-size-mobile, 13px);min-height:44px;padding:.75rem 1rem}.cfg-toggle{min-width:0;flex:1 1 0}.cfg-toggle__label--desktop{display:none}.cfg-toggle__label--mobile{display:inline}.cfg-sort{flex:1 1 0;min-width:0}.cfg-sort__button{width:100%;min-width:0}.cfg-sort__current{overflow:hidden;text-overflow:ellipsis}.cfg-sort__list{left:auto;right:0;min-width:max(100%,220px)}.cfg-column,.cfg--filters-hidden .cfg-column{position:fixed;top:0;left:0;bottom:0;z-index:1001;display:block;width:min(360px,88vw);max-height:none;padding:0;background:#fff;transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.cfg.is-drawer-open .cfg-column{transform:translate(0);visibility:visible;transition:transform .3s ease}.cfg-column__inner{display:flex;flex-direction:column;min-height:100%}.cfg-column__header{position:sticky;top:0;z-index:1;padding:20px 56px 14px 20px;background:#fff}.cfg-column__close{position:absolute;top:14px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:none;color:var(--cfg-filter-text, #000);cursor:pointer}.cfg-form{flex:1 1 auto;padding:0 20px}.cfg-column__footer{position:sticky;bottom:0;display:block;padding:14px 20px;background:#fff;border-top:1px solid var(--cfg-filter-divider, #e2e2e2)}.cfg-column__done{width:100%}.cfg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;background:#0006}.cfg-overlay[hidden]{display:none}}@media(prefers-reduced-motion:reduce){.cfg-column,.cfg.is-drawer-open .cfg-column,.cfg-sort__caret,.cfg-group__chevron{transition:none}}.cfg{font-family:var(--font-arial-nova,Arial,sans-serif);--cfg-filter-accent: #8244e5;--cfg-btn-border: #19141f;--cfg-filter-text: #19141f;--cfg-btn-active-bg: #19141f;--cfg-btn-active-text: #fff}.cfg:not(.is-ready) .cfg-toolbar,.cfg:not(.is-ready) .cfg-column{display:none}.cfg:not(.is-ready) .cfg-layout{grid-template-columns:minmax(0,1fr)}.cfg *,.cfg{box-sizing:border-box}.cfg [hidden],.cfg [data-jpc-card].is-hidden{display:none!important}.cfg-toolbar{align-items:center}.cfg-toolbar__count{margin:0 auto 0 0;font-size:11px;color:#6a5e74}.cfg-toggle{min-width:154px}.cfg-btn{font-size:12px;min-height:44px;padding:12px 18px}.cfg-sort__button{min-width:230px}.cfg-sort__list{border-radius:0}.cfg-check{min-height:30px}.cfg-group__summary{font-size:13px}.cfg-check,.cfg-sort__option{font-size:12px}.cfg-column{max-height:calc(100dvh - var(--cfg-sticky-top) - 16px)}@media(max-width:1024px){.cfg-column{z-index:10001;max-height:100dvh;height:100dvh}.cfg-overlay{z-index:10000}.cfg-toolbar__count{display:none}.cfg-sort__button{min-width:0}.cfg-column__inner{min-height:100%}.cfg-column__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:400px){.cfg-btn{padding-inline:10px;font-size:11px}.cfg-sort__prefix{display:none}}.cfg-sort__compact{display:none}.cfg-sort__direction{flex:0 0 auto}.cfg-sort__button[data-cfg-sort-direction=descending] .cfg-sort__direction{transform:rotate(180deg)}.cfg-sort__button:not([data-cfg-sort-direction]) .cfg-sort__direction,.cfg-sort__button[data-cfg-sort-direction=none] .cfg-sort__direction{display:none}@media(max-width:749px){.cfg-toolbar{gap:8px}.cfg-toolbar .cfg-toggle{flex:0 0 84px;width:84px;min-width:0;padding-inline:8px}.cfg-toolbar .cfg-sort{flex:1 1 auto;min-width:0}.cfg-sort__prefix,.cfg-sort__button[aria-expanded=false] .cfg-sort__current{display:none}.cfg-sort__button[aria-expanded=false] .cfg-sort__compact{display:inline-flex;align-items:center;gap:6px;margin-right:auto;white-space:nowrap;font-weight:400}.cfg-sort__button[aria-expanded=true] .cfg-sort__current{display:block;white-space:normal;text-align:left}}.cfg-sort__sizer{display:none}@media(max-width:749px){.cfg-toolbar .cfg-toggle{flex:1 1 0;width:auto;min-width:72px}.cfg-toolbar .cfg-sort{display:grid;flex:0 1 auto;width:max-content;max-width:calc(100% - 80px);margin-left:0}.cfg-sort__sizer,.cfg-sort__button{grid-area:1 / 1}.cfg-sort__sizer{display:grid;visibility:hidden;pointer-events:none;font-weight:400;padding-right:38px}.cfg-sort__sizer>span{grid-area:1 / 1}.cfg-sort__button{padding-inline:10px}.cfg-sort__button .cfg-sort__current{overflow:visible;text-overflow:clip}.cfg-sort__list{min-width:100%;width:max-content}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/collection-filter-grid.css.map */
