:root{--cf-green: #a3ba20;--cf-green-dark: #8da11a;--cf-green-light: #f4f7e6;--cf-charcoal: #4a4a4a;--cf-gray: #808274;--cf-light-gray: #c8c8c0;--cf-border: #e0e0dc;--cf-bg: #fafaf8;--cf-white: #ffffff;--cf-radius-pill: 100px;--cf-transition: .28s cubic-bezier(.4, 0, .2, 1);--cf-transition-fast: .16s cubic-bezier(.4, 0, .2, 1)}.cf-section{background:var(--cf-bg);position:relative;z-index:2;transition:box-shadow var(--cf-transition)}.cf-section.cf-section--stuck{position:sticky;top:0;z-index:2;box-shadow:0 1px 0 var(--cf-border)}.cf-section.cf-section--stuck.cf-section--shadow{box-shadow:0 1px 0 var(--cf-border),0 4px 24px -2px #4a4a4a14}.cf-inner{padding:20px 0 24px}.cf-section--stuck .cf-inner{padding:14px 0 16px}.cf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:28px}.cf-title{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-gray);margin:0;line-height:1}.cf-clear-all{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--cf-gray);background:none;border:none;cursor:pointer;padding:4px 0;position:relative;transition:color var(--cf-transition-fast);opacity:0;transform:translate(8px);pointer-events:none;transition:opacity var(--cf-transition),transform var(--cf-transition),color var(--cf-transition-fast)}.cf-clear-all.cf-clear-all--visible{opacity:1;transform:translate(0);pointer-events:auto}.cf-clear-all:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:var(--cf-gray);transform:scaleX(0);transform-origin:right;transition:transform var(--cf-transition)}.cf-clear-all:hover{color:var(--cf-charcoal)}.cf-clear-all:hover:after{background:var(--cf-charcoal);transform:scaleX(1);transform-origin:left}.cf-groups{display:flex;flex-direction:column;gap:16px}.cf-group{display:flex;align-items:flex-start;gap:12px}.cf-group__label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--cf-charcoal);white-space:nowrap;padding-top:7px;min-width:100px;flex-shrink:0;line-height:1}.cf-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.cf-chip{display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;line-height:1;color:var(--cf-charcoal);background:var(--cf-white);border:1px solid var(--cf-border);border-radius:var(--cf-radius-pill);padding:7px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background var(--cf-transition),border-color var(--cf-transition),color var(--cf-transition),box-shadow var(--cf-transition),transform var(--cf-transition-fast);-webkit-tap-highlight-color:transparent}.cf-chip:hover{border-color:var(--cf-light-gray);box-shadow:0 1px 4px #4a4a4a0f}.cf-chip:active{transform:scale(.97)}.cf-chip[aria-pressed=true]{background:var(--cf-green);border-color:var(--cf-green);color:var(--cf-white);font-weight:500;box-shadow:0 1px 6px #a3ba2040}.cf-chip[aria-pressed=true]:hover{background:var(--cf-green-dark);border-color:var(--cf-green-dark);box-shadow:0 2px 8px #a3ba204d}.cf-chip__check{width:12px;height:12px;opacity:0;transform:scale(.5) rotate(-10deg);transition:opacity var(--cf-transition-fast),transform var(--cf-transition);flex-shrink:0;margin-left:-2px}.cf-chip[aria-pressed=true] .cf-chip__check{opacity:1;transform:scale(1) rotate(0)}.cf-chip:focus-visible{outline:2px solid var(--cf-green);outline-offset:2px}.cf-count{display:inline-flex;align-items:center;justify-content:center;background:var(--cf-green);color:var(--cf-white);font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;padding:0 5px;margin-left:6px;opacity:0;transform:scale(.5);transition:opacity var(--cf-transition),transform var(--cf-transition)}.cf-count--visible{opacity:1;transform:scale(1)}.cf-results{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:4px;border-top:1px solid var(--cf-border);opacity:0;max-height:0;overflow:hidden;transition:opacity var(--cf-transition),max-height var(--cf-transition),padding var(--cf-transition),margin var(--cf-transition)}.cf-results--visible{opacity:1;max-height:60px}.cf-results__text{font-family:DM Sans,sans-serif;font-size:13px;color:var(--cf-gray);margin:0}.cf-results__count{font-weight:600;color:var(--cf-charcoal)}.cf-no-results{text-align:center;padding:60px 20px;display:none}.cf-no-results--visible{display:block}.cf-no-results__icon{width:48px;height:48px;color:var(--cf-light-gray);margin:0 auto 16px}.cf-no-results__heading{font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;color:var(--cf-charcoal);margin:0 0 8px}.cf-no-results__text{font-family:DM Sans,sans-serif;font-size:14px;color:var(--cf-gray);margin:0}.cf-section.cf-loading .cf-chips{pointer-events:none;opacity:.6}.cf-section.cf-loading .cf-clear-all{pointer-events:none}@media screen and (max-width:749px){.cf-inner{padding:16px 0 18px}.cf-section--stuck .cf-inner{padding:10px 0 12px}.cf-header{margin-bottom:12px}.cf-groups{flex-direction:column;gap:14px}.cf-group{flex-direction:row;align-items:center;gap:10px}.cf-group__label{padding-top:0;min-width:70px;font-size:11px;flex-shrink:0}.cf-chips-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-1.5rem;padding-right:1.5rem;mask-image:linear-gradient(to right,black calc(100% - 2rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 2rem),transparent 100%)}.cf-chips-scroll::-webkit-scrollbar{display:none}.cf-chips{flex-wrap:nowrap;gap:6px}.cf-chip{font-size:12px;padding:6px 14px;white-space:nowrap}.cf-results{padding-top:12px}}.cf-scroll-dots{display:none}@media screen and (min-width:750px)and (max-width:989px){.cf-group__label{min-width:85px}}@media screen and (min-width:990px){.cf-groups{gap:12px}.cf-chip{font-size:13px;padding:7px 18px}}@media(prefers-reduced-motion:reduce){.cf-chip,.cf-chip__check,.cf-count,.cf-clear-all,.cf-results,#product-grid .grid__item,#product-grid .grid__item.cf-revealing{transition-duration:0ms!important;animation-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-filters.css.map */
