.filter-drawer-overlay{display:flex;justify-content:flex-end;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s}.filter-drawer-overlay.filter-open{visibility:visible;pointer-events:auto;transition:visibility 0s linear 0s}.filter-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;transition:opacity .3s ease}.filter-drawer-overlay.filter-open .filter-backdrop{opacity:1}.filter-drawer{width:480px;max-width:100%;height:100%;background:var(--color-background);color:var(--color-green-coal);position:relative;z-index:1;display:flex;flex-direction:column;box-shadow:0 8px 28px #7d42481a;overflow:hidden;transform:translate(100%);transition:transform .3s ease}.filter-drawer-overlay.filter-open .filter-drawer{transform:translate(0)}.filter-drawer,.filter-drawer input,.filter-drawer button,.filter-drawer summary,.filter-drawer label,.filter-drawer a{color:var(--color-green-coal)}.filter-drawer button{color:var(--color-burgundy)}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid rgba(var(--color-green-coal-rgb),.15);flex-shrink:0}.filter-drawer-title{margin:5px 0!important;flex:1;text-align:left}.filter-drawer-close{background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;position:relative;flex-shrink:0}.filter-drawer-close:before,.filter-drawer-close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:var(--color-green-coal)}.filter-drawer-close:before{transform:translate(-50%,-50%) rotate(45deg)}.filter-drawer-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.filter-drawer-close:hover{opacity:.7;transition:opacity var(--transition)}.filter-drawer-form{display:flex;flex-direction:column;flex:1;min-height:0}.filter-drawer-body{flex:1;overflow-y:auto;padding:8px 20px}.filter-drawer-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(var(--color-green-coal-rgb),.15);background:var(--color-background);flex-shrink:0}.filter-btn-clear,.filter-btn-apply{flex:1;height:44px;border-radius:2px;font-size:14px;font-weight:400;cursor:pointer;border:1px solid var(--color-burgundy)}.filter-btn-clear{background:transparent;color:var(--color-green-coal)}.filter-btn-apply,.filter-drawer .filter-btn-apply{background:var(--color-burgundy);color:var(--color-cream)}.filter-btn-clear:hover,.filter-btn-apply:hover{opacity:.85;transition:opacity var(--transition)}.filter-options-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;--filter-option-state-background: rgba(var(--color-green-coal-rgb), .06)}.filter-option{display:flex;align-items:center;gap:10px;margin:0 -20px;padding:10px 20px;cursor:pointer;font-size:14px;transition:background var(--transition)}.filter-option:hover,.filter-option:focus-within,.filter-option:has(input:checked){background:var(--filter-option-state-background)}.filter-option:has(input:disabled){cursor:default}.filter-option:has(input:disabled):hover{background:transparent}.filter-option input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;width:18px;height:18px;margin:0;border:1px solid rgba(var(--color-green-coal-rgb),.18);border-radius:2px;background:var(--color-background);cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.filter-option input[type=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--color-cream);border-radius:1px;opacity:0;transform:translate(-50%,-50%)}.filter-option input[type=checkbox]:checked{background:var(--color-burgundy);border-color:var(--color-burgundy)}.filter-option input[type=checkbox]:checked:after{opacity:1}.filter-option input[type=checkbox]:focus-visible{outline:1px solid var(--color-burgundy);outline-offset:2px}.filter-option input[type=checkbox]:disabled{opacity:.4;cursor:default}.filter-option input[type=radio]{-webkit-appearance:none;appearance:none;position:relative;width:18px;height:18px;margin:0;border:1px solid rgba(var(--color-green-coal-rgb),.18);border-radius:2px;background:var(--color-background);cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.filter-option input[type=radio]:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--color-cream);border-radius:1px;opacity:0;transform:translate(-50%,-50%)}.filter-option input[type=radio]:checked{background:var(--color-burgundy);border-color:var(--color-burgundy)}.filter-option input[type=radio]:checked:after{opacity:1}.filter-option input[type=radio]:focus-visible{outline:1px solid var(--color-burgundy);outline-offset:2px}.filter-option input[type=radio]:disabled{opacity:.4;cursor:default}.filter-option-label{flex:1}.filter-option-count{opacity:.5;font-size:12px}.filter-option input:disabled+.filter-option-label{opacity:.4}.sort-drawer-overlay{display:none}.sort-drawer .filter-drawer-body{padding-top:14px}.sort-drawer .filter-drawer-footer{display:none}.filter-price-range{display:flex;gap:12px;padding:8px 0}.filter-price-field{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;opacity:.7}.filter-price-field input{height:40px;border:1px solid var(--color-stroke-dark-15);border-radius:2px;padding:0 12px;font-size:14px}.filter-drawer-overlay[data-style=expand] .filter-group{border-bottom:1px solid rgba(var(--color-green-coal-rgb),.15)}.filter-group-head{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:14px;font-weight:500}.filter-group-head::-webkit-details-marker{display:none}.filter-group-icon{width:12px;height:12px;position:relative;transition:transform .2s ease}.filter-group-icon:before,.filter-group-icon:after{content:"";position:absolute;top:50%;width:7px;height:.5px;background:var(--color-green-coal);border-radius:1px}.filter-group-icon:before{left:1px;transform:translateY(-50%) rotate(45deg);transform-origin:left center}.filter-group-icon:after{right:1px;transform:translateY(-50%) rotate(-45deg);transform-origin:right center}.filter-group[open] .filter-group-icon{transform:rotate(180deg)}.filter-group-body{padding-bottom:16px}.filter-drawer-overlay[data-style=layer] .filter-drawer-form{position:relative}.filter-drawer-overlay[data-style=layer] .filter-drawer-footer{position:absolute;left:0;right:0;bottom:0;z-index:2}.filter-layer{display:none;flex-direction:column;position:absolute;top:0;right:0;bottom:77px;left:0;background:var(--color-background)}.filter-layer.is-active{display:flex}.filter-layer-sub{animation:filterLayerIn .25s ease forwards}@keyframes filterLayerIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.filter-layer-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.filter-layer-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:none;border:none;cursor:pointer;font-size:14px;text-align:left;color:inherit;transition:background var(--transition)}.filter-layer-item:hover,.filter-layer-item:focus-visible{background:rgba(var(--color-green-coal-rgb),.06)}.filter-layer-item-meta{display:flex;align-items:center;gap:10px}.filter-layer-item-selected{font-size:12px;font-weight:500;color:var(--color-burgundy)}.filter-layer-item-selected:empty{display:none}.filter-layer-item-arrow{width:8px;height:8px;border-top:1.5px solid var(--color-green-coal);border-right:1.5px solid var(--color-green-coal);transform:rotate(45deg)}.filter-layer-back{background:none;border:none;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-green-coal)}.filter-layer-back:hover{opacity:.7;transition:opacity var(--transition)}.filter-layer-body{flex:1;overflow-y:auto;padding:8px 20px}@media(max-width:768px){.sort-drawer-overlay{display:flex}}@media(max-width:600px){.filter-drawer{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/jkl-filter-drawer.css.map */