html:root{--comp_sidefilter_fill_1: #757e7f}html.--zmdarkmode{--comp_sidefilter_fill_1: rgba(255, 255, 255, .6)}.dialog-side-filter-wrap.live .filter-content{transform:translate(0)}.dialog-side-filter-wrap.in .filter-content{animation:anim-in-dialog-side-filter-wrap .56s .1s forwards;transform:translate(100%)}@keyframes anim-in-dialog-side-filter-wrap{0%{transform:translate(100%) scaleX(.8)}60%{transform:translate(-3%) scaleX(1.06)}to{transform:translate(0) scaleX(1)}}.dialog-side-filter{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:3}.dialog-side-filter>.bg{position:absolute;right:0;top:0;width:100%;height:100%}.dialog-side-filter>.filter-content{transform:translate(100%);transition:transform .3s;position:absolute;right:0;top:0;width:900px;height:100%;overflow:hidden;background-color:var(--color_fill_pagebg);padding-top:24px;display:flex;flex-direction:column}.dialog-side-filter>.filter-content>.filter-content-inner{width:100%;height:100%;overflow:auto;flex:1}.dialog-side-filter .title{color:var(--color_text_2);font-size:36px;padding:96px 0 36px 66px;position:sticky;left:0;top:0;background-color:var(--color_fill_pagebg)}.dialog-side-filter .btn-wrap{width:100%;height:120px;overflow:hidden;margin:48px 0 84px;display:flex;align-items:center;justify-content:space-evenly}.dialog-side-filter .btn-wrap>.btn-wrap-btn{width:366px;height:120px;line-height:120px;font-size:42px;color:var(--color_op_white_10);border-radius:6px;text-align:center}.dialog-side-filter .btn-wrap>.btn-wrap-btn.--zm-reset{background-color:var(--comp_sidefilter_fill_1)}.dialog-side-filter .btn-wrap>.btn-wrap-btn.--zm-sure{background-color:var(--color_fill_4)}.dialog-side-filter .filter-content-ul{width:100%;height:auto;overflow:hidden;padding-left:66px;margin:12px 0 -36px}.dialog-side-filter .filter-content-item{float:left;min-width:242px;height:72px;padding:0 12px;border:3px var(--color_fill_3) solid;border-radius:6px;margin:0 24px 36px 0;color:var(--color_text_1);font-size:36px;line-height:66px;text-align:center;transition:background-color .36s,border-color .36s,color .36s}.dialog-side-filter .filter-content-item:hover,.dialog-side-filter .filter-content-item.selected{background-color:var(--color_fill_4);border-color:var(--color_fill_4);color:var(--color_op_white_10)}.dialog-base-wrap{width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0;overflow:auto;background-color:rgba(0,0,0,.6);backdrop-filter:blur(15px);flex-direction:column;display:flex;align-items:center;justify-content:center}.dialog-base-wrap>.disable-mask{position:absolute;width:100%;height:100%;z-index:999999;display:none}.dialog-base-wrap.hide{display:none}.dialog-base-wrap.in{display:block}.dialog-base-wrap.in>.disable-mask{display:block}.dialog-base-wrap.in>.dialog-container{animation:dialog-container-in .66s ease-out}.dialog-base-wrap.in{animation:dialog-show-in .66s ease}.dialog-base-wrap.out{display:block}.dialog-base-wrap.out>.disable-mask{display:block}.dialog-base-wrap.out{animation:dialog-show-out .3s ease}.dialog-base-wrap>.dialog-container{position:relative}@keyframes dialog-show-in{0%,10%{opacity:0}to{opacity:1}}@keyframes dialog-container-in{0%{transform:scale(.9)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes dialog-show-out{0%{opacity:1}to{opacity:0}}