.template-filter-container{width:100%}.template-filter-container .template-filter-first-kind-container{border-bottom:1px solid #ebeef5;background:#fff}.template-filter-container .template-filter-first-kind-container .template-filter-first-kind{width:100%;height:48px;display:flex;align-items:center;gap:28px;padding:0 16px}.template-filter-container .template-filter-first-kind-container .template-filter-first-kind-item{height:100%;position:relative}.template-filter-container .template-filter-first-kind-container .template-filter-first-kind-item .template-filter-first-kind-text{line-height:48px;width:max-content;font-size:16px;color:#505a71;font-weight:500}.template-filter-container .template-filter-first-kind-container .template-filter-first-kind-item.active .template-filter-first-kind-text{color:#1b2337}.template-filter-container .template-filter-first-kind-container .template-filter-first-kind-item.active:after{content:"";display:block;width:100%;height:2px;background:#0773fc;position:absolute;bottom:0;left:0}.template-filter-container .template-filter-second-kind-container{height:66px;display:flex;align-items:center;gap:8px;padding:15px 16px 5px;background:#fff}.template-filter-container .template-filter-second-kind-container .template-filter-second-kind-item{padding:8px 12px;border-radius:10px;background:#f3f4f9}.template-filter-container .template-filter-second-kind-container .template-filter-second-kind-item .template-filter-second-kind-item-text{width:max-content;font-size:13px;font-weight:400;color:#1b2337}.template-filter-container .template-filter-second-kind-container .template-filter-second-kind-item.active{background:#e6f1ff}.template-filter-container .template-filter-second-kind-container .template-filter-second-kind-item.active .template-filter-second-kind-item-text{font-weight:400;color:#0773fc}.template-filter-container .template-filter-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#fff}.template-filter-container .template-filter-header .template-filter-category{display:flex;align-items:center;transition:all .2s ease}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-color{width:18px;height:18px;border-radius:50%;margin-right:4px;border:1px solid rgba(0,0,0,.08)}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-text{font-size:13px;color:#505a71;margin-right:4px;transition:color .2s ease}.template-filter-container .template-filter-header .template-filter-category.active .template-filter-category-text{color:#1b2337}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-more-num-box{width:12px;height:12px;margin-right:4px}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-more-num{width:24px;height:24px;background-color:#0773fc;color:#fff;font-weight:600;font-size:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;scale:.5;transform-origin:0 0}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-arrow{width:8px;height:8px;background-size:100% 100%;transition:all .2s ease}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-arrow.up{background:url(/_next/static/media/arrow-up-black.437e45f8.svg) no-repeat 50%;background-size:100% 100%}.template-filter-container .template-filter-header .template-filter-category .template-filter-category-arrow.down{background:url(/_next/static/media/arrow-down-gray.e391c0e7.svg) no-repeat 50%;background-size:100% 100%}.template-filter-container .template-filter-option-box{width:100%;height:100%;padding:16px;border-radius:0 0 16px 16px;background:#fff;margin-top:-1px;max-height:60vh;overflow-y:auto}.template-filter-container .template-filter-option-box .template-filter-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:320px;overflow-y:auto}.template-filter-container .template-filter-option-box .template-filter-option-grid .template-filter-option{display:flex;align-items:center;justify-content:center;height:34px;background:#f3f4f9;border-radius:10px;transition:all .2s ease;font-weight:400;color:#1b2337}.template-filter-container .template-filter-option-box .template-filter-option-grid .template-filter-option.active{background:#e6f1ff}.template-filter-container .template-filter-option-box .template-filter-option-grid .template-filter-option.active .template-filter-option-text{color:#0773fc;font-weight:500}.template-filter-container .template-filter-option-box .template-filter-option-grid .template-filter-option .template-filter-option-text{font-size:13px;color:#1b2337;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.template-filter-container .template-filter-option-box .template-filter-options-color-list{display:flex;flex-wrap:wrap;gap:8px}.template-filter-container .template-filter-option-box .template-filter-options-color-list .template-filter-option-color-all{width:32px;height:32px;border-radius:50%;background:url(/_next/static/media/color-all.5b00844b.svg) no-repeat 50%;background-size:100% 100%;position:relative}.template-filter-container .template-filter-option-box .template-filter-options-color-list .template-filter-option-color{width:32px;height:32px;border-radius:50%;position:relative;border:1px solid rgba(0,0,0,.08)}.template-filter-container .template-filter-option-box .template-filter-options-color-list .active:after{content:"";width:26px;height:26px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/_next/static/media/color-active.a57006df.svg) no-repeat 50%}.template-filter-container .template-filter-option-box .template-filter-options-more-list{display:flex;flex-direction:column;gap:8px}.template-filter-container .template-filter-option-box .template-filter-options-more-list .template-filter-option-more{width:100%;margin-bottom:16px}.template-filter-container .template-filter-option-box .template-filter-options-more-list .template-filter-option-more .template-filter-option-more-title{font-size:14px;color:#1b2337;font-weight:600;line-height:22px}.template-filter-container .template-filter-option-box .template-filter-options-more-list .template-filter-option-more .template-filter-option-more-item-box{font-size:13px;color:#1b2337;font-weight:400;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.template-filter-container .template-filter-option-box .template-filter-options-more-list .template-filter-option-more .template-filter-option-more-item-box .template-filter-option-more-item{height:34px;font-size:13px;color:#1b2337;font-weight:400;background:#f3f4f9;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.template-filter-container .template-filter-option-box .template-filter-options-more-list .template-filter-option-more .template-filter-option-more-item-box .template-filter-option-more-item.active{font-weight:500;background:#e6f1ff;color:#0773fc}.template-filter-container .template-filter-option-box .template-filter-options-sort-list{display:flex;flex-direction:column}.template-filter-container .template-filter-option-box .template-filter-options-sort-list .template-filter-option-sort{width:100%;height:48px;display:flex;align-items:center;justify-content:center}.template-filter-container .template-filter-option-box .template-filter-options-sort-list .template-filter-option-sort .template-filter-option-sort-text{font-size:13px;color:#1b2337;font-weight:400}.template-filter-container .template-filter-option-box .template-filter-options-sort-list .template-filter-option-sort.active .template-filter-option-sort-text{color:#0773fc;font-weight:500}.template-filter-container .template-filter-option-box .template-filter-option-more-btn-box{border-top:1px solid #ebeef5;display:flex;align-items:center;justify-content:space-between;padding-top:16px;gap:10px}.template-filter-container .template-filter-option-box .template-filter-option-more-btn-box .template-filter-option-more-btn{flex:1 1;height:46px;display:flex;align-items:center;justify-content:center;background:#0773fc;border-radius:10px;font-size:16px;color:#fff;font-weight:600}.template-filter-container .template-filter-option-box .template-filter-option-more-btn-box .template-filter-option-more-btn.reset{background:#f3f4f9;color:#505a71}