.filter-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;display:flex;align-items:center;justify-content:center}.filter-products-loading{opacity:.6;pointer-events:none;position:relative}.filter-products-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 1.5s infinite;z-index:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fd-filter-applying{position:relative}.fd-filter-applying:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 25%,rgba(144,198,189,.2) 25%,rgba(144,198,189,.2) 50%,transparent 50%,transparent 75%,rgba(144,198,189,.2) 75%);background-size:20px 20px;animation:instant-filter-progress 1s linear infinite;border-radius:4px;pointer-events:none}@keyframes instant-filter-progress{0%{background-position:0 0}to{background-position:20px 20px}}.fd-option--disabled{opacity:.4;pointer-events:none;position:relative}.fd-option--disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(150,150,150,.3) 4px,rgba(150,150,150,.3) 8px);border-radius:4px}.fd-option--disabled .fd-option-label{color:#999!important;text-decoration:line-through}.fd-option--disabled .fd-checkbox-visual{background-color:#f5f5f5;border-color:#ddd}.fd-option--disabled .fd-color-swatch{filter:grayscale(100%)}.fd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,backdrop-filter .3s ease}.fd-overlay.fd-active{opacity:1;visibility:visible}.fd-drawer{position:fixed;top:0;left:-400px;height:100%;width:400px;background-color:#f2f2f2;z-index:2147483004;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column}.fd-drawer.fd-open{left:0}@media (max-width: 768px){.fd-drawer{left:-100%;width:100%}.fd-drawer.fd-open{left:0}}.fd-header{position:relative;padding:1em;flex-shrink:0}.fd-title{margin:0;padding-top:unset;font-family:Sugarpunch,Arial;color:rgb(var(--color-button-text));font-size:18px;text-transform:uppercase}.fd-active-count{font-size:.875rem;color:rgba(var(--color-button-text),.6);font-weight:400;display:none}.fd-close{background:none;border:none;color:rgb(var(--color-button-text));cursor:pointer;z-index:1001;transition:color .3s ease;width:100%}@media (max-width: 768px){.fd-close{top:-2px;right:10px}}.fd-close:hover{color:rgba(var(--color-background-contrast),.7)}.fd-content{padding:1em;flex:1;overflow-y:auto}.fd-actions{padding:1em;border-top:1px solid #ddd;display:flex;gap:.5em;flex-shrink:0}.fd-btn{width:100%;height:50px;border:none;border-radius:8px;font-family:Sugarpunch,Arial;font-size:16px;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease;padding-top:unset}.fd-btn--primary{background-color:rgb(var(--color-background-contrast));color:#fff}.fd-btn--primary:hover{background-color:#80c8bd}.fd-btn--secondary{background-color:transparent;color:rgb(var(--color-background-contrast));border:2px solid rgb(var(--color-background-contrast))}.fd-btn--secondary:hover{background-color:rgb(var(--color-background-contrast));color:#fff}.fd-filter-group{margin-bottom:1em}.fd-filter-header{width:100%;padding:15px 0;background:none;border:none;border-bottom:2px solid rgb(var(--color-background-contrast));font-size:16px;color:rgb(var(--color-background-contrast));text-transform:uppercase;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.fd-filter-header:hover{color:rgba(var(--color-background-contrast),.7)}.fd-filter-toggle{font-size:20px;transition:transform .3s ease}.fd-filter-header.fd-collapsed .fd-filter-toggle{transform:rotate(0)}.fd-filter-header .fd-filter-toggle{transform:rotate(45deg)}.fd-filter-options{display:block;transition:max-height .3s ease}.fd-filter-options.fd-hidden{display:none}.fd-option{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.fd-option:hover{background-color:#0251560d}.fd-checkbox{position:relative;width:20px;height:20px;margin-right:12px;flex-shrink:0;cursor:pointer}.fd-checkbox input{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.fd-checkbox-visual{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid rgba(var(--color-background-contrast),.6);border-radius:4px;transition:all .3s ease;cursor:pointer;background-color:#fff}.fd-checkbox:hover .fd-checkbox-visual{border-color:rgb(var(--color-background-contrast));box-shadow:0 0 0 2px rgba(var(--color-shadow),.1)}.fd-checkbox input:checked+.fd-checkbox-visual,.fd-checkbox-visual[data-checked=true]{background-color:rgb(var(--color-background-contrast));border-color:rgb(var(--color-background-contrast))}.fd-checkbox input:checked+.fd-checkbox-visual:after,.fd-checkbox-visual[data-checked=true]:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.fd-option-label{font-family:Sugarpunch,Arial;font-size:14px;color:rgb(var(--color-text));text-transform:uppercase;flex:1;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:unset}.fd-option:hover .fd-option-label{color:rgb(var(--color-background-contrast))}.fd-color-swatch{width:24px;height:24px;border-radius:50%;margin-right:8px;border:2px solid #ddd;flex-shrink:0;cursor:pointer}.fd-option *{pointer-events:none}.fd-option{pointer-events:all}.fd-checkbox input{pointer-events:none}.fd-price-range{padding:20px 0}.fd-price-inputs{display:flex;gap:10px;margin-bottom:20px}.fd-price-input{flex:1;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px;text-align:center}.fd-price-input:focus{outline:none;border-color:rgb(var(--color-background-contrast))}.fd-slider{position:relative;height:6px;background-color:#ddd;border-radius:3px;margin:20px 0}.fd-slider-track{position:absolute;height:100%;background-color:rgb(var(--color-background-contrast));border-radius:3px}.fd-slider-handle{position:absolute;width:20px;height:20px;background-color:rgb(var(--color-background-contrast));border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(var(--color-shadow),.2)}.fd-filter-count{display:inline-block;background-color:rgb(var(--color-background-contrast));color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;text-align:center;line-height:20px;margin-left:10px}@media (max-width: 768px){.fd-header{padding:15px}.fd-title{font-size:16px}.fd-content{height:calc(100vh - 140px)}.fd-filter-header{padding:12px 0;font-size:14px}.fd-option-label{font-size:13px}.collection-filter__sort{flex-direction:column}}.fd-buttons_container{display:flex;gap:1em;align-self:start}.fd-trigger,.fd-clear-all{text-transform:uppercase;transition:background-color .3s ease;align-items:center;gap:8px;position:relative}.fd-trigger:hover{background-color:#80c8bd}.fd-selected_filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width: 768px){.fd-selected_filters{display:none}}.fd-selected-filter{display:inline-flex;align-items:center;background:rgb(var(--color-background-contrast));color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-family:Fontoon;gap:8px;text-transform:capitalize}.fd-selected-filter__remove{padding:0;width:18px;height:18px;border-radius:50%}.fd-selected-filter__remove:hover{background:#fff3}.fd-clear-all{background:#a2143e;white-space:nowrap;min-width:unset}.fd-loading{display:flex;justify-content:center;align-items:center;padding:40px}.fd-spinner{width:32px;height:32px;border:3px solid #ddd;border-top:3px solid rgb(var(--color-background-contrast));border-radius:50%;animation:fd-spin 1s linear infinite}.product-count-text{display:block;margin:0;line-height:120%;position:absolute;top:-7px;right:-3px;font-size:12px;padding:4px;border-radius:50%}@keyframes fd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fd-content::-webkit-scrollbar{width:6px}.fd-content::-webkit-scrollbar-track{background:#f1f1f1}.fd-content::-webkit-scrollbar-thumb{background:rgb(var(--color-background-contrast));border-radius:3px}.fd-content::-webkit-scrollbar-thumb:hover{background:#80c8bd}.filter_and_sort_row.btn-filter-products{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}#CollectionAjaxContent{position:sticky;top:90px;z-index:999}@media (max-width: 768px){#CollectionAjaxContent{top:65px}}.filter_and_sort_row.btn-filter-products.is-sticky{background-color:#f2f2f2f2!important;box-shadow:0 2px 10px #0000001a}@media (min-width: 769px){.filter_and_sort_row.btn-filter-products{top:90px}}@media (max-width: 768px){.filter_and_sort_row.btn-filter-products{top:65px}}.quiz-starter-container{display:flex;align-items:center;justify-content:center;gap:15px;background-color:rgb(var(--color-background-contrast));color:#fff;border-radius:8px;padding:.5em 1em;cursor:pointer;transition:all .2s ease;font-family:Sugarpunch,Arial,sans-serif;font-size:18px;text-align:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative}.quiz-starter-container:hover{background-color:rgb(var(--color-background-contrast));opacity:.9;color:rgb(var(--color-background-contrast))}.quiz-starter-container:hover .quiz-text{color:#fff}.quiz-text{font-size:18px;font-weight:400;white-space:nowrap;display:flex;flex-direction:column;text-align:left;width:100%}.quiz-text-small{font-size:14px;font-weight:400;margin-top:4px;opacity:.9;color:#ffb07a;font-family:Fontoon,sans-serif}.quiz-text-small img{rotate:-90deg;transition:transform .2s ease}.quiz-starter-container:hover .quiz-text-small img{transform:translatey(4px)}.quiz-animation{flex-shrink:0;transition:transform .2s ease;position:absolute;bottom:0;right:0}.quiz-placeholder{font-size:24px;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/188/assets/filter-drawer.css.map */