#shopify-section-filter-collection{padding:30px 0}#filterCollection{position:relative}#filterCollection ul li{list-style:none;display:flex;margin-right:40px;cursor:pointer;margin-bottom:15px;align-self:center}#filterCollection ul li.active span{font-weight:600}#filterCollection ul li.label-filter{color:#757575}.filter-menu ul li span{margin-right:5px;align-self:center;text-transform:uppercase}.filter-menu ul li svg,#result-sort svg{width:12px;align-self:center}.content-filter{display:none;margin-top:30px}.content-filter ul{display:grid}.content-filter ul#groupPengiriman,.content-filter ul#groupStyle{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.content-filter ul#groupJenis,.content-filter ul#groupUntuk,.content-filter ul#groupWarna{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}#searchFilterLocation{display:none;position:relative;margin-bottom:25px}#searchFilterLocation svg{position:absolute;top:10px;left:20px}#searchFilterLocation input{padding-left:40px;border-radius:4px}#filterCollection input[type=checkbox]{display:none}.filter-menu ul li.active svg{rotate:180deg}.filter-sort label{font-size:16px;letter-spacing:normal;font-weight:400;color:#757575}span.count.filled{background:#c4c4c4;padding:2px 5px;border-radius:10px}#filterBtn{display:none;min-height:150px}#clearFilter{color:#757575;cursor:pointer}#clearFilter .icon{width:11px;height:11px;margin-left:5px}.counts{padding-left:5px}@media screen and (min-width: 990px){#showFilter{position:absolute;bottom:0;right:0;height:35px!important;width:113px}.content-filter{position:absolute;z-index:9;background:#fff;padding:25px 0;margin-top:30px!important}.checkbox{display:block;position:relative;padding-left:26px;-webkit-user-select:none;user-select:none}.checkmark{position:absolute;top:4px;left:0;height:13.33px;width:13.33px;border:1px solid #000000;border-radius:1.71px}.checkbox input:checked~.checkmark:after,.content-filter label:hover .checkmark:after{content:"";background-color:#8b4040;display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #fff;border-radius:1.71px}}@media screen and (max-width: 991px){#shopify-section-filter-collection.show{animation:smooth-appear 1s ease forwards}#shopify-section-filter-collection.show{position:fixed;bottom:-100%;opacity:0;left:0;width:100%;z-index:99;background:#0006;top:0;margin:0}#filterCollection{display:none;background-color:#fff;position:absolute;bottom:0;left:0;height:80%;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;z-index:9}.show #filterCollection{display:block}#filterCollection:after{content:"";border-top:5px solid;display:block;position:absolute;bottom:10px;width:144px;border-radius:20px;left:50%;margin-left:-75px}.label-filter{padding:2.5rem 1rem}.label-filter svg{position:absolute;right:0;height:12.23px;cursor:pointer}.filter-menu{padding:0 20px;overflow:scroll;height:100vh}.filter-menu>ul{overflow:auto;height:540px}.filter-menu>ul>li{flex-wrap:wrap;border-top:1px solid #EEEEEE;margin:0!important;width:100%;padding:15px 0}label.checkbox{position:relative;padding:5px 10px;display:block}.group-filter{width:100%;margin:20px 0 10px}.group-filter>li{display:inline-block!important;margin-right:5px!important;margin-bottom:5px!important}#filterCollection input[type=checkbox]~.checkmark{position:absolute;top:0;left:0;height:100%;width:100%;display:block;border:1px solid #EEEEEE;border-radius:4px}#filterCollection input[type=checkbox]:checked~.checkmark{border-color:#212121}.content-filter{position:absolute;bottom:0}#filterBtn{justify-content:space-between;position:absolute;bottom:35px;width:100%;left:0;min-height:auto!important}#filterBtn>*{border-radius:4px;height:43px!important;padding:10px;text-align:center;color:#212121}#clearFilter{border:1px solid #212121;background-color:#fff;align-self:center;padding:9px;text-align:center!important}#showFilter{color:#fff}#clearFilter svg{display:none}#shopify-section-filter-collection.show #filterCollectionToggle{display:none}#filterCollectionToggle{font-size:12px;color:#757575}.filterToggle{align-self:center}.filterToggle *{vertical-align:middle}.filterToggle img{width:14px;margin-right:5px}#filterCollectionToggle #SortBy{font-size:12px;max-width:150px}#filterCollection ul li ul{display:none!important}#filterCollection ul li.active ul{display:block!important}}@keyframes smooth-appear{to{bottom:0;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/filter-collection.css.map */