.filter-bar-container.active .filter-bar-header:after{transform:rotate(-135deg)}.filter-bar-container.active .filter-bar-content{display:flex}.filter-bar-container .filter-bar-header{padding:20px;background:#000;color:#fff;text-transform:uppercase;font-family:var(--font--graphik-wide);font-size:13px;align-items:center;letter-spacing:1px;font-weight:700;position:relative;display:none}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-header{display:flex}}.filter-bar-container .filter-bar-header svg{margin-right:10px}.filter-bar-container .filter-bar-header .arrow:after{content:" ";width:5px;height:5px;border:1px solid white;border-left:none;border-top:none;transform:rotate(45deg);position:absolute;right:20px}.filter-bar-container .filter-bar-header .clear{margin-left:20px;color:#fff;font-size:11px;font-weight:400;line-height:10px}.filter-bar-container .filter-bar-content{display:flex;background:#000}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content{flex-direction:column;padding:0 20px;display:none}}.filter-bar-container .filter-bar-content .filter{width:100%;padding:15px 20px;border-left:1px solid #808080;max-width:25%}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter{border-left:none;border-bottom:1px solid #404040;padding:10px 0;max-width:initial}.filter-bar-container .filter-bar-content .filter:last-child{display:none}}.filter-bar-container .filter-bar-content .filter:first-child{border-left:none}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter:first-child{border-bottom:none;border-top:none}}.filter-bar-container .filter-bar-content .filter .clear{color:#fff;font-family:var(--font--graphik-wide);font-weight:400;font-size:11px}.filter-bar-container .filter-bar-content .filter .input_field{position:relative;display:flex;width:100%}.filter-bar-container .filter-bar-content .filter .input_field label{color:#fff;position:absolute;font-family:var(--font--graphik-wide);font-size:11px;letter-spacing:1px;font-weight:600;bottom:5px}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter .input_field label{line-height:35px}}.filter-bar-container .filter-bar-content .filter .input_field input{color:#fff;width:100%;background:transparent;box-shadow:none;border:none;border-bottom:2px solid white;height:32px;padding:0 30px 0 60px}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter .input_field input{height:40px}}.filter-bar-container .filter-bar-content .filter .input_field svg{position:absolute;right:0}.filter-bar-container .filter-bar-content .filter details{width:100%;font-family:var(--font--graphik-wide);color:#fff;background:#000;border:none}.filter-bar-container .filter-bar-content .filter details[open] summary .arrow:after{transform:rotate(-135deg)}.filter-bar-container .filter-bar-content .filter details summary{text-transform:uppercase;border-bottom:2px solid white;min-height:32px;position:relative;display:flex;align-items:center;font-size:11px}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter details summary{border:none}}.filter-bar-container .filter-bar-content .filter details summary .arrow{position:absolute;z-index:1;right:0;height:100%;width:100%;display:flex;align-items:center}.filter-bar-container .filter-bar-content .filter details summary .arrow:after{content:" ";width:5px;height:5px;border:1px solid white;border-left:none;border-top:none;transform:rotate(45deg);position:absolute;right:0}.filter-bar-container .filter-bar-content .filter details summary span{max-width:93%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;letter-spacing:1px}.filter-bar-container .filter-bar-content .filter details summary label{color:#fff;position:absolute;font-family:var(--font--graphik-wide);font-size:11px;letter-spacing:1px;font-weight:600;bottom:5px;z-index:1;width:100%;top:0;line-height:33px;height:100%}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter details summary label{line-height:39px}}.filter-bar-container .filter-bar-content .filter details summary input{pointer-events:none;color:#fff;width:100%;background:transparent;box-shadow:none;border:none;height:32px;padding:0 30px 0 90px}@media screen and (max-width: 989px){.filter-bar-container .filter-bar-content .filter details summary input{height:40px}}.filter-bar-container .filter-bar-content .filter details ul{list-style:none;padding:0}.filter-bar-container .filter-bar-content .filter details ul li input{display:none}.filter-bar-container .filter-bar-content .filter details ul li input:checked+label:after{opacity:1}.filter-bar-container .filter-bar-content .filter details ul li label{cursor:pointer;position:relative;font-size:12px;display:flex;padding-left:28px;align-items:center;margin-bottom:10px}.filter-bar-container .filter-bar-content .filter details ul li label:before{content:"";position:absolute;left:0;width:18px;height:18px;border:1px solid var(--color--scorpion-grey)}.filter-bar-container .filter-bar-content .filter details ul li label:after{content:" ";width:5px;height:7px;display:block;position:absolute;left:6px;top:5px;border:1px solid white;border-left:none;border-top:none;transform:rotate(45deg);opacity:0}#more{display:none}
/*# sourceMappingURL=/cdn/shop/t/400/assets/custom-filter-bar.scss.css.map */