.filter-grid-container .filter{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:40px;display:-ms-flexbox;display:flex}.filter-grid-container .filter .type-filter{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}@keyframes width-in{0%{width:0%}to{width:150%}}@keyframes border-in{0%{border-color:rgba(0,0,0,.15)}to{border-color:#000}}.filter-grid-container .filter .type-filter button{color:rgba(0,0,0,.6);z-index:10;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:24px;gap:10px;padding:14px 20px;font-size:16px;font-weight:500;line-height:20px;display:inline-block;position:relative;overflow:hidden}.filter-grid-container .filter .type-filter button:hover{cursor:pointer}.filter-grid-container .filter .type-filter button:before{content:"";z-index:-1;background:#000;width:0%;height:100%;display:block;position:absolute;top:0;left:-30px}.filter-grid-container .filter .type-filter button.active{color:#fff;animation-name:border-in;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}.filter-grid-container .filter .type-filter button.active:before{animation-name:width-in;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}.filter-grid-container .filter .type-filter button+button{margin-left:24px}.filter-grid-container .filter .ant-radio-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper{height:48px;color:var(--color-black-60);border:1px solid rgba(0,0,0,.15);border-radius:24px;-ms-flex-align:center;align-items:center;margin-right:24px;padding:14px 20px;font-size:16px;font-weight:500;display:-ms-inline-flexbox;display:inline-flex}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper:hover{color:var(--color-white-100);background-color:var(--color-black-100);border:1px solid #000}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):before{display:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{color:var(--color-white-100);background-color:var(--color-black-100);border:1px solid #000}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{color:var(--color-white-100);background-color:var(--color-black-100)}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{display:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper .ant-radio-button:before{background-color:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper .ant-radio-button-inner{display:none}.filter-grid-container .filter .ant-input-affix-wrapper{border:1px solid rgba(0,0,0,.15);border-radius:24px;padding:12px 22px}.filter-grid-container .filter .ant-input-affix-wrapper:not(ant-input-affix-wrapper-disabled):hover,.filter-grid-container .filter .ant-input-affix-wrapper.ant-input-affix-wrapper-focus{border:1px solid rgba(0,0,0,.15)}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input{margin-left:0;margin-right:0;font-size:16px;line-height:1}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon{background-color:#f1f3f7;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;display:-ms-flexbox;display:flex}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon.anticon-search{background-image:url(/imgs/ecosystem/icon/search-circle.svg)}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon.anticon-search svg{display:none}.filter-grid-container .search-empty,.filter-grid-container .empty{border-radius:48px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:264px;padding:24px;display:-ms-flexbox;display:flex}.filter-grid-container .search-empty .inner,.filter-grid-container .empty .inner{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.filter-grid-container .search-empty .inner img,.filter-grid-container .empty .inner img{width:96px;height:96px}.filter-grid-container .search-empty .inner .text,.filter-grid-container .empty .inner .text{color:rgba(0,0,0,.6)}.filter-grid-container .list{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;display:-ms-flexbox;display:flex}.filter-grid-container .pagination{-ms-flex-pack:justify;justify-content:space-between;margin-top:45px;display:-ms-flexbox;display:flex}.filter-grid-container .pagination .ant-pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.filter-grid-container .pagination .ant-pagination .ant-pagination-item{border-radius:16px;width:32px;height:32px}.filter-grid-container .pagination .ant-pagination .ant-pagination-item:hover{background-color:rgba(0,0,0,.06)}.filter-grid-container .pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active{background-color:var(--color-black-100);border:none}.filter-grid-container .pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:var(--color-white-100)}.filter-grid-container .pagination .ant-pagination .ant-pagination-item-link{border-radius:16px}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon{width:32px;height:32px;padding:3px}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon svg,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon svg{display:none}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon:after,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon:after{content:" ";background-size:contain;width:26px;height:26px;display:inline-block}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-left-s.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-right-s.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-disabled.ant-pagination-prev .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-left-s-disabled.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-disabled.ant-pagination-next .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-right-s-disabled.svg)}@media screen and (max-width:768px){.filter-grid-container .filter{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;align-items:baseline;margin-bottom:40px;display:-ms-flexbox;display:flex}.filter-grid-container .filter .type-filter{-ms-flex-align:center;align-items:center;gap:16px;display:-ms-flexbox;display:flex}@keyframes width-in{0%{width:0%}to{width:150%}}@keyframes border-in{0%{border-color:rgba(0,0,0,.15)}to{border-color:#000}}.filter-grid-container .filter .type-filter button{color:rgba(0,0,0,.6);z-index:10;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:24px;gap:10px;padding:14px 20px;font-size:16px;font-weight:500;line-height:20px;display:inline-block;position:relative;overflow:hidden}.filter-grid-container .filter .type-filter button:hover{cursor:pointer}.filter-grid-container .filter .type-filter button:before{content:"";z-index:-1;background:#000;width:0%;height:100%;display:block;position:absolute;top:0;left:-30px}.filter-grid-container .filter .type-filter button.active{color:#fff;border:none;animation-name:border-in;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}.filter-grid-container .filter .type-filter button.active:before{animation-name:width-in;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}.filter-grid-container .filter .type-filter button+button{margin-left:0}.filter-grid-container .filter .search-filter{width:100%;margin-top:24px}.filter-grid-container .filter .ant-radio-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper{height:48px;color:var(--color-black-60);border:1px solid rgba(0,0,0,.15);border-radius:24px;-ms-flex-align:center;align-items:center;margin-right:24px;padding:14px 20px;font-size:16px;font-weight:500;display:-ms-inline-flexbox;display:inline-flex}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper:hover{color:var(--color-white-100);background-color:var(--color-black-100);border:1px solid #000}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):before{display:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{color:var(--color-white-100);background-color:var(--color-black-100);border:1px solid #000}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{color:var(--color-white-100);background-color:var(--color-black-100)}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{display:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper .ant-radio-button:before{background-color:none}.filter-grid-container .filter .ant-radio-group .ant-radio-button-wrapper .ant-radio-button-inner{display:none}.filter-grid-container .filter .ant-input-affix-wrapper{border:1px solid rgba(0,0,0,.15);border-radius:24px;padding:12px 22px}.filter-grid-container .filter .ant-input-affix-wrapper:not(ant-input-affix-wrapper-disabled):hover,.filter-grid-container .filter .ant-input-affix-wrapper.ant-input-affix-wrapper-focus{border:1px solid rgba(0,0,0,.15)}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input{margin-left:0;margin-right:0;font-size:16px;line-height:1}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon{background-color:#f1f3f7;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;display:-ms-flexbox;display:flex}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon.anticon-search{background-image:url(/imgs/ecosystem/icon/search-circle.svg)}.filter-grid-container .filter .ant-input-affix-wrapper .ant-input-suffix .anticon.anticon-search svg{display:none}.filter-grid-container .search-empty,.filter-grid-container .empty{border-radius:48px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:264px;padding:24px;display:-ms-flexbox;display:flex}.filter-grid-container .search-empty .inner,.filter-grid-container .empty .inner{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.filter-grid-container .search-empty .inner img,.filter-grid-container .empty .inner img{width:96px;height:96px}.filter-grid-container .search-empty .inner .text,.filter-grid-container .empty .inner .text{color:rgba(0,0,0,.6)}.filter-grid-container .list{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;display:-ms-flexbox;display:flex}.filter-grid-container .pagination{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:0;display:-ms-flexbox;display:flex}.filter-grid-container .pagination .ant-pagination{-ms-flex-align:center;align-items:center;margin-top:28px;display:-ms-flexbox;display:flex}.filter-grid-container .pagination .ant-pagination .ant-pagination-item{border-radius:16px;width:32px;height:32px}.filter-grid-container .pagination .ant-pagination .ant-pagination-item:hover{background-color:rgba(0,0,0,.06)}.filter-grid-container .pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active{background-color:var(--color-black-100);border:none}.filter-grid-container .pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:var(--color-white-100)}.filter-grid-container .pagination .ant-pagination .ant-pagination-item-link{border-radius:16px}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon{width:32px;height:32px;padding:3px}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon svg,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon svg{display:none}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon:after,.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon:after{content:" ";background-size:contain;width:26px;height:26px;display:inline-block}.filter-grid-container .pagination .ant-pagination .ant-pagination-prev .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-left-s.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-next .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-right-s.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-disabled.ant-pagination-prev .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-left-s-disabled.svg)}.filter-grid-container .pagination .ant-pagination .ant-pagination-disabled.ant-pagination-next .anticon:after{background-image:url(/imgs/ecosystem/icon/arrow-right-s-disabled.svg)}}
