filtering-popup{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%;z-index:10000;opacity:0;visibility:hidden;transition:.3s}filtering-popup.active{opacity:1;visibility:visible}#filtering_popup_cartain{background:#0003;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:0}filtering-popup .filtering-box{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#fff;z-index:1;display:block;width:90%;max-width:1000px;max-height:80%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}filtering-popup .filtering-box::-webkit-scrollbar{display:none}filtering-popup .filtering-box h2{position:relative;background:var(--side-bg-color);padding:1em;font-weight:400;margin-bottom:0;text-align:center}filtering-popup .filtering-box h2 #filtering_popup_close{position:absolute;top:0;bottom:0;right:5%;margin:auto;width:30px;height:30px;cursor:pointer}filtering-popup .filtering-box h2 #filtering_popup_close:after,filtering-popup .filtering-box h2 #filtering_popup_close:before{content:"";width:100%;height:1px;background:var(--h2-color);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}filtering-popup .filtering-box h2 #filtering_popup_close:after{transform:rotate(45deg)}filtering-popup .filtering-box h2 #filtering_popup_close:before{transform:rotate(-45deg)}filtering-popup .filtering-content-wrap{padding:5% 8%}filtering-popup .filtering-content-wrap .filtering-content{display:block;margin-top:5%}filtering-popup .filtering-content-wrap .filtering-content:first-child{margin-top:0}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap{display:flex;flex-wrap:wrap}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label{font-size:1.5rem;border:1px solid #dddddd;border-radius:5px;padding:1em;width:32%;margin-left:2%;margin-top:1%;margin-bottom:1%;cursor:pointer;display:flex;align-items:flex-start}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label:nth-child(3n+1){margin-left:0}filtering-popup .filtering-box h3{padding-bottom:.5em;border-bottom:1px solid #999999}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input{margin-right:.5em;margin-top:7px;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0 0 0 25px;vertical-align:middle;position:relative}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input:after,filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input:before{content:"";display:block;position:absolute}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input:before{background-color:#fff;border-radius:0%;border:1px solid #666464;width:20px;height:20px;transform:translateY(-15%);top:50%;bottom:0;left:5px}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input:after{border-bottom:3px solid #666464;border-left:3px solid #666464;opacity:0;height:8px;width:13px;transform:rotate(-45deg);top:1px;left:9px}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label input:checked:after{opacity:1}filtering-popup .filtering-content-wrap .filter-btn{background:#000;border:1px solid #000;color:#fff;padding:1em;width:100%;max-width:440px;display:block;margin:5% auto 0;opacity:1;transition:.2s}filtering-popup .filtering-content-wrap .filter-btn:hover{opacity:.5}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label span[class*=color_chip]{width:30px;height:30px;border:1px solid #ccc;margin-right:.5em}@media screen and (max-width: 767px){filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label{width:49%;padding:.4em .8em}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label:nth-child(3n+1){margin-left:2%}filtering-popup .filtering-content-wrap .filtering-content .filtering-check-wrap label:nth-child(odd){margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/filtering-popup.css.map */