:root{--th-primary-color: rgb(var(--color-link));--th-text-color: rgb(var(--color-foreground));--th-text-muted: rgba(var(--color-foreground), .75);--th-border-color: rgba(var(--color-foreground), .08);--th-background: rgb(var(--color-background));--th-background-alt: rgba(var(--color-foreground), .04);--th-background-hover: rgba(var(--color-foreground), .05)}@keyframes filterFadeOut{0%{opacity:1;max-height:60px;margin:.25rem 0}to{opacity:0;max-height:0;margin:0;padding:0}}@keyframes filterFadeIn{0%{opacity:0;max-height:0;margin:0}to{opacity:1;max-height:60px;margin:.25rem 0}}.th-checkbox.th-checkbox--hiding{animation:filterFadeOut .3s ease forwards;overflow:hidden}.th-checkbox.th-checkbox--appearing{animation:filterFadeIn .3s ease forwards}.th-filter-checkboxes{transition:all .3s ease}.th-filter-group{transition:opacity .3s ease,transform .2s ease}.th-filter-group.th-filter-group--updating{opacity:.7;transform:scale(.98)}.th-filters-toggle{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;color:var(--th-text-color);display:flex;align-items:center;gap:.5rem}.th-filters-toggle:hover .th-filters-toggle__title{color:var(--th-primary-color)}.th-filters-toggle__title{font-size:1.5rem;font-weight:600;color:var(--th-text-color);margin:0;transition:color .3s ease}.th-filters-toggle__text--show{display:none}.th-filters-toggle__text--hide,#todohits-collections.filters-collapsed .th-filters-toggle__text--show{display:inline}#todohits-collections.filters-collapsed .th-filters-toggle__text--hide{display:none}.th-filters-toggle__icon{transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--th-text-muted);width:20px;height:20px}#todohits-collections.filters-collapsed .th-filters-toggle__icon{transform:rotate(-90deg)}.th-filters__content{padding:1.5rem 1.5rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.th-filters__mobile-header{display:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:101}.th-filters__mobile-title{font-size:1.5rem;font-weight:700;color:var(--th-text-color);margin:0}.th-filters__close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--th-text-color);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.th-filters__close:hover{background:#0000001a;transform:scale(1.1)}.th-filters__close svg{width:20px;height:20px}.th-filter-group{margin-bottom:1.5rem;opacity:0;transform:translateY(-8px) translate(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}#todohits-collections.filters-expanded .th-filter-group{opacity:1;transform:translateY(0) translate(0)}#todohits-collections.filters-expanded .th-filter-group:nth-child(1){transition-delay:.05s}#todohits-collections.filters-expanded .th-filter-group:nth-child(2){transition-delay:.1s}#todohits-collections.filters-expanded .th-filter-group:nth-child(3){transition-delay:.15s}#todohits-collections.filters-expanded .th-filter-group:nth-child(4){transition-delay:.2s}#todohits-collections.filters-expanded .th-filter-group:nth-child(5){transition-delay:.25s}#todohits-collections.filters-expanded .th-filter-group:nth-child(6){transition-delay:.3s}#todohits-collections.filters-expanded .th-filter-group:nth-child(7){transition-delay:.35s}#todohits-collections.filters-expanded .th-filter-group:nth-child(8){transition-delay:.4s}.th-filter-details{border:none;margin:0}.th-filter-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;cursor:pointer;font-weight:600;font-size:1.5rem;color:var(--th-text-color);list-style:none;transition:color .3s ease}.th-filter-summary::-webkit-details-marker{display:none}.th-filter-summary:hover{color:var(--th-primary-color)}.th-filter-title{flex:1}.th-filter-count{color:var(--th-text-muted);font-size:.875rem;margin-right:.5rem}.th-filter-icon{transition:var(--th-transition);color:var(--th-text-muted)}.th-filter-details[open] .th-filter-icon{transform:rotate(180deg)}.th-filter-content{padding:.5rem 0}.th-filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.th-checkbox{display:flex;align-items:center;cursor:pointer;position:relative;padding:.5rem 0;padding-left:32px;min-height:32px}.th-checkbox__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.th-checkbox__input:disabled{cursor:not-allowed}.th-checkbox__checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:20px;background:#fffffffa;border:2px solid rgba(var(--color-foreground),.3);border-radius:4px;transition:all .2s ease}.th-checkbox:hover .th-checkbox__checkmark{border-color:rgba(var(--color-foreground),.5);background:rgba(var(--color-foreground),.04)}.th-checkbox__input:checked~.th-checkbox__checkmark{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.th-checkbox__checkmark:after{content:"";position:absolute;display:none;left:50%;top:50%;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.th-checkbox__input:checked~.th-checkbox__checkmark:not(.th-checkbox__checkmark--switch):after{display:block;animation:checkboxAnimation .3s ease-out}@keyframes checkboxAnimation{0%{transform:translate(-50%,-60%) rotate(45deg) scale(0)}50%{transform:translate(-50%,-60%) rotate(45deg) scale(1.2)}to{transform:translate(-50%,-60%) rotate(45deg) scale(1)}}.th-checkbox--switch{padding:10px 0;display:flex;align-items:center;min-height:44px}.th-checkbox__checkmark--switch{width:44px;height:24px;background:#ccc;border-radius:34px;border:none;margin-right:12px;position:relative;transition:background-color .3s ease;flex-shrink:0}.th-checkbox__checkmark--switch:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.th-checkbox__input:checked+.th-checkbox__checkmark--switch{background:var(--th-primary-color)}.th-checkbox__input:checked+.th-checkbox__checkmark--switch:before{transform:translate(20px)}.th-checkbox--switch:hover .th-checkbox__checkmark--switch{box-shadow:0 0 0 8px #0000000a}.th-checkbox__input:focus+.th-checkbox__checkmark--switch{outline:2px solid var(--th-primary-color);outline-offset:2px}.th-show-soldout{border-top:1px solid var(--th-border-color);margin-top:20px;padding-top:5px}.th-show-soldout .th-filter-content{padding:10px 0!important}.th-checkbox__input:disabled~.th-checkbox__checkmark{opacity:.5;border-color:rgba(var(--color-foreground),.15);background:rgba(var(--color-foreground),.02)}.th-checkbox__label{color:var(--th-text-color);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:space-between;width:100%;line-height:1.4}.th-checkbox__input:disabled~.th-checkbox__label{opacity:.4;cursor:not-allowed;text-decoration:line-through;color:var(--th-text-muted)}.th-checkbox--disabled{pointer-events:none;opacity:.6}.th-checkbox--disabled .th-checkbox__label{text-decoration:line-through;color:var(--th-text-muted)}.th-checkbox--disabled .th-checkbox__count{color:#f44;font-weight:500}.th-checkbox--error{animation:shakeError .5s ease-in-out}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.th-checkbox--error .th-checkbox__checkmark{border-color:#f44!important;background:#ff44441a!important}.th-checkbox__count{color:var(--th-text-muted);font-size:13px;margin-left:8px}.th-filter-checkboxes--expandable{position:relative}.th-checkbox--hidden{display:none}.th-filter-checkboxes--expandable.is-expanded .th-checkbox--hidden{display:flex;animation:fadeInDown .3s ease-in-out}.th-filter-show-more{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;margin-top:.5rem;background:transparent;border:1px dashed var(--th-border-color);border-radius:6px;color:var(--th-text-color);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all .3s ease}.th-filter-show-more:hover{background:rgba(var(--color-foreground),.04);border-color:var(--th-primary-color)}.th-filter-show-more:active{transform:translateY(0)}.th-filter-show-more__text--show{display:inline}.th-filter-show-more__text--hide,.th-filter-checkboxes--expandable.is-expanded .th-filter-show-more__text--show{display:none}.th-filter-checkboxes--expandable.is-expanded .th-filter-show-more__text--hide{display:inline}.th-filter-show-more__icon{margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);width:18px;height:18px;flex-shrink:0;opacity:.6}.th-filter-checkboxes--expandable.is-expanded .th-filter-show-more__icon{transform:rotate(180deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.th-price-range{padding:.5rem 0}.th-price-inputs{display:flex;align-items:center;gap:.5rem}.th-price-input{flex:1}.th-price-input__label{display:block;font-size:.75rem;color:var(--th-text-muted);margin-bottom:.25rem}.th-price-input__field{width:100%;padding:.5rem;border:1px solid var(--th-border-color);border-radius:4px;font-size:.875rem}.th-price-separator{color:var(--th-text-muted);font-weight:500;margin:0 .25rem}.th-filters__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--th-border-color);opacity:0;transform:translateY(-8px) translate(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}#todohits-collections.filters-expanded .th-filters__actions{opacity:1;transform:translateY(0) translate(0);transition-delay:.45s}.th-btn{background:linear-gradient(135deg,#000,#1a1a1a)!important;color:#fff!important;padding:1rem 3rem!important;border-radius:6px!important;box-shadow:none!important;text-decoration:none!important;font-weight:600!important;font-size:16px!important;display:inline-block!important;position:relative!important;overflow:hidden!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;min-width:200px!important;text-align:center!important;border:2px solid transparent!important;text-transform:none!important;cursor:pointer;transform:scale(1)}@keyframes buttonActivate{0%{transform:scale(.97)}40%{transform:scale(1.03)}60%{transform:scale(.99)}to{transform:scale(1)}}.th-btn--activated{animation:buttonActivate .5s cubic-bezier(.68,-.55,.265,1.55)}.th-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,#fff,#f0f0f0);transition:width .3s ease;z-index:0;border-radius:4px;pointer-events:none}.th-btn span{position:relative;z-index:1}.th-btn:hover{box-shadow:none!important;border-color:#000!important;background:linear-gradient(135deg,#000,#1a1a1a)!important;color:#000!important}.th-btn:hover:before{width:100%}.th-btn--secondary{background:transparent!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}.th-btn--secondary:hover{background:linear-gradient(135deg,#000,#1a1a1a)!important;color:#fff!important;box-shadow:none!important}.th-btn:disabled,.th-btn--disabled{background:linear-gradient(135deg,#666,#888)!important;color:#bbb!important;cursor:not-allowed!important;opacity:.7!important;pointer-events:none!important;transform:scale(.97);transition:all .4s cubic-bezier(.4,0,.2,1)!important}.th-btn:disabled:before{display:none!important}.th-active-filters{margin-top:1rem}.th-active-filters__title{font-size:.875rem;font-weight:500;color:var(--th-text-color);margin:0 0 .5rem}.th-active-filters__list{display:flex;flex-wrap:wrap;gap:.5rem}.th-active-filter{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--th-primary-color);color:#fff;text-decoration:none;border-radius:20px;font-size:.75rem;gap:.25rem;transition:var(--th-transition)}.th-active-filter:hover{background:var(--th-primary-hover);opacity:.8}@media screen and (max-width: 768px){.th-filters-toggle__title{font-size:1.5rem}.th-filters-toggle__icon{width:18px;height:18px}}@media screen and (max-width: 480px){.th-filters-toggle__title{font-size:1.4rem}.th-filters__mobile-header{padding:.75rem}.th-filters__content{padding:.75rem;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch;scroll-padding-bottom:150px}.th-filters__content:after{content:"";display:block;height:150px;width:100%}.th-filters{width:100vw!important;margin:0!important;padding:0!important}}@media screen and (max-width: 1024px){.th-filters__mobile-header{display:flex;width:100%;box-sizing:border-box}.th-filters__content{padding:1.5rem;height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch;scroll-padding-bottom:100px}.th-filters__content:after{content:"";display:block;height:100px;width:100%;pointer-events:none}.th-filters{padding:0!important;margin:0!important;width:100%!important}}@media screen and (max-width: 768px){.th-filters__mobile-header{display:flex;padding:1rem;margin:0}.th-filters__mobile-title{font-size:1.8rem;font-weight:700}.th-filters-toggle{padding:.75rem 1rem;min-width:120px}.th-filters__content{padding:1rem;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch;scroll-padding-bottom:120px}.th-filters__content:after{content:"";display:block;height:120px;width:100%}.th-btn{padding:.8rem 2rem!important;font-size:15px!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/th-filters.css.map */