@use "~/assets/less/_colors.less" as *;.filter-section-container[data-v-c00cdb2c]{width:100%}.filter-section-container .section-header[data-v-c00cdb2c]{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-weight:300;justify-content:space-between;transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.filter-section-container .section-header[data-v-c00cdb2c]:hover{background-color:var(--base-fill-color)}.filter-section-container .section-header .header-text[data-v-c00cdb2c]{color:inherit;font-size:inherit}.filter-section-container .section-header .header-arrow-icon[data-v-c00cdb2c]{color:inherit;font-size:inherit;transition:all .3s linear}.filter-section-container .section-header .header-arrow-icon.active[data-v-c00cdb2c]{transform:rotate("180deg")}.filter-section-container .section-list-container[data-v-c00cdb2c]{box-sizing:border-box;transition:all .3s ease-in-out}.filter-section-container .section-list-container .filter-list[data-v-c00cdb2c]{transition:all .3s ease-in-out;width:100%}.filter-section-container .section-list-container .filter-list .filter-option-item[data-v-c00cdb2c]{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:flex-start;padding:6px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.filter-section-container .section-list-container .filter-list .filter-option-item .check-box[data-v-c00cdb2c]{align-items:center;border:1px solid #333;box-sizing:border-box;display:flex;height:22px;justify-content:center;width:22px}.filter-section-container .section-list-container .filter-list .filter-option-item .check-box .check-icon[data-v-c00cdb2c]{color:#fff;opacity:0}.filter-section-container .section-list-container .filter-list .filter-option-item .check-box .check-icon.active[data-v-c00cdb2c]{opacity:1}.filter-section-container .section-list-container .filter-list .filter-option-item .check-box[data-v-c00cdb2c]:hover{border:1px solid #ddd}.filter-section-container .section-list-container .filter-list .filter-option-item .check-box.active[data-v-c00cdb2c]{background-color:var(--base-fill-color)}.filter-section-container .section-list-container .img-filter-list[data-v-c00cdb2c]{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;list-style-type:none;margin:0 auto;padding:clamp(20px,1vw,24px) 12px;transition:all .3s ease-in-out;width:100%}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item[data-v-c00cdb2c]{border:2px solid #f1f1f1;box-sizing:border-box;cursor:pointer;flex:30%;max-width:30%;overflow:hidden;padding-bottom:30%;position:relative}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item .item-img[data-v-c00cdb2c]{height:94%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0);transition:all .6s ease-in-out;width:94%;z-index:1}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item .data-count[data-v-c00cdb2c]{background-color:#0009;bottom:0;box-sizing:border-box;color:#fff;font-size:12px;left:0;opacity:1;padding:2px;position:absolute;text-align:center;transition:all .3s ease-in-out;width:100%;z-index:2}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item:hover .item-img[data-v-c00cdb2c]{transform:translate(-50%,-50%) rotate(90deg)}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item:hover .data-count[data-v-c00cdb2c]{background-color:var(--main-color)}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item.active[data-v-c00cdb2c]{border:2px solid var(--main-color)}.filter-section-container .section-list-container .img-filter-list .img-filter-option-item.active .data-count[data-v-c00cdb2c]{background-color:var(--main-color)}