.ctf-wrapper{--ctf-yellow: #f5c800;--ctf-charcoal: #2c2f36;--ctf-white: #ffffff;--ctf-border: #d0d3d8;--ctf-text-default: #2c2f36;--ctf-btn-radius: 3px;--ctf-btn-height: 42px;--ctf-gap: 8px;--ctf-pad-x: 20px;--ctf-arrow-size: 30px;--ctf-arrow-gap: 10px;--ctf-fade-width: 80px;--ctf-transition: .16s cubic-bezier(.25, .46, .45, .94);--ctf-font-size: .8125rem;--ctf-font-weight: 600;--ctf-letter-spacing: .06em}.ctf-wrapper{position:relative;width:100%;background:#fff;border-top:1px solid var(--ctf-border);border-bottom:3px solid var(--ctf-yellow);overflow:hidden}.ctf-wrapper:before,.ctf-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:var(--ctf-fade-width);pointer-events:none;z-index:2;opacity:0;transition:opacity .22s ease}.ctf-wrapper:before{left:var(--ctf-bar-inset-left, 0px);background:linear-gradient(to right,#ffffff 15%,transparent)}.ctf-wrapper:after{right:var(--ctf-bar-inset-right, 0px);background:linear-gradient(to left,#ffffff 15%,transparent)}.ctf--fade-left:before{opacity:1}.ctf--fade-right:after{opacity:1}.ctf-wrapper{box-shadow:0 2px 8px #2c2f360f}.ctf-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:var(--ctf-arrow-size);height:var(--ctf-arrow-size);border-radius:50%;border:1.5px solid var(--ctf-border);background:#fff;color:var(--ctf-charcoal);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 1px 6px #0000001a;padding:0;line-height:1;transition:background var(--ctf-transition),border-color var(--ctf-transition),color var(--ctf-transition),opacity var(--ctf-transition)}.ctf--overflow .ctf-arrow{display:flex}.ctf-arrow--prev{left:calc(var(--ctf-bar-inset-left, 0px) + 6px)}.ctf-arrow--next{right:calc(var(--ctf-bar-inset-right, 0px) + 6px)}.ctf-arrow--hidden{opacity:0;pointer-events:none}@media(hover:hover){.ctf-arrow:hover{background:var(--ctf-charcoal);border-color:var(--ctf-charcoal);color:#fff}}.ctf-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ctf-gap);max-width:1400px;margin:0 auto;padding:0 var(--ctf-pad-x);box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:var(--ctf-alignment, center)}.ctf-bar::-webkit-scrollbar{display:none}.ctf-wrapper.ctf--overflow .ctf-bar{justify-content:flex-start!important;padding-left:0;padding-right:0}.ctf-wrapper.ctf--overflow .ctf-bar:before,.ctf-wrapper.ctf--overflow .ctf-bar:after{content:"";display:block;flex-shrink:0;min-width:calc(var(--ctf-arrow-size) + var(--ctf-arrow-gap) + 6px)}.ctf-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:var(--ctf-btn-height);padding:0 20px;border-radius:var(--ctf-btn-radius);border:1.5px solid var(--ctf-border);background:transparent;color:var(--ctf-text-default);font-size:var(--ctf-font-size);font-weight:var(--ctf-font-weight);letter-spacing:var(--ctf-letter-spacing);text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background var(--ctf-transition),color var(--ctf-transition),border-color var(--ctf-transition),box-shadow var(--ctf-transition)}.ctf-btn__label{position:relative}.ctf-btn__label:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--ctf-yellow);transform:scaleX(0);transform-origin:left center;transition:transform var(--ctf-transition)}@media(hover:hover){.ctf-btn:not(.ctf-btn--active):hover{background:var(--ctf-charcoal);border-color:var(--ctf-charcoal);color:var(--ctf-white);box-shadow:0 2px 8px #2c2f3629}.ctf-btn:not(.ctf-btn--active):hover .ctf-btn__label:after{transform:scaleX(1)}}.ctf-btn:focus-visible{outline:2px solid var(--ctf-yellow);outline-offset:2px}.ctf-btn--active{background:var(--ctf-charcoal);border-color:var(--ctf-charcoal);color:var(--ctf-white);box-shadow:inset 3px 0 0 0 var(--ctf-yellow),0 2px 8px #2c2f3629;cursor:pointer}.ctf-btn--active .ctf-btn__label:before{content:"\d7";display:inline-block;margin-right:5px;font-size:1em;line-height:1;opacity:.7}.ctf-btn--active .ctf-btn__label:after{display:none}@media(hover:hover){.ctf-btn--active:hover{background:var(--ctf-charcoal-mid, #3d424c);border-color:var(--ctf-charcoal-mid, #3d424c);box-shadow:inset 3px 0 0 0 var(--ctf-yellow),0 2px 8px #2c2f3629}}@media(max-width:1024px){.ctf-wrapper{--ctf-arrow-size: 26px;--ctf-pad-x: 16px}}@media(max-width:767px){.ctf-wrapper{--ctf-arrow-size: 24px;--ctf-arrow-gap: 8px;--ctf-btn-height: 36px;--ctf-font-size: .75rem;--ctf-gap: 6px;--ctf-pad-x: 12px}.ctf-btn{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/collection-top-filters.css.map */