.user-filter-wrapper{display:flex;margin-bottom:16px}.user-filter-button{display:flex;align-items:center;padding:8px 16px;gap:8px;color:#484d4b;font-size:14px;margin-left:auto;border:1px solid rgba(207,210,208,1);border-radius:9999px;cursor:pointer;background-color:#fff}.user-filter-button.active{background:linear-gradient(305.54deg,#62997c,#9dcdb7);color:#fff;border:none}.user-filter-component{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;overflow-y:auto;z-index:2000;background-color:#f2f7f4;padding-bottom:100px}.user-filter-component .user-filter-header{height:72px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#f5f7f6;color:#000;font-size:16px;font-weight:700;padding:0 8px}.user-filter-component .info-block{background-color:#fff;padding:16px;margin-bottom:16px}.user-filter-component .info-title{font-size:16px;font-weight:700;color:#252726;line-height:1.5;margin-bottom:16px}.user-filter-component .info-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:48px}.user-filter-component .info-item.large{height:auto;padding:16px 0;flex-direction:column;align-items:flex-start}.user-filter-component .info-label{font-size:16px;font-weight:400;color:#252726}.user-filter-component .info-value{display:flex;align-items:center}.user-filter-component .info-value-set{width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#62997c;text-align:right}.user-filter-component .purpose-filter .tags,.user-filter-component .style-filter .tags{display:flex;flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;row-gap:8px;margin-top:8px}.user-filter-component .purpose-filter .tag,.user-filter-component .style-filter .tag{padding:6px 12px;font-size:16px;font-weight:400;line-height:1.5;background-color:#fff;border:1px solid #adb3b0;border-radius:24px;cursor:pointer}.user-filter-component .purpose-filter .tag.active,.user-filter-component .style-filter .tag.active{border-color:#62997c;color:#62997c;background-color:#f2f7f4}.user-filter-component .user-filter-footer{display:flex;justify-content:center;align-items:center;padding:24px 18px}.user-filter-component .user-filter-footer .submit-button{width:200px;background:linear-gradient(305.54deg,#62997c,#9dcdb7);font-weight:700}.user-filter-item{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:2001;overflow:auto;background-color:#f2f7f4}.user-filter-item .user-filter-item-header{height:72px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#f5f7f6;color:#000;font-size:16px;font-weight:700;padding:0 16px}.user-filter-item .user-filter-item-content{background-color:#fff;padding:8px 16px}.user-filter-item .user-filter-item-row{display:flex;justify-content:space-between;align-items:center}.user-filter-item .user-filter-item-row .value{color:#adb3b0}.user-filter-item .user-filter-item-row .value.active{color:#62997c;font-weight:700}.user-filter-item .reset{background-color:#adb3b0;height:28px;line-height:28px;font-size:12px;padding:0 8px}