.color-toptip{box-sizing:border-box;transform:scaleY(0);transform-origin:0 0;opacity:0;transition:height .5s cubic-bezier(.3,0,.1,1),transform .5s cubic-bezier(.3,0,.1,1),opacity .26s cubic-bezier(.3,0,.1,1);width:100%;background-color:#fafafa;color:rgba(0,0,0,.6);border-radius:.12rem;overflow:hidden}.color-toptip--show{transform:scaleY(1);opacity:1}.color-toptip--fixed{position:fixed}.color-toptip .color-toptip__container{display:flex;flex-wrap:nowrap;align-items:center;padding:0 .12rem}.color-toptip .color-toptip__container .color-toptip__wrap{flex:auto;display:flex;flex-wrap:wrap;align-items:center;width:0}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content{position:relative;overflow:hidden;box-sizing:border-box;flex:auto;display:flex;align-items:center}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__left-icon{display:flex;align-items:center;margin:.1rem .08rem .1rem 0;align-self:flex-start}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__right-icon{display:flex;align-items:center;margin-left:.12rem}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text{position:relative;-webkit-text-size-adjust:100%;margin:.12rem 0;font-size:.14rem;letter-spacing:.0033rem;line-height:.2rem;flex:auto;overflow:hidden;z-index:1}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:before{content:"";position:absolute;width:.28rem;height:100%;left:0;top:0;z-index:999;background:linear-gradient(90deg,#fafafa,hsla(0,0%,98%,0))}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:after{content:"";position:absolute;width:.28rem;height:100%;right:0;top:0;z-index:999;background:linear-gradient(270deg,#fafafa,hsla(0,0%,98%,0))}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container .color-toptip__button{line-height:.2rem;margin:0}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container .color-toptip__button .color-button__content--small{line-height:.16rem;font-size:.12rem}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container .color-toptip__button-container{padding-right:.06rem;flex:none;margin-right:-.12rem;text-align:right;margin-left:.08rem}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container .color-toptip__button-container--wrap{margin-top:-.04rem;padding-bottom:.08rem;flex:auto}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container .color-toptip__button-disabled{opacity:.3}.color-toptip.color-toptip--feedback .color-toptip__container{border:none;border-radius:.08rem}.color-toptip.color-toptip--feedback .color-toptip__container .color-toptip__content{justify-content:center}.color-toptip.color-toptip--feedback .color-toptip__container .color-toptip__content .color-toptip__text{flex:none;text-align:center;opacity:.8;margin:.13rem 0}.color-toptip.color-toptip--feedback .color-toptip__container--default{color:rgba(0,0,0,.85);background-color:rgba(0,0,0,.05);padding:0}.color-toptip.color-toptip--broadcast .color-toptip__text{white-space:nowrap}.color-toptip.color-toptip--broadcast .color-toptip__text span{display:inline-block;position:relative;z-index:-1;animation:scrollLeft linear infinite normal}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.color-toptip__right-arrow{flex:none;width:.24rem;height:.24rem;margin-left:.01rem;align-self:flex-start;margin-top:.1rem}.color-toptip__right-arrow path{fill:rgba(0,0,0,.2)}.color-toptip .close-icon{z-index:100000;border-radius:50%;height:.18rem;width:.18rem;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);margin-left:.07rem;align-self:flex-start;margin-top:.13rem;margin-right:.03rem}.color-toptip .close-icon .color-toptip__right-close{flex:none;width:.18rem;height:.18rem}.color-toptip .close-icon .color-toptip__right-close path{stroke:#fff;fill:#fff}.color-toptip.color-toptip--dark,.dark-colorui .color-toptip{background-color:#141414;color:hsla(0,0%,100%,.6)}.color-toptip.color-toptip--dark .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:before,.dark-colorui .color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:before{transform:unset;background:linear-gradient(90deg,#141414,rgba(20,20,20,0))}.color-toptip.color-toptip--dark .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:after,.dark-colorui .color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask:after{transform:unset;background:linear-gradient(270deg,#141414,rgba(20,20,20,0))}.color-toptip.color-toptip--dark .color-toptip__container .close-icon,.dark-colorui .color-toptip .color-toptip__container .close-icon{background-color:hsla(0,0%,100%,.3)!important}.color-toptip.color-toptip--dark .color-toptip__container .close-icon svg.color-toptip__right-close,.dark-colorui .color-toptip .color-toptip__container .close-icon svg.color-toptip__right-close{background-color:unset!important}.color-toptip.color-toptip--dark .color-toptip__container .color-toptip__right-close path,.dark-colorui .color-toptip .color-toptip__container .color-toptip__right-close path{stroke:#fff;fill:#fff}.color-toptip.color-toptip--dark .color-toptip__container .color-toptip__right-arrow path,.dark-colorui .color-toptip .color-toptip__container .color-toptip__right-arrow path{fill:hsla(0,0%,100%,.3)}.color-toptip.color-toptip--theme1-text{color:#06f}.color-toptip.color-toptip--theme1-bg{background:#06f;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme1-text,.dark-colorui .color-toptip.color-toptip--theme1-text{color:#247cff}.color-toptip.color-toptip--dark.color-toptip--theme1-bg,.dark-colorui .color-toptip.color-toptip--theme1-bg{background:#247cff;color:#fff}.color-toptip.color-toptip--theme2-text{color:#eb3b2f}.color-toptip.color-toptip--theme2-bg{background:#eb3b2f;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme2-text,.dark-colorui .color-toptip.color-toptip--theme2-text{color:#eb493d}.color-toptip.color-toptip--dark.color-toptip--theme2-bg,.dark-colorui .color-toptip.color-toptip--theme2-bg{background:#eb493d;color:#fff}.color-toptip.color-toptip--theme3-text{color:#f70}.color-toptip.color-toptip--theme3-bg{background:#f70;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme3-text,.dark-colorui .color-toptip.color-toptip--theme3-text{color:#f08222}.color-toptip.color-toptip--dark.color-toptip--theme3-bg,.dark-colorui .color-toptip.color-toptip--theme3-bg{background:#f08222;color:#fff}.color-toptip.color-toptip--theme4-text{color:#ffb200}.color-toptip.color-toptip--theme4-bg{background:#ffb200;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme4-text,.dark-colorui .color-toptip.color-toptip--theme4-text{color:#e5a100}.color-toptip.color-toptip--dark.color-toptip--theme4-bg,.dark-colorui .color-toptip.color-toptip--theme4-bg{background:#e5a100;color:#fff}.color-toptip.color-toptip--theme5-text{color:#00bd13}.color-toptip.color-toptip--theme5-bg{background:#00bd13;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme5-text,.dark-colorui .color-toptip.color-toptip--theme5-text{color:#24b232}.color-toptip.color-toptip--dark.color-toptip--theme5-bg,.dark-colorui .color-toptip.color-toptip--theme5-bg{background:#24b232;color:#fff}html[dir=rtl] .color-toptip__left-icon{margin:.12rem 0 .12rem .12rem}html[dir=rtl] .color-toptip__right-arrow,html[dir=rtl] .color-toptip__right-close{margin-right:.12rem;margin-left:0}html[dir=rtl] .color-toptip__right-arrow{transform:rotate(180deg)}html[dir=rtl] .color-toptip__button-container{text-align:left}.color-grid-container{overflow:auto;padding:0 .16rem}@media screen and (max-width:599px){.color-grid-container{display:grid;grid-column-gap:.08rem;grid-template-columns:repeat(4,1fr);padding:0 .16rem}.grid-container__content{grid-column:span 4}.grid-container__gap{display:block}}@media screen and (min-width:600px){.color-grid-container{display:grid;grid-column-gap:.08rem;grid-template-columns:repeat(8,1fr);padding:0 .24rem}.grid-container__content{grid-column:span 6}.grid-container__gap{display:block;grid-column:span 1}}@media screen and (min-width:840px){.color-grid-container{display:grid;grid-column-gap:.12rem;grid-template-columns:repeat(12,1fr);padding:0 .4rem}.grid-container__content{grid-column:span 8}.grid-container__gap{grid-column:span 2}}.color-field{margin:auto;background-color:#fff;padding:.16rem;font-size:.16rem;position:relative;box-sizing:border-box}.color-field.color-field--line .color-field__message--error{margin-bottom:.04rem}.color-field--no-title{height:.52rem;display:flex;align-items:center}.color-field--none{width:3.28rem;border-radius:.12rem;overflow:hidden;background-color:#fff}@media screen and (max-width:359.9px){.color-field--none{width:auto}}.color-field-with-title{padding:.105rem .16rem}.color-field-with-title .color-field__content--line{border-width:.0033rem}.color-field-with-title .color-field__content--line .color-field__contain{margin:0 0 .11rem}.color-field-with-title .color-field__content--line .color-field__close,.color-field-with-title .color-field__content--line .color-field__eye{margin-top:-.1rem}.color-field__title{display:inline-block;font-size:.16rem;line-height:.21rem;margin-bottom:.05rem;font-variation-settings:"wght" 700;color:rgba(0,0,0,.9)}.color-field__content{display:flex;flex-wrap:nowrap;align-items:center;position:relative;width:100%}.color-field__content input:not([disabled])::-webkit-input-placeholder{color:rgba(0,0,0,.4);-webkit-text-fill-color:rgba(0,0,0,.4)}.color-field__content--line{border-bottom:.0066rem solid rgba(0,0,0,.12)}.color-field__content--line:after{content:"";position:absolute;left:0;bottom:0;height:.01rem;width:0;transform:translateY(100%)}.color-field__content--line-active:after{width:100%;transition:width .28s cubic-bezier(.25,.1,.1,1);background-color:#06f}.color-field__content--line-error:after{width:100%;background-color:#eb3b2f}.color-field__content--line~.color-field__label{transform:translateY(.27rem)}.color-field__content--line .color-field__contain{margin:.04rem 0}.color-field__contain{flex:auto;position:relative;overflow-y:auto;line-height:0}.color-field__plugin--left,.color-field__plugin--right{flex:none}.color-field__plugin--left{color:rgba(0,0,0,.9)}.color-field__plugin--right{margin-left:.16rem}.color-field__label{position:absolute;display:inline-block;color:rgba(0,0,0,.3);transition:all .3s ease;transform-origin:left;line-height:.21rem;background:hsla(0,0%,100%,0);top:0;left:.16rem}.color-field__label--active{color:rgba(0,0,0,.55)}.color-field__label--input{line-height:.23rem;color:rgba(0,0,0,.55);transition:all .28s cubic-bezier(.25,.1,.1,1)}.color-field__label--input:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:hsla(0,0%,100%,0);padding:0 .05rem;height:100%;width:100%;z-index:-1}.color-field__label--error{color:#eb3b2f}.color-field__input{font-size:.16rem;line-height:.21rem;caret-color:#06f;color:rgba(0,0,0,.9);background-color:hsla(0,0%,100%,0);text-align:justify;outline:none;border:none;padding:0;margin:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none}.color-field__input::-moz-placeholder{font-size:.16rem;color:rgba(0,0,0,.3)}.color-field__input::placeholder{font-size:.16rem;color:rgba(0,0,0,.3)}.color-field__input:after{content:attr(data-placeholder);color:rgba(0,0,0,.3)}.color-field__input--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-field__input--normal::-moz-selection{background:rgba(0,102,255,.3)}.color-field__input--normal::selection{background:rgba(0,102,255,.3)}.color-field__input--error::-moz-selection{background:rgba(232,42,24,.3)}.color-field__input--error::selection{background:rgba(232,42,24,.3)}.color-field__close{position:relative;box-sizing:border-box;width:.2rem;height:.2rem;margin-left:.16rem;flex:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-field__close:after{content:"";position:absolute;width:90%;height:90%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.color-field__close .color-field__icon{position:absolute;z-index:100;width:.2rem;height:.2rem;transform:scale(.65)}.color-field__icon{color:rgba(0,0,0,.9);font-size:.2rem}.color-field__eye{flex:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-left:.16rem;display:inline-block;width:.2rem;height:.2rem}.color-field__message{font-size:.1rem;color:rgba(0,0,0,.4);margin-top:.04rem;line-height:.14rem}.color-field__message--dark.color-field__message--error{color:#ea3939}.color-field__message--error{color:#eb3b2f}.color-field--disabled .color-field__label,.color-field--disabled .color-field__message{color:rgba(0,0,0,.15)}.color-field--disabled .color-field__input{color:rgba(0,0,0,.3)}.color-field--disabled.color-field--dark .color-field__input{color:hsla(0,0%,100%,.3)}.color-field--disabled .color-field__title{color:rgba(0,0,0,.3)}.color-field--disabled.color-field--dark .color-field__title{color:hsla(0,0%,100%,.3)}.color-field--dark{background-color:#1a1a1a}.color-field--dark .color-field__content input:not([disabled])::-webkit-input-placeholder{color:hsla(0,0%,100%,.4);-webkit-text-fill-color:hsla(0,0%,100%,.4)}.color-field--dark .color-field__content--line{border-bottom:.0066rem solid #2e2e2e}.color-field--dark .color-field__content--line-active:after{background-color:#06f}.color-field--dark .color-field__content--line-error:after{background-color:#ea3939}.color-field--dark .color-field__plugin--left,.color-field--dark .color-field__title{color:hsla(0,0%,100%,.9)}.color-field--dark .color-field__label{color:hsla(0,0%,100%,.14);background:transparent}.color-field--dark .color-field__label--input{color:hsla(0,0%,100%,.55)}.color-field--dark .color-field__label--input:after{background:transparent}.color-field--dark .color-field__input{color:var(--color);background-color:transparent}.color-field--dark .color-field__input::-moz-placeholder{font-size:.16rem;color:hsla(0,0%,100%,.3)}.color-field--dark .color-field__input::placeholder{font-size:.16rem;color:hsla(0,0%,100%,.3)}.color-field--dark .color-field__input:after{content:attr(data-placeholder);color:hsla(0,0%,100%,.3)}.color-field--dark .color-field__message{color:hsla(0,0%,100%,.4)}.color-field--dark .color-field__message--error{color:#ea3939}.color-field--dark .color-field--disabled .color-field__input,.color-field--dark .color-field--disabled .color-field__label,.color-field--dark .color-field--disabled .color-field__message{color:hsla(0,0%,100%,.15)}.color-field--dark .color-field--disabled:after{background:transparent}.dark-colorui .color-field{background-color:#1a1a1a}.dark-colorui .color-field .color-field__content input:not([disabled])::-webkit-input-placeholder{color:hsla(0,0%,100%,.4);-webkit-text-fill-color:hsla(0,0%,100%,.4)}.dark-colorui .color-field .color-field__content--line{border-bottom:.0066rem solid #2e2e2e}.dark-colorui .color-field .color-field__content--line-active:after{background-color:#06f}.dark-colorui .color-field .color-field__content--line-error:after{background-color:#ea3939}.dark-colorui .color-field .color-field__plugin--left,.dark-colorui .color-field .color-field__title{color:hsla(0,0%,100%,.9)}.dark-colorui .color-field .color-field__label{color:hsla(0,0%,100%,.14);background:transparent}.dark-colorui .color-field .color-field__label--input{color:hsla(0,0%,100%,.55)}.dark-colorui .color-field .color-field__label--input:after{background:transparent}.dark-colorui .color-field .color-field__input{color:var(--color);background-color:transparent}.dark-colorui .color-field .color-field__input::-moz-placeholder{font-size:.16rem;color:hsla(0,0%,100%,.3)}.dark-colorui .color-field .color-field__input::placeholder{font-size:.16rem;color:hsla(0,0%,100%,.3)}.dark-colorui .color-field .color-field__input:after{content:attr(data-placeholder);color:hsla(0,0%,100%,.3)}.dark-colorui .color-field .color-field__message{color:hsla(0,0%,100%,.4)}.dark-colorui .color-field .color-field__message--error{color:#ea3939}.dark-colorui .color-field.color-field--disabled .color-field__input,.dark-colorui .color-field.color-field--disabled .color-field__label,.dark-colorui .color-field.color-field--disabled .color-field__message{color:hsla(0,0%,100%,.15)}.dark-colorui .color-field.color-field--disabled .color-field__title{color:hsla(0,0%,100%,.3)}.dark-colorui .color-field.color-field--disabled:after{background:transparent}.dark-colorui .color-field .color-field__close svg circle{fill:#fff;fill-opacity:.3}.dark-colorui .color-field .color-field__close svg path{fill:#1a1a1a}.dark-colorui .color-field .color-field__content--line .color-field__close svg{margin-top:-.01rem}.dark-colorui .color-field .color-field__eye svg>g>g:first-child>g>g>g{opacity:1}.dark-colorui .color-field .color-field__eye svg>g>g:first-child>g>g>g path{fill:#fff;fill-opacity:.3}.dark-colorui .color-field .color-field__eye svg>g>g:last-child g{opacity:1}.dark-colorui .color-field .color-field__eye svg>g>g:last-child g path{fill:#fff;fill-opacity:.3}.dark-colorui .color-field__message--error{color:#ea3939}.color-field--dark.color-field--disabled .color-field__eye svg>g g:first-child>g>g>g{opacity:1}.color-field--dark.color-field--disabled .color-field__eye svg>g g:first-child>g>g>g path{fill:hsla(0,0%,100%,.3)}.color-field--dark.color-field--disabled .color-field__eye svg g:nth-child(2) path{fill:hsla(0,0%,100%,.3);fill-opacity:1}.color-field--dark.color-field--disabled .color-field__eye svg>g g:first-child>g>g:nth-child(2) g path,.dark-colorui .color-field--disabled .color-field__eye svg>g g:first-child>g>g:nth-child(2) g path{fill-opacity:.1}.color-field--dark.color-field--disabled .color-field__eye svg g:nth-child(2) path,.dark-colorui .color-field--disabled .color-field__eye svg g:nth-child(2) path{fill:hsla(0,0%,100%,.3)}.color-field-group{margin:auto;border-radius:.12rem;overflow:hidden;background-color:#fff;padding:.02rem 0;box-sizing:border-box}.color-field-group div:last-of-type>div.color-field--line .color-field__content--line{border-bottom-color:transparent}.color-field-group div:last-of-type>div.color-field--line .color-field__content--line:not(.color-field__content--line-error):after{background-color:transparent!important}.color-field-group .color-field-with-title{padding:.1rem .16rem 0}.color-field-group--dark,.dark-colorui .color-field-group{background-color:#1a1a1a}.color-search{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-search-bar{height:.4rem;padding:.07rem .24rem;box-sizing:content-box;background-color:transparent}.color-search-bar.color-search-bar--with-transition{transition:height .15s}.color-search-bar--custom{display:inline-block}.color-search-bar__button{display:flex;width:100%;height:100%;line-height:normal;padding:0 .11rem;margin:0 auto;border:none;border-radius:.2rem;font-size:.14rem;text-align:left;color:rgba(0,0,0,.4);position:relative;z-index:0;overflow:hidden;box-sizing:border-box}.color-search-bar__button:not(.color-search-bar__button--disabled),.color-search-bar__button:not(.color-search-bar__button--disabled):active{background-color:rgba(0,0,0,.08)}.color-search-bar__button:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:inherit;z-index:-1}.color-search-bar__button:active:before{top:-.01rem;left:-.01rem;width:calc(100% + .03rem);height:calc(100% + .03rem)}.color-search-bar__button .color-search-bar__button-container{display:flex;align-items:center;width:100%}.color-search-bar__button-placeholder{flex:auto;font-size:.16rem;line-height:.22rem}.color-search-bar__right-part{display:flex;margin-left:auto}.color-search-page{-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:250}.color-search-page.color-search-page--static{position:static}.color-search-page .color-search-page__search-content{max-height:calc(100% - .5rem);background-color:#fff;overflow-y:scroll}.color-search-page__back-button{margin-left:-.04rem;margin-right:.09rem;flex-shrink:0}.color-search-page__back-button:not(.color-search-page__back-button--custom){width:.24rem;height:.24rem}.color-search-page__back-button.color-search-page__back-button--custom{font-size:0}.color-search-page__back-button-icon{width:100%;height:100%}.color-search-page__header-placeholder{background-color:#fff;transition:height .3s}.color-search-page__header{position:relative;display:flex;flex-shrink:0;align-items:center;height:.5rem;padding-left:.24rem;line-height:normal;background-color:#fff;box-sizing:border-box}.color-search-page__input{flex-grow:1;min-width:0;border:0;padding:0 .16rem 0 0;caret-color:#06f;font-size:.16rem;line-height:.21rem}.color-search-page__input::-moz-placeholder{color:#b3b3b3}.color-search-page__input::placeholder{color:#b3b3b3}.color-search-page__input:focus{outline:none}.color-search-page__close{height:.2rem;width:.2rem;padding-right:.14rem;color:rgba(0,0,0,.9)}.color-search-page__vertical-divider{flex-shrink:0;width:.01rem;height:.16rem;background-color:rgba(0,0,0,.85);opacity:.12}.color-search-page__divider{position:absolute;left:0;bottom:0;width:100%;height:.01rem;background-color:#f2f2f2}.color-search-page__cancel-button,.color-search-page__search-button{font-variation-settings:"wght" 700;padding:0 .14rem;margin:0 .1rem 0 0;border:none;background-color:transparent;font-size:.14rem;line-height:.2rem;white-space:nowrap}.color-search-page__cancel-button:focus,.color-search-page__search-button:focus{outline:none}.color-search-page-enter-active,.color-search-page-leave-active{transition:opacity .25s}.color-search-page-enter,.color-search-page-leave-to{opacity:0}.color-search-page-enter-to,.color-search-page-leave{opacity:1}.color-search.color-search-dark .color-search-bar__button,.dark-colorui .color-search .color-search-bar__button{background-color:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.4)}.color-cell-group .color-cell-group-wrap{margin:0 auto}.color-cell-group .color-cell-group-wrap .color-cell{padding:unset}.color-cell-group .color-cell-group-wrap .color-cell .color-cell__content:after{content:"";display:block;width:var(--lineWidth);height:.01rem;position:absolute;right:.16rem;bottom:0;box-shadow:inset 0 -.004rem 0 0 rgba(0,0,0,.12);z-index:3}.color-cell-group .color-cell-group-wrap .color-cell:last-child .color-cell__content:after{content:none}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine{padding-bottom:.02rem}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__content:after{content:"";width:100%;height:.02rem;left:0;right:unset;bottom:-.02rem;box-shadow:unset;background-color:rgba(0,0,0,.12)}.color-cell-group .color-cell-group-wrap .color-cell .color-cell__wrapper{margin:unset;width:100%}.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 .16rem}@media screen and (min-width:600px){.color-cell-group.color-cell-group--responsive .color-cell-group-wrap{width:calc(75% + .465rem)}.color-cell-group.color-cell-group--responsive.color-cell-group--round .color-cell-group-wrap{width:calc(75% - .015rem)}.color-cell-group.color-cell-group--responsive,.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 .24rem}}@media screen and (min-width:840px){.color-cell-group.color-cell-group--responsive .color-cell-group-wrap{width:calc(66.7% + .444rem)}.color-cell-group.color-cell-group--responsive.color-cell-group--round .color-cell-group-wrap{width:calc(66.7% - .036rem)}.color-cell-group.color-cell-group--responsive,.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 .4rem}}.color-cell-group--round .color-cell-group__slot{background-color:#fff;border-radius:.12rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p8{padding-top:.1rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p10{padding-top:.12rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p12{padding-top:.14rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p13{padding-top:.15rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p8{padding-bottom:.1rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p10{padding-bottom:.12rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p12{padding-bottom:.14rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p13{padding-bottom:.15rem}.color-cell-group--round .color-cell-group__slot .color-cell.color-cell--active .color-cell__wrapper:after{background-color:rgba(0,0,0,.1)}.color-cell-group:last-child .color-cell-group__division{margin:0;border:none}.color-cell-group__footer,.color-cell-group__header{font-size:.12rem;line-height:.16rem;color:rgba(0,0,0,.6);padding:.24rem .16rem .16rem}.color-cell-group__footer{padding:.08rem .16rem .24rem}.color-cell-group--title .color-cell-group__header{padding:.24rem .16rem 0}.color-cell-group__content{display:flex;font-variation-settings:"wght" 700;padding:.24rem 0 .08rem .16rem;justify-content:space-between;align-items:center;font-size:.12rem;color:rgba(0,0,0,.6)}.color-cell-group__content--round{padding:.24rem .16rem .08rem}.color-cell-group__title{flex:auto;font-size:.12rem;line-height:.16rem;color:rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell-group__contain{flex:none;display:flex;align-items:center}.color-cell-group__handle{display:flex;align-items:center;color:#06f;font-size:.12rem;margin-left:.16rem}.color-cell-group__handle--rtl{margin-left:0;margin-right:.16rem}.color-cell-group__indicator{margin-left:.08rem;display:flex;align-items:center;text-align:center}.color-cell-group__indicator--rtl{margin-left:0;margin-right:.08rem;transform:scaleX(-1)}.color-cell-group__right{fill:#000;width:.07rem;height:.12rem}.color-cell-group__slot{overflow:hidden}.color-cell-group[\:has\(.color-cell-group__footer\)]+.color-cell-group .color-cell-group__content{padding-top:0}.color-cell-group:has(.color-cell-group__footer)+.color-cell-group .color-cell-group__content{padding-top:0}.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell-group__slot,.dark-colorui .color-cell-group.color-cell-group--round .color-cell-group__slot{background-color:unset}.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell.color-cell--active-content .color-cell__widget:after,.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell .color-cell__wrapper:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell.color-cell--active-content .color-cell__widget:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.1)}.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell.color-cell--active .color-cell__wrapper:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell.color-cell--active .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.2)}.color-cell-group.color-cell-group--dark .color-cell-group__content,.color-cell-group.color-cell-group--dark .color-cell-group__footer,.color-cell-group.color-cell-group--dark .color-cell-group__header,.color-cell-group.color-cell-group--dark .color-cell-group__title,.dark-colorui .color-cell-group .color-cell-group__content,.dark-colorui .color-cell-group .color-cell-group__footer,.dark-colorui .color-cell-group .color-cell-group__header,.dark-colorui .color-cell-group .color-cell-group__title{color:hsla(0,0%,100%,.6)}.color-cell-group.color-cell-group--dark .color-cell-group-wrap .color-cell .color-cell__content:after,.dark-colorui .color-cell-group .color-cell-group-wrap .color-cell .color-cell__content:after{box-shadow:inset 0 -.004rem 0 0 hsla(0,0%,100%,.12)}.color-cell-group.color-cell-group--dark .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__content:after,.dark-colorui .color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__content:after{box-shadow:unset;background-color:hsla(0,0%,100%,.12)}.color-title-bar{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;transition:margin-top .3s;z-index:1}.color-title-bar.color-title-bar--collapsed{margin-top:-.54rem}.color-title-bar.color-title-bar--collapsed.color-title-bar--collapsed-with-large-title{margin-top:-1.11rem}.color-title-bar .color-title-bar__left-section-container{display:flex;padding-left:.04rem;padding-right:.04rem}@media screen and (min-width:600px){.color-title-bar .color-title-bar__left-section-container{padding-left:.08rem}}@media screen and (min-width:840px){.color-title-bar .color-title-bar__left-section-container{padding-left:.24rem}}.color-title-bar .color-title-bar__main-container{position:relative;display:flex;justify-content:space-between;align-items:center;height:.5rem;z-index:1;box-sizing:border-box}.color-title-bar .color-title-bar__large-title-container{font-variation-settings:"wght" 300;position:relative;color:rgba(0,0,0,.9);font-size:.4rem;line-height:.57rem;padding-bottom:.12rem;white-space:nowrap;z-index:2;pointer-events:none}.color-title-bar .color-title-bar__large-title,.color-title-bar .color-title-bar__large-title-container{overflow:hidden;text-overflow:ellipsis;background-color:transparent!important}.color-title-bar .color-title-bar__subtitle{font-variation-settings:"wght" 550;background-color:transparent!important;color:rgba(0,0,0,.6);font-size:.14rem;line-height:.2rem;text-overflow:ellipsis;white-space:nowrap}.color-title-bar .color-title-bar__left-section{display:inline-flex;font-size:.14rem;max-width:1.14rem;line-height:.24rem;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;background-color:inherit}.color-title-bar .color-title-bar__left-section--back-icon{width:.24rem;height:.24rem;background-color:inherit;display:flex;align-items:center;justify-content:center;padding:0 .16rem}.color-title-bar .color-title-bar__left-section--back-icon svg{width:.1734rem}.color-title-bar .color-title-bar__container{flex-grow:1;overflow:hidden}.color-title-bar .color-title-bar__container.color-title-bar__container--center{position:absolute;left:0;width:100%;text-align:center;z-index:-1}.color-title-bar .color-title-bar__title{font-variation-settings:"wght" 700;color:rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-title-bar .color-title-bar__title--with-large{opacity:0}.color-title-bar .color-title-bar__title-wrapper{display:inline-block;font-size:.18rem;line-height:.23rem;letter-spacing:.0018rem}.color-title-bar .color-title-bar__right-section{display:inline-flex;font-size:.14rem;line-height:.24rem;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;background-color:inherit}.color-title-bar .color-title-bar__divider{position:absolute;left:50%;bottom:0;opacity:0;background-color:rgba(0,0,0,.12);height:.01rem;width:3.12rem;z-index:110;transform-origin:center bottom;transform:translateX(-50%) scaleY(.33)}.color-title-bar .color-title-bar__left-section--placeholder{height:.24rem}.color-title-bar .color-title-bar__progress-bar{position:absolute;bottom:0;left:0;width:0;height:.01rem;background-color:#06f;transition:width .2s;z-index:120;overflow:hidden}.color-title-bar .color-title-bar__progress-bar-highlight{position:absolute;top:0;left:-.21rem;width:.21rem;height:.01rem;animation:none;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAACCAYAAADvuwSsAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAAAeUlEQVQYla3OyQrCUBBE0dMaxXn4/3/UGDBIHJ6bBkNQcWHBpYqe6JAqpQQCo6TCBFPMscAKG2yxf8Mu+2ssc2+WNyqMe/eHeiS3pMMFLc5ocEKNY3JIr7PX5Gybux2uuCcFJSL48ETp+TD/wr8VPe9jkH3Jr2K8yk9WCCwCma6POQAAAABJRU5ErkJggg==");background-size:100%}.color-title-bar .color-title-bar__progress-bar-highlight.color-title-bar__progress-bar-highlight--loop{animation-name:translation;animation-duration:1s;animation-iteration-count:infinite}@keyframes translation{0%{left:0}to{left:100%}}.color-title-bar.color-title-bar--dark .color-title-bar__large-title-container,.dark-colorui .color-title-bar .color-title-bar__large-title-container{color:hsla(0,0%,100%,.9)}.color-title-bar.color-title-bar--dark .color-title-bar__large-title-container .color-title-bar__subtitle,.dark-colorui .color-title-bar .color-title-bar__large-title-container .color-title-bar__subtitle{color:hsla(0,0%,100%,.6)}.color-title-bar.color-title-bar--dark .color-title-bar__title,.dark-colorui .color-title-bar .color-title-bar__title{color:hsla(0,0%,100%,.9)}.color-title-bar.color-title-bar--dark .color-title-bar__title .color-title-bar__subtitle,.dark-colorui .color-title-bar .color-title-bar__title .color-title-bar__subtitle{color:hsla(0,0%,100%,.6)}.color-title-bar.color-title-bar--dark .color-title-bar__left-section--back-icon svg path,.color-title-bar.color-title-bar--dark .color-title-bar__right-section svg path,.dark-colorui .color-title-bar .color-title-bar__left-section--back-icon svg path,.dark-colorui .color-title-bar .color-title-bar__right-section svg path{fill:hsla(0,0%,100%,.9)}.color-title-bar.color-title-bar--dark .color-title-bar__divider,.dark-colorui .color-title-bar .color-title-bar__divider{background-color:hsla(0,0%,100%,.2)}.color-picker{position:relative;display:flex;justify-content:center;font-style:normal;background:#fff;font-variation-settings:"wght" 700;border-radius:.12rem;overflow:hidden;font-size:.16rem;z-index:0}.color-picker:before{content:"";position:absolute;top:50%;left:.16rem;right:.16rem;transform:translateY(-50%);height:.5rem;box-sizing:border-box;border-top:.01rem solid var(--background-color-select);border-bottom:.01rem solid var(--background-color-select)}.color-picker__mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translateZ(0);background-image:linear-gradient(180deg,hsla(0,0%,100%,.56),hsla(0,0%,100%,.56) var(--clip-height),transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.56),hsla(0,0%,100%,.56) var(--clip-height),transparent 0)}.color-picker-unit{z-index:-10;position:absolute;top:50%;right:-.05rem;transform:translateY(-50%);box-sizing:border-box;height:.5rem;font-size:.14rem;line-height:.5rem}.color-picker-unit-span{display:inline-block;font-variation-settings:"wght" 700}.color-picker-unit-Enh{margin-right:.21rem}.color-picker-unit-Enm{margin-right:.16rem}.color-picker-unit-Cnh,.color-picker-unit-Cnm{margin-right:.14rem}.color-picker-container{position:relative;z-index:1}.color-picker-scroll{position:relative}.color-picker-scroll .color-scroll__inner{position:relative;z-index:-1}.color-picker-item{overflow:scroll;margin:0;padding:0;text-align:center;line-height:0;list-style-type:none}.color-picker-item.color-picker-item--unit{margin-left:.07rem}.color-picker-item--unit{width:.62rem;margin-left:.02rem}.color-picker-item::-webkit-scrollbar{display:none}.color-picker-item--default{padding:0 .2rem;width:1.2rem}.color-picker-item--month,.color-picker-item--number{width:.76rem}.color-picker-item--month .color-picker-item-li-span{margin-left:.25rem}.color-picker-item--month+.color-picker-item--number+.color-picker-item--number .color-picker-item-li-span{margin-right:.24rem}.color-picker-item--year{width:.96rem}.color-picker-item--year .color-picker-item-li-span{margin-left:.14rem}.color-picker-item--year+.color-picker-item--month .color-picker-item-li-span{margin-right:.01rem;margin-left:unset}.color-picker-item--year+.color-picker-item--month+.color-picker-item--month .color-picker-item-li-span{margin-right:.17rem;margin-left:unset}.color-picker-item--week{width:1.5rem}.color-picker-item--week .color-picker-item-li-span{margin-left:.11rem}.color-picker-item--week+.color-picker-item--number .color-picker-item-li-span{margin-left:.0973rem}.color-picker-item--week+.color-picker-item--number+.color-picker-item--number .color-picker-item-li-span{margin-right:.09rem}.color-picker-item-li{display:inline-block;white-space:nowrap;line-height:.45rem;height:.45rem;transform-origin:center;width:100%}.color-picker-item-li-span{color:rgba(0,0,0,.9)}.color-picker-item-li-span,.color-picker-item-li-span-dark{display:inline-block;transition:font-size .03s linear;font-size:.16rem;font-variation-settings:"wght" 700}.color-picker-item-li-span-dark{color:#fff}.color-picker-item-li--active-black-to-gray,.color-picker-item-li--active-gray-to-black,.color-picker-item-li--next-black-to-gray,.color-picker-item-li--next-gray-to-black,.color-picker-item-li--pre-black-to-gray,.color-picker-item-li--pre-gray-to-black{background-size:text;-webkit-background-clip:text;background-clip:text}.color-picker-item-li--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-orient:vertical}.color-picker-item-li--active{opacity:1;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700}.color-picker-item-li--active-dark{opacity:1;color:hsla(0,0%,100%,.9);font-variation-settings:"wght" 700}.color-picker.color-picker--dark,.dark-colorui .color-picker{background-color:var(--darkBg);color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.85)}.color-picker.color-picker--dark:before,.dark-colorui .color-picker:before{border-top:.01rem solid #2e2e2e;border-bottom:.01rem solid #2e2e2e}.color-picker.color-picker--dark .color-picker-item-li-span,.dark-colorui .color-picker .color-picker-item-li-span{color:#fff}.color-picker.color-picker--dark .color-picker-item-li--active,.dark-colorui .color-picker .color-picker-item-li--active{opacity:1;color:hsla(0,0%,100%,.9);font-variation-settings:"wght" 700}.color-picker.color-picker--dark .color-picker__mask,.dark-colorui .color-picker .color-picker__mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translateZ(0);background-image:linear-gradient(180deg,var(--maskDarkBg),var(--maskDarkBg) var(--clip-height),transparent 0),linear-gradient(0deg,var(--maskDarkBg),var(--maskDarkBg) var(--clip-height),transparent 0)}.color-popup.color-popup--round.color-popup--color-loading{border-radius:.24rem}.color-popup.color-popup--bottom.color-popup--color-loading{margin-bottom:.24rem;display:flex;background-color:transparent}.color-popup.color-popup--bottom.color-popup--color-loading .color-loading{margin-left:auto;margin-right:auto;border-radius:.24rem}.color-popup--color-loading .color-popup--color-loading--dark{background-color:#2e2e2e}.dark-colorui .color-popup--color-loading{background:transparent}.color-loading{min-width:1.8rem;background-color:#fff;box-sizing:border-box;padding:.24rem 0 .32rem;overflow:hidden}.color-loading .loading-button-wrapper{display:flex;justify-content:center;text-align:center;height:.61rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-loading .loading-button-wrapper .loading-button{height:100%;flex:1;display:flex;box-sizing:border-box;padding-bottom:.06rem;align-items:center;justify-content:center}.color-loading .button-divider{align-self:flex-end;margin-bottom:.23rem;height:.2rem;width:.01rem;background:rgba(0,0,0,.12)}.color-loading .color-loading__title__line{display:none}.color-loading .color-progress.loadingProgressClass{margin-top:.28rem!important}.color-loading .color-progress{height:unset!important;margin:.05rem .8rem .32rem!important}.color-loading .color-progress__bar{height:.04rem}.color-loading .color-progress__bar__dark{background:hsla(0,0%,100%,.2)}.color-loading .color-progress__progress{height:.04rem}.color-loading--long{min-width:3.2rem}.color-loading.color-loading--with-cancel{padding:.24rem 0 0}.color-loading--no-title{min-width:unset;width:1.52rem;padding-top:.32rem;padding-bottom:.3rem}.color-loading .color-loading__title{font-variation-settings:"wght" 700;padding:0 .24rem;margin-bottom:.2rem;text-align:center;font-size:.18rem;line-height:.23rem;color:rgba(0,0,0,.9)}.color-loading .color-loading__title__line{height:.1rem}.color-loading .color-loading__progress{width:.26rem;height:.26rem;margin:0 auto;text-align:center;font-size:0}.color-loading .color-loading__progress .color-loading__progress-icon-background{stroke:rgba(0,102,255,.15)}.color-loading .color-loading__progress .color-loading__progress-icon-circle{stroke:#06f;transition:stroke-dasharray .1s}.color-loading .color-loading__progress.color-loading__progress--static path[stroke-linecap=butt]{stroke:#000}.color-loading .color-progress{width:1.68rem;height:.34rem;margin:-.11rem auto}.color-loading .color-progress-circle{margin:0 auto}.color-loading .color-loading__cancel-button{font-size:.16rem;font-variation-settings:"wght" 700;height:.61rem;color:#006aff;text-align:center;overflow:hidden}.color-loading .color-loading__cancel-button.margin-btm-when-no-progress{margin-bottom:.18rem}.color-loading.color-loading--dark,.dark-colorui .color-loading{background-color:#2e2e2e}.color-loading.color-loading--dark .color-loading__title,.dark-colorui .color-loading .color-loading__title{color:hsla(0,0%,100%,.9)}.color-loading.color-loading--dark .color-progress__progress,.dark-colorui .color-loading .color-progress__progress{background-color:#247cff}.color-loading.color-loading--dark .color-loading__progress.color-loading__progress--static path[stroke-linecap=butt],.dark-colorui .color-loading .color-loading__progress.color-loading__progress--static path[stroke-linecap=butt]{stroke:hsla(0,0%,100%,.9)}.color-loading.color-loading--dark .color-loading__cancel-button,.dark-colorui .color-loading .color-loading__cancel-button{color:#5c9dff}.color-loading.color-loading--dark .color-progress__bar,.dark-colorui .color-loading .color-progress__bar{background-color:hsla(0,0%,100%,.2)}.color-loading.color-loading--dark .color-loading__description,.dark-colorui .color-loading .color-loading__description{color:hsla(0,0%,100%,.6)}.color-loading.color-loading--dark .button-divider,.dark-colorui .color-loading .button-divider{background-color:hsla(0,0%,100%,.2)}.color-loading.color-loading--dark .color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt],.dark-colorui .color-loading .color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt]{stroke:hsla(0,0%,100%,.9)}.color-loading-enter-active,.color-loading-leave-active{transition:all .25s}.color-loading-enter{transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);opacity:0}.color-loading-leave-to{transform:translate3d(-50%,-50%,0) scaleX(1);opacity:0}.color-loading-enter-to,.color-loading-leave{transform:translate3d(-50%,-50%,0) scaleX(1);opacity:1}.color-area-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background-color:#fafafa;z-index:300}.color-area-loading .color-area-loading__progress{text-align:center;font-size:0}.color-area-loading .color-area-loading__progress.color-area-loading__progress--static{width:.26rem;height:.26rem;margin:0 auto}.color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt]{stroke:#000}.color-area-loading .color-area-small-loading__progress{text-align:center;font-size:0}.color-area-loading .color-area-small-loading__progress.color-area-small-loading__progress--static{width:.14rem;height:.14rem;margin:0 auto}.color-area-loading .color-area-small-loading__progress.color-area-small-loading__progress--static path[stroke-linecap=butt]{stroke:#000}.color-area-loading.color-area-loading-enter-active,.color-area-loading.color-area-loading-leave-active{transition:opacity .5s}.color-area-loading.color-area-loading-enter,.color-area-loading.color-area-loading-leave-to{opacity:0}.color-area-loading.color-area-loading-enter-to,.color-area-loading.color-area-loading-leave{opacity:1}.color-area-loading--parent-relative{position:relative}.color-loading__description{margin-top:.16rem;padding-left:.16rem;padding-right:.16rem;font-size:.12rem;color:rgba(0,0,0,.6);text-align:center;font-variation-settings:"wght" 700}.color-area-loading__description{margin-top:.16rem;font-size:.14rem;color:rgba(0,0,0,.6)}.color-area-loading.color-area-loading--dark,.dark-colorui .color-area-loading{background-color:#000}.color-area-loading.color-area-loading--dark .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt],.color-area-loading.color-area-loading--dark .color-area-small-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt],.dark-colorui .color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt],.dark-colorui .color-area-loading .color-area-small-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt]{stroke:hsla(0,0%,100%,.9)}.color-area-loading.color-area-loading--dark .color-area-loading__description,.dark-colorui .color-area-loading .color-area-loading__description{color:hsla(0,0%,100%,.6)}.color-progress{position:relative;display:flex;align-items:center}.color-progress__bar,.color-progress__progress{height:.02rem;border-radius:.3333rem;background-color:#06f}.color-progress__bar{flex:1;background:rgba(0,0,0,.12)}.color-progress__progress{position:absolute;top:50%;left:0;transform:translateY(-50%)}.color-progress__animation{transition:width .3s ease}.color-progress-circle{position:relative;width:100%;height:100%;min-width:.24rem;min-height:.24rem;box-sizing:border-box;text-align:center}.color-progress-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.color-progress-circle__bar,.color-progress-circle__progress{fill:none;stroke-width:130}.color-progress-circle__bar{stroke:rgba(0,102,255,.15)}.color-progress-circle__progress{stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;stroke:#06f}.color-progress-circle__text{position:absolute;top:50%;left:0;width:100%;font-size:.14rem;transform:translateY(-50%)}.color-progress-circle__animation{transition:stroke-dasharray .3s ease}.color-progress-button{border:none}.color-progress-button>span{border-radius:inherit}.color-progress-button .color-progress-button-mask{position:absolute;left:0;top:.0034rem;bottom:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;border-radius:inherit;color:#fff;z-index:2}.color-progress-button-mask__animation{transition:all .2s cubic-bezier(.4,0,.2,1),padding-top 0ms ease}.color-progress-button-mask-active{background-color:#005ae0}.color-progress-button-mask-unactive{background-color:#06f}.color-progress-button.color-button--small,.color-progress-button.color-button--small-active{max-width:.48rem}.color-progress-button.color-progress-button--number{font-variation-settings:"wght" 550}.color-progress-button.color-progress-button--number .color-progress-button-text{position:relative;top:.01rem;z-index:1}.color-progress-button.color-progress-button--number .color-progress-button-mask{padding-top:.01rem}.color-progress-button.color-button--large-active .color-progress-button-mask,.color-progress-button.color-button--middle-active .color-progress-button-mask,.color-progress-button.color-button--mini-active .color-progress-button-mask,.color-progress-button.color-button--small-active .color-progress-button-mask{transition:all .2s cubic-bezier(.4,0,.2,1)}.color-progress-button-disabled-transition,.color-progress-button-disabled-transition:after{transition-duration:0ms}.color-progress-circle__bar__dark,.dark-colorui .color-progress-circle__bar{stroke:rgba(0,102,255,.3)}.color-progress__bar__dark,.dark-colorui .color-progress__bar{background:hsla(0,0%,100%,.3)}.color-dialog-panel.color-popup{background-color:transparent}.color-dialog-panel.color-popup--bottom{margin-bottom:.24rem}.color-dialog-panel.color-popup--round{border-radius:0!important}.color-dialog-panel.color-popup--round .color-dialog{border-radius:.24rem}.color-dialog-panel--image.color-popup{background-color:transparent}.color-dialog-panel .color-option .color-option-content{min-height:auto;margin-bottom:.3rem}.color-dialog{box-sizing:border-box;padding-top:.24rem;max-height:6rem;overflow:hidden;width:calc(100vw - .32rem);max-width:3.6rem;display:flex;flex-direction:column;position:relative;background-color:#fff;margin-left:auto;margin-right:auto}.color-dialog.color-dialog-select-only{padding-top:0}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical{margin-top:0}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-of-type{margin-bottom:unset}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option .color-option-content{margin-bottom:unset;padding-top:.15rem;padding-bottom:.15rem}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:first-child .color-option-content{padding-top:.23rem}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-child .color-option-content{padding-bottom:.23rem;margin-bottom:unset!important}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:first-child):before{top:-.01rem}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:last-child) div.color-ripple__container{top:0!important;bottom:0!important}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-child div.color-ripple__container{top:-.01rem!important;bottom:0!important}.color-dialog.color-dialog-select-only .color-dialog-footer--vertical.color-dialog-footer--recommend{margin-top:0}.color-dialog .color-dialog-wrapper{display:flex;min-height:.83rem;flex-direction:column;justify-content:center;align-items:center}.color-dialog .color-dialog-title{--start-shadow-color:#fff;--end-shadow-color:hsla(0,0%,100%,0);font-style:normal;font-size:.18rem;flex-shrink:0;color:rgba(0,0,0,.9);text-align:center;line-height:.26rem;word-break:break-all;position:relative;padding:0 .24rem}.color-dialog .color-dialog-title.color-dialog-title-no-title{margin-top:.02rem}.color-dialog .color-dialog-title .title{max-height:.78rem;overflow-y:auto;font-variation-settings:"wght" 700}.color-dialog .color-dialog-title:first-of-type.color-dialog-title--has-icon{margin-top:0}.color-dialog .color-dialog-title:nth-of-type(2){margin-top:.17rem}.color-dialog .color-dialog-content{--start-shadow-color:#fff;--end-shadow-color:hsla(0,0%,100%,0);position:relative;display:flex;flex-direction:column;overflow:hidden;text-align:center;justify-content:center;min-height:.54rem;width:100%}.color-dialog .color-dialog-content.color-dialog-content-add8MarginBtm{margin-bottom:.08rem;margin-top:.03rem}.color-dialog .color-dialog-content--no-header{margin:.2rem 0 .03rem}.color-dialog .color-dialog-content--no-footer{margin-bottom:.2rem}.color-dialog .color-dialog-content--custom{overflow:auto;padding-bottom:.08rem;margin-top:.14rem}.color-dialog .color-dialog-content .color-dialog-checkbox{height:.32rem;box-sizing:border-box;display:flex;align-items:center;margin-left:.2rem;padding-top:.04rem}.color-dialog .color-dialog-content .color-dialog-checkbox .color-checkbox__content{display:flex;align-items:center;margin-left:.08rem}.color-dialog .color-dialog-content .color-dialog-checkbox .color-checkbox__content .checkbox-tip{font-size:.12rem;color:rgba(0,0,0,.54)}.color-dialog .color-dialog-content__scroll{overflow:scroll;font-size:0}.color-dialog .color-dialog-content__scroll::-webkit-scrollbar{display:none}.color-dialog .color-dialog-content--no-default{text-align:center}.color-dialog .color-dialog-content__inner{font-size:.14rem;line-height:.2rem;color:rgba(0,0,0,.9);display:inline-block;text-align:left;white-space:pre-wrap;padding:.14rem .24rem .03rem}.color-dialog .color-dialog-footer{display:flex;flex-shrink:0}.color-dialog .color-dialog-footer.color-dialog-footer--horizontal .color-option{padding-top:.12rem;padding-bottom:.24rem}.color-dialog .color-dialog-footer .gray-btn-contain-left{position:absolute;left:0;right:50%;top:-.12rem;bottom:0;background-color:rgba(0,0,0,.08)}.color-dialog .color-dialog-footer .gray-btn-contain-right{position:absolute;left:50%;right:0;top:-.12rem;bottom:0;background-color:rgba(0,0,0,.08)}.color-dialog .color-dialog-footer--horizontal{position:relative;margin-top:.05rem;font-variation-settings:"wght" 700}.color-dialog .color-dialog-footer--horizontal:before{content:"";position:absolute;bottom:.24rem;left:50%;height:.2rem;z-index:1;background-color:rgba(0,0,0,.12);width:.01rem}.color-dialog .color-dialog-footer--horizontal--single-btn:before{display:none}.color-dialog .color-dialog-footer--horizontal .color-option .color-option-content{height:auto;min-height:auto;margin-bottom:0}.color-dialog .color-dialog-footer--vertical{flex-shrink:0;position:relative;display:flex;flex-direction:column;overflow-y:scroll;margin-top:.21rem}.color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend{margin-top:.05rem}.color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend .color-dialog-footer__actions:not(.color-dialog-footer__actions--horizontal){display:flex;flex-direction:column;align-items:center}.color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend .color-dialog-footer__actions:not(.color-dialog-footer__actions--horizontal) .color-button{width:calc(100% - .48rem)}.color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend .color-dialog-footer__actions:not(.color-dialog-footer__actions--horizontal) .color-button.color-button--main{margin-top:.04rem;margin-bottom:.04rem}.color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend .color-dialog-footer__actions:not(.color-dialog-footer__actions--horizontal) .color-button.color-button--main:last-of-type{margin-bottom:.16rem}.color-dialog .color-dialog-footer--vertical::-webkit-scrollbar{display:none}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions{--divide-line-color:rgba(0,0,0,0.12)}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:first-child):before{content:"";position:absolute;width:calc(100% - .48rem);top:-.16rem;left:.24rem;z-index:1;background-color:var(--divide-line-color);height:.01rem;transform:scaleY(.33)}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-of-type{height:.6rem;padding-bottom:.1rem;margin-bottom:-.02rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-button{width:calc(100% - .48rem);margin:.04rem .24rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-button.color-button--text{min-height:.44rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-button:last-of-type{margin-bottom:.14rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-dialog-btn-divider-line{width:calc(100% - 1.08rem);height:.01rem;transform:scaleY(.33);background-color:var(--divide-line-color);margin-left:auto;margin-right:auto;margin-bottom:-.01rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions--horizontal{display:flex;grid-gap:8px;grid-gap:.08rem;gap:.08rem;padding:.12rem .16rem .16rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions--horizontal .color-button{flex:1;min-height:.44rem;margin:0!important}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions--horizontal .color-button>span{white-space:unset;line-height:.22rem}.color-dialog .color-dialog__close-icon{width:.24rem;height:.24rem;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;top:.1rem;right:.1rem;color:rgba(0,0,0,.3)}.color-dialog-panel.color-dialog-panel--dark.color-popup.color-dialog-panel .color-option--danger .color-option-content__title,.dark-colorui .color-dialog-panel.color-popup.color-dialog-panel .color-option--danger .color-option-content__title{color:#eb3b2f}.color-dialog-panel.color-dialog-panel--dark.color-popup .color-dialog .color-dialog-content__inner,.color-dialog-panel.color-dialog-panel--dark.color-popup .color-dialog .color-dialog-title .title,.dark-colorui .color-dialog-panel.color-popup .color-dialog .color-dialog-content__inner,.dark-colorui .color-dialog-panel.color-popup .color-dialog .color-dialog-title .title{color:hsla(0,0%,100%,.9)!important}.color-dialog-panel.color-dialog-panel--dark.color-popup .color-dialog-footer--horizontal:before,.dark-colorui .color-dialog-panel.color-popup .color-dialog-footer--horizontal:before{background-color:hsla(0,0%,100%,.2)}.color-dialog-panel.color-dialog-panel--dark .color-dialog,.dark-colorui .color-dialog-panel .color-dialog{background-color:#2e2e2e}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-title,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-title{--start-shadow-color:#2e2e2e;--end-shadow-color:rgba(46,46,46,0)}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-content,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-content{--start-shadow-color:#2e2e2e;--end-shadow-color:rgba(46,46,46,0);color:hsla(0,0%,100%,.9)}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-content .color-dialog-checkbox .color-checkbox__content .checkbox-tip,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-content .color-dialog-checkbox .color-checkbox__content .checkbox-tip{color:hsla(0,0%,100%,.54)}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog__close-icon,.dark-colorui .color-dialog-panel .color-dialog .color-dialog__close-icon{color:hsla(0,0%,100%,.3)}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions{--divide-line-color:hsla(0,0%,100%,0.2)}div.color-modal-pop-dailog-gray .color-dialog .color-dialog-footer--vertical,div.color-modal-pop-dailog-gray .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions button.color-option{overflow:visible}div.color-modal-pop-dailog-gray .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:last-child) div.color-ripple__container{height:auto;top:-.15rem;bottom:.15rem}div.color-modal-pop-dailog-gray .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-child div.color-ripple__container{height:auto;top:-.16rem;bottom:0}.color-dialog-panel--custom .color-dialog .color-dialog-wrapper{min-height:unset;overflow-y:auto}.color-dialog-panel--custom .color-dialog .color-dialog-footer--vertical.color-dialog-footer--recommend{margin-top:0}.color-dialog-panel--custom .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions--horizontal{padding-top:.1rem}.color-dialog-panel--image{box-shadow:none}@media (orientation:landscape)and (min-width:640px){.color-dialog-panel--image{flex-direction:row}.color-dialog-panel--image .color-dialog--image .color-dialog--image__img__inner{width:calc(100vh - .4rem);height:calc(100vh - .4rem)}.color-dialog-panel--image .color-dialog--image__btn__inner{margin-top:0;margin-left:.8rem}}@media (min-aspect-ratio:7/10)and (min-width:640px){.color-dialog-panel--image{flex-direction:row}.color-dialog-panel--image .color-dialog--image .color-dialog--image__img__inner{width:calc(100vh - .4rem);height:calc(100vh - .4rem)}.color-dialog-panel--image .color-dialog--image__btn__inner{margin-top:0;margin-left:.8rem}}.color-dialog--image{position:relative;font-size:0;background-color:transparent;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.color-dialog--image-horizontal{flex-direction:row}.color-dialog--image__img__inner{width:calc(100vw - .32rem);max-width:3.6rem;height:auto;max-height:3.6rem;border-radius:.22rem}.color-dialog--image__btn__inner{width:.4rem;height:.4rem;margin-top:.5rem;color:#fff;opacity:.5;pointer-events:none}.color-dialog--shadow--between:before,.color-dialog--shadow--bottom:before,.color-dialog--shadow--top:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + .01rem);z-index:1;pointer-events:none}.color-dialog--shadow--top:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0)}.color-dialog--shadow--between:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0),linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) .385rem,transparent 0)}.color-dialog--shadow--bottom:before{background-image:linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) .385rem,transparent 0)}.color-dialog-panel .color-option{width:100%;height:auto;padding:0 .3rem .24rem}.color-dialog-panel .color-option--clean{margin:0;padding:0;display:inline-block;position:relative;overflow:hidden;outline:none;background:transparent;border:0;border-radius:0;text-decoration:none;vertical-align:top;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateZ(0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-dialog-panel .color-option--bold{font-variation-settings:"wght" 700}.color-dialog-panel .color-option--default{color:rgba(0,0,0,.9)}.color-dialog-panel .color-option--primary{color:#06f}.color-dialog-panel .color-option--warning{color:#ffb200}.color-dialog-panel .color-option--danger{color:#eb3b2f}.color-dialog-panel .color-option--info{color:#06f}.color-dialog-panel .color-option--light{color:#38d7d5}.color-dialog-panel .color-option--stress{color:#7828ff}.color-dialog-panel .color-option--disabled{color:rgba(0,0,0,.3)}.color-dialog-panel .color-option-content{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:.38rem}.color-dialog-panel .color-option-content__title{font-size:.16rem;white-space:normal;line-height:.22rem;padding:0 .24rem;font-variation-settings:"wght" 700}.color-dialog-panel .color-option-content__sub{font-size:.12rem;color:rgba(0,0,0,.5);margin-top:.01rem;line-height:.17rem}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-of-type{height:auto;padding-bottom:unset}.color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-of-type .color-option-content{margin-bottom:.27rem}.color-checkbox{font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox--center{display:flex;align-items:center}.color-checkbox--default{display:inline-block}.color-checkbox__container{display:flex;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox__content{margin-left:.12rem;font-size:.16rem}.color-checkbox__content--disabled{color:rgba(0,0,0,.15)}.color-checkbox__title--indent{padding-left:.16rem}.color-checkbox .icon-unselect-to-select{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-unselect-to-select svg>g>g:nth-child(2) path{fill:#06f}.color-checkbox .icon-unselect-to-select--disabled svg>g>g:first-child path{fill-opacity:0}.color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:rgba(0,0,0,.08)}.color-checkbox .icon-select-to-unselect{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-select-to-unselect svg>g>g:nth-child(2) path{fill:#06f}.color-checkbox .icon-select-to-unselect--disabled svg>g>g:first-child path{fill:#000;fill-opacity:.08}.color-checkbox .icon-unselect-to-select-desktop{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-unselect-to-select-desktop--disabled svg>g>g:nth-child(2) path{fill:#e6e6e6}.color-checkbox .icon-select-to-unselect-desktop{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-select-to-unselect-desktop--disabled svg>g>g:nth-child(2) path{fill:#e6e6e6}.color-checkbox .icon-unselect-to-select-picture{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-unselect-to-select-picture svg>g>g:first-child path{fill:#06f}.color-checkbox .icon-unselect-to-select-picture--disabled svg>g>g:first-child path{fill:#000;fill-opacity:.08}.color-checkbox .icon-select-to-unselect-picture{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-select-to-unselect-picture svg>g>g:first-child path{fill:#06f}.color-checkbox .icon-select-to-unselect-picture--disabled svg>g>g:nth-child(3) path{fill:#000;fill-opacity:.08}.color-checkbox.color-checkbox-dark .icon-unselect-to-select svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox .icon-unselect-to-select svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox.color-checkbox-dark .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:hsla(0,0%,100%,.15)}.color-checkbox.color-checkbox-dark .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path{fill-opacity:.3}.color-checkbox.color-checkbox-dark .icon-select-to-unselect svg>g>g:first-child path,.dark-colorui .color-checkbox .icon-select-to-unselect svg>g>g:first-child path{fill:#fff}.color-checkbox.color-checkbox-dark .icon-select-to-unselect--disabled svg>g>g:first-child path,.dark-colorui .color-checkbox .icon-select-to-unselect--disabled svg>g>g:first-child path{fill:#fff;fill-opacity:.15}.color-checkbox.color-checkbox-dark .icon-select-to-unselect--disabled svg>g>g:nth-child(2) path,.color-checkbox.color-checkbox-dark .icon-select-to-unselect--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox .icon-select-to-unselect--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox .icon-select-to-unselect--disabled svg>g>g:nth-child(3) path{fill-opacity:0}.color-checkbox.color-checkbox-dark .icon-unselect-to-select-desktop svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox .icon-unselect-to-select-desktop svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox.color-checkbox-dark .icon-unselect-to-select-desktop--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox .icon-unselect-to-select-desktop--disabled svg>g>g:nth-child(2) path{fill:#e6e6e6}.color-checkbox.color-checkbox-dark .icon-unselect-to-select-picture svg>g>g:first-child path,.color-checkbox.color-checkbox-dark .icon-unselect-to-select-picture svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox .icon-unselect-to-select-picture svg>g>g:first-child path,.dark-colorui .color-checkbox .icon-unselect-to-select-picture svg>g>g:nth-child(3) path{fill:#247cff}.color-checkbox.color-checkbox-dark .icon-unselect-to-select-picture.icon-unselect-to-select-picture--disabled svg>g>g:first-child path,.color-checkbox.color-checkbox-dark .icon-unselect-to-select-picture.icon-unselect-to-select-picture--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox .icon-unselect-to-select-picture.icon-unselect-to-select-picture--disabled svg>g>g:first-child path,.dark-colorui .color-checkbox .icon-unselect-to-select-picture.icon-unselect-to-select-picture--disabled svg>g>g:nth-child(3) path{fill:#000}.color-checkbox.color-checkbox-dark .icon-select-to-unselect-picture--disabled svg>g>g:first-child path,.dark-colorui .color-checkbox .icon-select-to-unselect-picture--disabled svg>g>g:first-child path{fill-opacity:.08}.color-cell{display:block;position:relative;align-items:stretch;box-sizing:border-box;outline:none;overflow:hidden;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-cell.color-cell--responsive.color-cell--round{padding-left:.16rem;padding-right:.16rem}@media screen and (min-width:600px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:.24rem;padding-right:.24rem}}@media screen and (min-width:840px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:.4rem;padding-right:.4rem}}@media screen and (min-width:600px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(75% - .015rem)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(66.7% - .036rem)}}.color-cell.color-cell--responsive .color-cell__wrapper{width:100%;margin:0 auto}@media screen and (min-width:600px){.color-cell.color-cell--responsive .color-cell__wrapper{width:calc(75% + .465rem)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive .color-cell__wrapper{width:calc(66.7% + .444rem)}}.color-cell.color-cell--round .color-cell__wrapper{background:#fff;border-radius:.12rem;overflow:hidden}.color-cell.color-cell--round .color-cell__wrapper.p8{padding-top:.1rem;padding-bottom:.1rem}.color-cell.color-cell--round .color-cell__wrapper.p10{padding-top:.12rem;padding-bottom:.12rem}.color-cell.color-cell--round .color-cell__wrapper.p12{padding-top:.14rem;padding-bottom:.14rem}.color-cell.color-cell--round .color-cell__wrapper.p13{padding-top:.15rem;padding-bottom:.15rem}.color-cell.color-cell--ellipsis .color-cell__assignment,.color-cell.color-cell--ellipsis .color-cell__subtitle,.color-cell.color-cell--ellipsis .color-cell__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle,.color-cell.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title,.color-cell.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__assignment,.color-cell.color-cell--disabled .color-cell__icon{color:rgba(0,0,0,.3)}.color-cell.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__indicator{color:rgba(0,0,0,.15)}.color-cell .color-cell__wrapper{display:flex;align-items:center;position:relative;z-index:2;box-sizing:border-box;width:100%}.color-cell .color-cell__wrapper:after{content:"";position:absolute;transition:all 122ms cubic-bezier(.33,0,.67,1);left:0;top:0;width:var(--contentWidth);height:100%;z-index:1;background-color:#fff}.color-cell .color-cell__wrapper.p8{padding-top:.08rem;padding-bottom:.08rem}.color-cell .color-cell__wrapper.p12{padding-top:.12rem;padding-bottom:.12rem}.color-cell .color-cell__wrapper.p10{padding-top:.1rem;padding-bottom:.1rem}.color-cell .color-cell__wrapper.p13{padding-top:.13rem;padding-bottom:.13rem}.color-cell.color-cell--active .color-cell__wrapper:after{background-color:rgba(0,0,0,.08)}.color-cell.color-cell--active.color-cell--round .color-cell__wrapper:after{background-color:rgba(0,0,0,.1)}.color-cell.color-cell--active-content .color-cell__widget:after{content:"";position:absolute;width:100%;height:var(--height);background-color:#fff;z-index:0;right:0}.color-cell .color-cell__icon{display:flex;align-self:flex-start;padding-left:.16rem;position:relative;z-index:2}.color-cell .color-cell__icon.marginTop{padding-top:.04rem}.color-cell .color-cell__icon--small{width:.24rem;height:.24rem;border-radius:.04rem}.color-cell .color-cell__icon--middle{width:.36rem;height:.36rem;border-radius:.08rem}.color-cell .color-cell__icon--large{width:.5rem;height:.5rem;border-radius:.12rem}.color-cell .color-cell__content{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:.16rem;z-index:2;box-sizing:border-box;flex:10;overflow:hidden}.color-cell .color-cell__content .color-cell__content-left{display:flex;align-items:center;flex:20;overflow:hidden}.color-cell .color-cell__content .color-cell__content-left .color-cell__text{flex:0.3rem;overflow:hidden}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title{-webkit-text-size-adjust:100%;font-size:.16rem;line-height:.22rem;word-break:break-word;letter-spacing:.0016rem;text-align:left}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title .color-field__input{font-size:.16rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title .color-field__input::-moz-placeholder{font-size:.16rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title .color-field__input::placeholder{font-size:.16rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle{font-variation-settings:"wght" 550;font-size:.14rem;line-height:.2rem;word-break:break-word;color:rgba(0,0,0,.6);margin-left:0;margin-top:.02rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input{font-size:.16rem;margin-top:.03rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input::-moz-placeholder{font-size:.16rem}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input::placeholder{font-size:.16rem}.color-cell .color-cell__content .color-cell__content-right{display:flex;align-items:center;padding-left:.08rem;padding-right:.16rem}.color-cell .color-cell__content .color-cell__content-right.noRightPadding{padding-right:unset}.color-cell .color-cell__content .color-cell__content-right .color-cell__assignment{max-width:1.1rem;font-size:.14rem;line-height:.2rem;color:rgba(0,0,0,.6);margin-left:0;font-variation-settings:"wght" 550}.color-cell .color-cell__widget{display:flex;align-items:center;padding-right:.16rem;z-index:2;position:relative;right:0;max-height:.22rem}.color-cell .color-cell__widget .divider{width:.01rem;height:.22rem;background:rgba(0,0,0,.2);position:relative;z-index:2;margin-right:.16rem}.color-cell .color-cell__widget .color-cell__widget-container{display:flex;align-items:center;font-size:.14rem;color:rgba(0,0,0,.6);position:relative;z-index:1}.color-cell .color-cell__widget .color-cell__widget-container>*{position:relative;z-index:2;margin-left:.16rem}.color-cell .color-cell__widget .color-cell__widget-container>:first-of-type{margin-left:unset}.color-cell .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:rgba(0,0,0,.2);display:flex;align-items:center}.color-cell .color-cell__widget .color-field{width:1.32rem;color:hsla(0,0%,100%,.9);background-color:unset}.color-cell .color-cell__widget .color-field__input{text-align:right}.color-cell .co-badge>:first-child.co-badge__dot{position:relative}.color-cell.color-cell--dark,.dark-colorui .color-cell{color:hsla(0,0%,100%,.9)}.color-cell.color-cell--dark .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle,.color-cell.color-cell--dark .color-cell__content .color-cell__content-right .color-cell__assignment,.dark-colorui .color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle,.dark-colorui .color-cell .color-cell__content .color-cell__content-right .color-cell__assignment{color:hsla(0,0%,100%,.6)}.color-cell.color-cell--dark .color-cell__widget .divider,.dark-colorui .color-cell .color-cell__widget .divider{background-color:hsla(0,0%,100%,.3)}.color-cell.color-cell--dark .color-cell__widget .color-cell__widget-container,.dark-colorui .color-cell .color-cell__widget .color-cell__widget-container{color:hsla(0,0%,100%,.6)}.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle,.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title,.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__assignment,.color-cell.color-cell--dark.color-cell--disabled .color-cell__icon,.color-cell.color-cell--dark .color-cell__widget .color-cell__widget-container .color-cell__indicator,.dark-colorui .color-cell.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle,.dark-colorui .color-cell.color-cell--disabled .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title,.dark-colorui .color-cell.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__assignment,.dark-colorui .color-cell.color-cell--disabled .color-cell__icon,.dark-colorui .color-cell .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:hsla(0,0%,100%,.3)}.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__indicator,.dark-colorui .color-cell.color-cell--disabled .color-cell__content .color-cell__content-right .color-cell__indicator{color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark.color-cell--active-content .color-cell__widget:after,.color-cell.color-cell--dark .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--active-content .color-cell__widget:after,.dark-colorui .color-cell .color-cell__wrapper:after{background-color:unset}.color-cell.color-cell--dark.color-cell--round.color-cell--active-content .color-cell__widget:after,.color-cell.color-cell--dark.color-cell--round .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--round.color-cell--active-content .color-cell__widget:after,.dark-colorui .color-cell.color-cell--round .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.1)}.color-cell.color-cell--dark.color-cell--active .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--active .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark.color-cell--round.color-cell--active .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--round.color-cell--active .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.2)}.color-cell.color-cell--dark.color-cell--round .color-cell__wrapper,.dark-colorui .color-cell.color-cell--round .color-cell__wrapper{background:unset}.color-cell.color-cell--theme1-text{color:#06f}.color-cell.color-cell--theme1-bg{background:#06f;color:#fff}.color-cell.color-cell--dark.color-cell--theme1-text,.dark-colorui .color-cell.color-cell--theme1-text{color:#247cff}.color-cell.color-cell--dark.color-cell--theme1-bg,.dark-colorui .color-cell.color-cell--theme1-bg{background:#247cff;color:#fff}.color-cell.color-cell--theme2-text{color:#eb3b2f}.color-cell.color-cell--theme2-bg{background:#eb3b2f;color:#fff}.color-cell.color-cell--dark.color-cell--theme2-text,.dark-colorui .color-cell.color-cell--theme2-text{color:#eb493d}.color-cell.color-cell--dark.color-cell--theme2-bg,.dark-colorui .color-cell.color-cell--theme2-bg{background:#eb493d;color:#fff}.color-cell.color-cell--theme3-text{color:#f70}.color-cell.color-cell--theme3-bg{background:#f70;color:#fff}.color-cell.color-cell--dark.color-cell--theme3-text,.dark-colorui .color-cell.color-cell--theme3-text{color:#f08222}.color-cell.color-cell--dark.color-cell--theme3-bg,.dark-colorui .color-cell.color-cell--theme3-bg{background:#f08222;color:#fff}.color-cell.color-cell--theme4-text{color:#ffb200}.color-cell.color-cell--theme4-bg{background:#ffb200;color:#fff}.color-cell.color-cell--dark.color-cell--theme4-text,.dark-colorui .color-cell.color-cell--theme4-text{color:#e5a100}.color-cell.color-cell--dark.color-cell--theme4-bg,.dark-colorui .color-cell.color-cell--theme4-bg{background:#e5a100;color:#fff}.color-cell.color-cell--theme5-text{color:#00bd13}.color-cell.color-cell--theme5-bg{background:#00bd13;color:#fff}.color-cell.color-cell--dark.color-cell--theme5-text,.dark-colorui .color-cell.color-cell--theme5-text{color:#24b232}.color-cell.color-cell--dark.color-cell--theme5-bg,.dark-colorui .color-cell.color-cell--theme5-bg{background:#24b232;color:#fff}.color-toast{position:fixed;width:-moz-max-content;width:max-content;text-align:left;bottom:.88rem;left:50%;transform:translateX(-50%);box-sizing:border-box;padding:var(--padding);background:#fff;font-size:.14rem;color:rgba(0,0,0,.9);color:var(--color,rgba(0,0,0,.9));line-height:.2rem;box-shadow:0 .1rem .4rem rgba(0,0,0,.16);font-variation-settings:"wght" 700;border-radius:var(--borderRadius);word-break:break-word}.color-toast-content{display:flex;align-items:center}.color-toast-img{width:.2rem;height:.2rem;background:rgba(0,0,0,.08);border-radius:.05rem;margin-right:.1rem}.color-toast .warpDark{color:hsla(0,0%,100%,.9)}.color-toast .warp{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.color-toast.color-toast--dark{background-color:#333}.dark-colorui .color-toast{background-color:#333;color:hsla(0,0%,100%,.9)}.color-toast-enter,.color-toast-leave-to{opacity:0;transform:translateX(-50%) scale(.8)}.color-toast-enter-active,.color-toast-leave-active{transition:all .3s cubic-bezier(.3,0,.1,1);transform-origin:50%,50%}@supports not (--a:0){.color-toast{width:auto!important;padding:.14rem .24rem .14rem .16rem;border-radius:.24rem}.color-toast .warp{white-space:nowrap}}@media screen and (max-width:600px){.color-toast{max-width:calc(100% - .32rem)}}@media screen and (min-width:600px)and (max-width:840px){.color-toast{max-width:calc(75% - .38rem)}}@media screen and (min-width:840px){.color-toast{max-width:calc(50% - .46rem)}}.color-actionsheet-panel.color-popup--bottom{background-color:transparent}.color-actionsheet-panel.color-popup.color-popup--bottom{box-shadow:none}.color-overlay{opacity:.2}.color-overlay[data-dark-id]{opacity:.4}.color-option.color-option--theme1-text{color:#06f}.color-option.color-option--theme1-bg{background:#06f;color:#fff}.color-option.color-option--dark.color-option--theme1-text,.dark-colorui .color-option.color-option--theme1-text{color:#247cff}.color-option.color-option--dark.color-option--theme1-bg,.dark-colorui .color-option.color-option--theme1-bg{background:#247cff;color:#fff}.color-option.color-option--theme2-text{color:#eb3b2f}.color-option.color-option--theme2-bg{background:#eb3b2f;color:#fff}.color-option.color-option--dark.color-option--theme2-text,.dark-colorui .color-option.color-option--theme2-text{color:#eb493d}.color-option.color-option--dark.color-option--theme2-bg,.dark-colorui .color-option.color-option--theme2-bg{background:#eb493d;color:#fff}.color-option.color-option--theme3-text{color:#f70}.color-option.color-option--theme3-bg{background:#f70;color:#fff}.color-option.color-option--dark.color-option--theme3-text,.dark-colorui .color-option.color-option--theme3-text{color:#f08222}.color-option.color-option--dark.color-option--theme3-bg,.dark-colorui .color-option.color-option--theme3-bg{background:#f08222;color:#fff}.color-option.color-option--theme4-text{color:#ffb200}.color-option.color-option--theme4-bg{background:#ffb200;color:#fff}.color-option.color-option--dark.color-option--theme4-text,.dark-colorui .color-option.color-option--theme4-text{color:#e5a100}.color-option.color-option--dark.color-option--theme4-bg,.dark-colorui .color-option.color-option--theme4-bg{background:#e5a100;color:#fff}.color-option.color-option--theme5-text{color:#00bd13}.color-option.color-option--theme5-bg{background:#00bd13;color:#fff}.color-option.color-option--dark.color-option--theme5-text,.dark-colorui .color-option.color-option--theme5-text{color:#24b232}.color-option.color-option--dark.color-option--theme5-bg,.dark-colorui .color-option.color-option--theme5-bg{background:#24b232;color:#fff}.color-actionsheet-panel .color-option{width:100%;padding:0 .24rem;height:.54rem}.color-actionsheet-panel .color-option:not(:first-child):before{content:"";position:absolute;width:calc(100% - .48rem);top:0;left:.24rem;z-index:1;background-color:rgba(0,0,0,.12);height:.01rem;transform:scaleY(.33)}.color-actionsheet-panel .color-option--clean{margin:0;padding:0;display:inline-block;position:relative;overflow:hidden;outline:none;background:transparent;border:0;border-radius:0;text-decoration:none;vertical-align:top;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateZ(0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-actionsheet-panel .color-option--bold{font-variation-settings:"wght" 700}.color-actionsheet-panel .color-option--default{color:rgba(0,0,0,.9)}.color-actionsheet-panel .color-option--primary{color:#06f}.color-actionsheet-panel .color-option--warning{color:#ffb200}.color-actionsheet-panel .color-option--danger{color:#eb3b2f}.color-actionsheet-panel .color-option--info{color:#06f}.color-actionsheet-panel .color-option--light{color:#38d7d5}.color-actionsheet-panel .color-option--stress{color:#7828ff}.color-actionsheet-panel .color-option--disabled{color:rgba(0,0,0,.3)}.color-actionsheet-panel .color-option-content{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:.38rem}.color-actionsheet-panel .color-option-content__title{font-size:.16rem;white-space:normal;line-height:.22rem;font-variation-settings:"wght" 700}.color-actionsheet-panel .color-option-content__sub{font-size:.12rem;color:rgba(0,0,0,.5);margin-top:.01rem;line-height:.17rem}.color-actionsheet-panel.color-popup--shadow .color-actionsheet{box-shadow:0 .08rem .14rem .02rem rgba(0,0,0,.1)}.color-actionsheet-panel--default .color-actionsheet{max-height:4.7rem!important}.color-actionsheet{display:flex;flex-direction:column;position:relative;overflow:hidden;max-height:6rem;background-color:#fff;width:calc(100vw - .32rem);max-width:3.6rem;margin:0 auto .24rem;border-radius:.24rem;--start-shadow-color:#fff;--end-shadow-color:hsla(0,0%,100%,0)}.color-actionsheet .color-button.color-button--large.color-button--text{min-height:.44rem}.color-actionsheet .color-scroll__inner{font-size:0}.color-actionsheet .headWrap{position:relative;margin-top:.24rem;margin-bottom:.06rem}.color-actionsheet .color-actionsheet-header{font-variation-settings:"wght" 700;font-size:.18rem;line-height:.26rem;color:rgba(0,0,0,.9);text-align:center;position:relative;flex:0;max-height:.78rem;overflow-y:scroll;padding:0 .24rem}.color-actionsheet .color-actionsheet-header--has-icon{padding:.25rem .24rem .15rem}.color-actionsheet .color-actionsheet-closeicon{position:absolute;top:.12rem;right:.12rem;opacity:.3;width:.24rem;height:.24rem}.color-actionsheet .color-actionsheet-closeicon--no-title{top:.04rem}.color-actionsheet .color-actionsheet-content{margin-bottom:.04rem;margin-top:.2rem;padding:0 .24rem;display:flex;flex-direction:column;position:relative}.color-actionsheet .color-actionsheet-content--has-header{margin-top:0}.color-actionsheet .color-actionsheet-content--no-header{margin-top:.22rem}.color-actionsheet .color-actionsheet-content__scroll{text-align:center;overflow:unset}.color-actionsheet .color-actionsheet-content__scroll::-webkit-scrollbar{display:none}.color-actionsheet .color-actionsheet-content__inner{display:inline-block}.color-actionsheet .color-actionsheet-content__inner--default{font-size:.14rem;text-align:left;color:rgba(0,0,0,.9);margin-left:auto;margin-right:auto;line-height:.2rem}.color-actionsheet .color-actionsheet-content__inner--classical{color:#000;font-size:.14rem;line-height:.2rem;text-align:left}.color-actionsheet .color-actionsheet-actions{--start-shadow-color:#fff;--end-shadow-color:hsla(0,0%,100%,0);position:relative;display:flex;flex-direction:column;overflow-y:auto}.color-actionsheet .color-actionsheet-actions__inner-noTitle{margin-top:-.09rem}.color-actionsheet .color-actionsheet-actions__scroll{overflow-y:scroll}.color-actionsheet .color-actionsheet-actions__scroll::-webkit-scrollbar{display:none}.color-actionsheet .color-actionsheet-actions .color-option{padding:0 .24rem}.color-actionsheet .color-actionsheet-actions:first-of-type .color-option:first-of-type{height:.62rem;padding-top:.1rem}.color-actionsheet .color-actionsheet-actions:first-of-type .color-option:first-of-type:last-of-type{height:.74rem;padding-top:.1rem;padding-bottom:.1rem}.color-actionsheet .color-actionsheet-actions .color-button{overflow:hidden;width:calc(100% - .48rem);margin:.04rem .24rem}.color-actionsheet .color-actionsheet-actions .color-button:last-of-type{margin-bottom:.16rem}.color-actionsheet .color-actionsheet-footer{position:relative;flex-shrink:0}.color-actionsheet .color-actionsheet-footer>.color-option,.color-actionsheet .color-actionsheet-footer>.color-option:last-child{height:.58rem}.color-actionsheet .color-actionsheet-footer:before{content:"";position:absolute;width:calc(100% - .48rem);top:0;left:.24rem;height:.01rem!important;background-color:rgba(0,0,0,.12);z-index:1;transform:scaleY(.33)}.color-actionsheet.color-actionsheet-dark,.dark-colorui .color-actionsheet{--start-shadow-color:#2e2e2e;--end-shadow-color:rgba(46,46,46,0);background-color:#2e2e2e;color:hsla(0,0%,100%,.9)}.color-actionsheet.color-actionsheet-dark .color-actionsheet-footer:before,.dark-colorui .color-actionsheet .color-actionsheet-footer:before{background-color:hsla(0,0%,100%,.2)}.color-actionsheet.color-actionsheet-dark .color-field--dark .color-field__content--line,.dark-colorui .color-actionsheet .color-field--dark .color-field__content--line{border-bottom:.0066rem solid hsla(0,0%,100%,.2)}.color-actionsheet.color-actionsheet-dark .color-actionsheet-actions,.dark-colorui .color-actionsheet .color-actionsheet-actions{--start-shadow-color:#fff;--end-shadow-color:hsla(0,0%,100%,0)}.color-actionsheet.color-actionsheet-dark .color-option:not(:first-child):before,.dark-colorui .color-actionsheet .color-option:not(:first-child):before{background-color:hsla(0,0%,100%,.2)}.color-actionsheet.color-actionsheet-dark .color-actionsheet-header,.dark-colorui .color-actionsheet .color-actionsheet-header{color:hsla(0,0%,100%,.9)!important}.color-actionsheet.color-actionsheet-dark .color-picker:before,.dark-colorui .color-actionsheet .color-picker:before{border-top:.01rem solid hsla(0,0%,100%,.2);border-bottom:.01rem solid hsla(0,0%,100%,.2)}.color-actionsheet.color-actionsheet-dark .color-actionsheet-content__inner--default,.dark-colorui .color-actionsheet .color-actionsheet-content__inner--default{color:hsla(0,0%,100%,.9)}.color-actionsheet.color-actionsheet-dark .color-actionsheet-content__inner--classical,.dark-colorui .color-actionsheet .color-actionsheet-content__inner--classical{color:#fff}.color-actionsheet--shadow--between:before,.color-actionsheet--shadow--bottom:before,.color-actionsheet--shadow--top:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + .01rem);z-index:1;pointer-events:none}.color-actionsheet--shadow--top:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0)}.color-actionsheet--shadow--between:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0),linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0)}.color-actionsheet--shadow--bottom:before{background-image:linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) .2rem,transparent 0)}@media screen and (min-width:840px){.color-actionsheet-panel:not(.color-actionsheet-panel--default){bottom:50%!important;transform:translateY(50%)}}.color-scroll{overflow:hidden;box-sizing:border-box;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-scroll,.color-scroll__inner{position:relative}.color-scroll__header,.color-scroll__inner{transition-timing-function:cubic-bezier(.33,0,0,1)}.color-scroll__header{position:absolute;top:-.74rem;left:0;display:flex;width:100%;min-height:.74rem;overflow:hidden}.color-scroll__header-inner{margin:auto;text-align:center}.color-scroll--horizontal{overflow-x:scroll}.color-scroll--horizontal .color-scroll__inner{display:inline-flex}.color-overflow-hidden{overflow:hidden}.color-popup{position:fixed;max-height:100%;color:rgba(0,0,0,.9);background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}.color-popup::-webkit-scrollbar{display:none}.color-popup--shadow.color-popup--center{box-shadow:0 .08rem .14rem .02rem rgba(0,0,0,.1)}.color-popup--shadow.color-popup--top{box-shadow:0 .08rem .14rem 0 rgba(0,0,0,.1)}.color-popup--shadow.color-popup--bottom{box-shadow:0 -.08rem .14rem 0 rgba(0,0,0,.1)}.color-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.color-popup--center.color-popup--round{border-radius:.18rem}.color-popup--top{top:0;left:0;width:100%}.color-popup--top.color-popup--round{border-radius:0 0 .18rem .18rem}.color-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.color-popup--left.color-popup--round{border-radius:0 .18rem .18rem 0}.color-popup--bottom{bottom:0;left:0;width:100%}.color-popup--bottom.color-popup--round{border-radius:.18rem .18rem 0 0}.color-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.color-popup--right.color-popup--round{border-radius:.18rem 0 0 .18rem}.color-popup.color-popup--dark,.dark-colorui .color-popup{background-color:#2e2e2e}.color-popup-slide-bottom-center-enter-from,.color-popup-slide-bottom-center-leave-active{transform:translate3d(-50%,50%,0)}.color-popup-slide-bottom-enter,.color-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.color-popup-slide-top-enter,.color-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.color-popup-slide-right-enter,.color-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.color-popup-slide-left-enter,.color-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.color-popup-slide-bottom-center-enter-active,.color-popup-slide-bottom-enter-active,.color-popup-slide-left-enter-active,.color-popup-slide-right-enter-active,.color-popup-slide-top-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(0,0,.15,1),height .25s cubic-bezier(.1,0,.1,1),border-radius .4s cubic-bezier(.33,0,0,1)}.color-popup-slide-bottom-center-leave-active,.color-popup-slide-bottom-leave-active,.color-popup-slide-left-leave-active,.color-popup-slide-right-leave-active,.color-popup-slide-top-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .15s cubic-bezier(.3,0,1,1),height .1s cubic-bezier(.1,0,.9,1)}.color-popup-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.8)}.color-popup-bounce-leave-active{opacity:0}.color-popup-bounce-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(.1,0,.1,1)}.color-popup-bounce-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .1s cubic-bezier(.1,0,.9,1)}.color-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.4;overflow:hidden;transition-duration:.25s;transition-property:opacity,z-index}.color-fade-enter,.color-fade-leave-to{opacity:0}.color-fade-enter-to,.color-fade-leave{opacity:.4}.color-load-more{position:relative;transition-timing-function:cubic-bezier(.33,0,0,1)}.color-load-more .color-load-more-loading .loading-icon{stroke-opacity:.4}.color-load-more__inner{position:relative;height:100%}.color-load-more__bottom{position:absolute;bottom:.74rem;left:0;display:flex;width:100%;height:.74rem}.color-load-more__bottom-error,.color-load-more__bottom-finished,.color-load-more__bottom-loading{margin:auto}.color-load-more-error,.color-load-more-finished,.color-load-more-loading{padding-top:.46rem;padding-bottom:.25rem;line-height:.16rem;font-size:.12rem;color:rgba(0,0,0,.4);text-align:center}.color-load-more-loading{display:flex;align-items:center;justify-content:center;line-height:inherit}.color-load-more-loading .load-more-icon{width:.14rem;height:.14rem}.color-load-more-text{padding-left:.1rem}.color-load-more.color-load-more--dark .color-load-more-error,.color-load-more.color-load-more--dark .color-load-more-finished,.color-load-more.color-load-more--dark .color-load-more-loading,.dark-colorui .color-load-more .color-load-more-error,.dark-colorui .color-load-more .color-load-more-finished,.dark-colorui .color-load-more .color-load-more-loading{color:hsla(0,0%,100%,.4)}.loading-icon{fill:none;stroke-width:.02rem;stroke:rgba(0,0,0,.9);stroke-dasharray:0,0,57.30096,18.09504;transform:rotate(90deg);transform-origin:center}.dark-colorui .loading-icon,.loading-icon.loading-icon--dark{stroke:hsla(0,0%,100%,.9)}.loading-icon--animation{animation:loadingAnimationLinear 1.25s linear infinite,loadingAnimationCubic 1.25s infinite}@keyframes loadingAnimationCubic{0%{stroke-dasharray:0,0,57.30096,18.09504;animation-timing-function:cubic-bezier(.17,.17,.83,1)}49.36%{stroke-dasharray:0,46.74552,10.55544,18.09504;animation-timing-function:cubic-bezier(.17,0,.83,.83)}to{stroke-dasharray:0,0,57.30096,18.09504}}@keyframes loadingAnimationLinear{0%{stroke-dashoffset:0;transform:rotate(90deg)}49.36%{stroke-dashoffset:-27.4366044;transform:rotate(.7436turn)}to{stroke-dashoffset:-75.396;transform:rotate(450deg)}}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.color-tabs__content-container{flex-direction:column}.color-tabs__content-container{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.color-tabs__content-container,.swiper-android .color-tab-item{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.color-tab-item{flex-shrink:0;width:100%;height:100%;transition-property:transform}.color-tab-item-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .color-tab-item{height:auto}.swiper-autoheight .color-tabs__content-container{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .color-tab-item{transform:translateZ(0);backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .color-tabs__content-container{perspective:12rem}.swiper-3d .color-tab-item,.swiper-3d .color-tab-item-shadow,.swiper-3d .color-tab-item-shadow-bottom,.swiper-3d .color-tab-item-shadow-left,.swiper-3d .color-tab-item-shadow-right,.swiper-3d .color-tab-item-shadow-top,.swiper-3d .color-tabs__content-container,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-3d .color-tab-item-shadow,.swiper-3d .color-tab-item-shadow-bottom,.swiper-3d .color-tab-item-shadow-left,.swiper-3d .color-tab-item-shadow-right,.swiper-3d .color-tab-item-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .color-tab-item-shadow{background:rgba(0,0,0,.15)}.swiper-3d .color-tab-item-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.color-tabs__content-container{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.color-tabs__content-container::-webkit-scrollbar{display:none}.swiper-css-mode>.color-tabs__content-container>.color-tab-item{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.color-tabs__content-container{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.color-tabs__content-container{scroll-snap-type:y mandatory}.swiper-centered>.color-tabs__content-container:before{content:"";flex-shrink:0;order:9999}[dir=ltr] .swiper-centered.swiper-horizontal>.color-tabs__content-container>.color-tab-item:first-child{margin-left:var(--swiper-centered-offset-before)}[dir=rtl] .swiper-centered.swiper-horizontal>.color-tabs__content-container>.color-tab-item:first-child{margin-right:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.color-tabs__content-container:before{height:100%;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.color-tabs__content-container>.color-tab-item:first-child{margin-top:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.color-tabs__content-container:before{width:100%;height:var(--swiper-centered-offset-after)}.swiper-centered>.color-tabs__content-container>.color-tab-item{scroll-snap-align:center center;scroll-snap-stop:always}.color-tabs{width:100%;overflow:hidden;display:flex;flex-direction:column}.color-tabs,.color-tabs .color-tabs__tool-container{background-color:var(--lightBg)}.color-tabs .color-tabs__header .color-tabs__tool-container:after,.color-tabs .color-tabs__header:after,.color-tabs .color-tabs__header:before{content:"";display:block;position:absolute;top:0;width:.4rem;height:100%;z-index:9;pointer-events:none;opacity:0;transition:opacity .2s}.color-tabs .color-tabs__header:before{background:linear-gradient(270deg,transparent,var(--lightBg) .12rem);left:0}@media screen and (min-width:600px){.color-tabs .color-tabs__header:before{width:.48rem}}@media screen and (min-width:800px){.color-tabs .color-tabs__header:before{width:.64rem}}.color-tabs .color-tabs__header:after{background:linear-gradient(90deg,transparent,var(--lightBg) .12rem);right:0}@media screen and (min-width:600px){.color-tabs .color-tabs__header:after{width:.48rem}}@media screen and (min-width:800px){.color-tabs .color-tabs__header:after{width:.64rem}}.color-tabs .color-tabs__header .color-tabs__tool-container:after{width:.24rem;background:linear-gradient(90deg,transparent,var(--lightBg) .12rem);left:-.24rem}.color-tabs .color-tabs__header.shade_left_show:before{opacity:1}.color-tabs .color-tabs__header.shade_right_show.tool_shade:after{opacity:0}.color-tabs .color-tabs__header.shade_right_show.tool_shade .color-tabs__tool-container:after,.color-tabs .color-tabs__header.shade_right_show:after{opacity:1}.color-tabs .color-tabs__header.color-tabs-header-scroll .color-tabs__selector .color-tabs__selector-container .color-tabs__selector-item-container:first-child{margin-left:.16rem}@media screen and (min-width:600px){.color-tabs .color-tabs__header.color-tabs-header-scroll .color-tabs__selector .color-tabs__selector-container .color-tabs__selector-item-container:first-child{margin-left:.24rem}}@media screen and (min-width:840px){.color-tabs .color-tabs__header.color-tabs-header-scroll .color-tabs__selector .color-tabs__selector-container .color-tabs__selector-item-container:first-child{margin-left:.4rem}}.color-tabs .color-tabs__header .color-tabs-divider{width:100%;height:.01rem;position:absolute;bottom:0;box-shadow:inset 0 -.0033rem 0 0 rgba(0,0,0,.12);z-index:10}.color-tabs.color-tabs--flex{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;height:unset}.color-tabs.color-tabs--auto-height{flex-shrink:0;height:unset}.color-tabs.color-tabs--auto-height .color-tabs__content{height:auto}.color-tabs.color-tabs--auto-height .color-tabs__selector-item{font-size:.14rem}.color-tabs .color-tabs__header{position:relative;height:.4rem;display:flex}.color-tabs .color-tabs__content{flex:1;overflow:hidden}.color-tabs .color-tabs__selector{width:-moz-min-content;width:min-content;margin:0 auto;position:relative;overflow:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.color-tabs .color-tabs__selector::-webkit-scrollbar{-webkit-appearance:none;display:none}.color-tabs .color-tabs__selector-container{width:-moz-max-content;width:max-content;min-width:3.6rem;height:100%;display:flex;justify-content:space-evenly}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container{margin-left:.2rem}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container:last-child{margin-right:.2rem}@media screen and (min-width:600px){.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container{margin-left:.24rem}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container:last-child{margin-right:.24rem}}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container .pressBackground{padding:0 .1rem}.color-tabs .color-tabs__selector-container.showbar .color-tabs__selector-item-container.selectorActive:after{opacity:1}.color-tabs .color-tabs__selector-item-container{position:relative;padding-top:.09rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-tabs .color-tabs__selector-item-container.selectorActive .color-tabs__selector-item{color:rgba(0,0,0,.9)}.color-tabs .color-tabs__selector-item-container.selectorActive .color-tabs__selector-item .color-tabs__tab-title{font-variation-settings:"wght" 700}.color-tabs .color-tabs__selector-item-container .pressBackground{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%);z-index:1;border-radius:.08rem;overflow:hidden}.color-tabs .color-tabs__selector-item-container:after{content:"";display:block;width:var(--barWidth);height:.02rem;background-color:#000;background-blend-mode:saturation;position:absolute;bottom:0;opacity:0}.color-tabs .color-tabs__selector-item{display:flex;position:relative;z-index:1;color:rgba(0,0,0,.6);-webkit-tap-highlight-color:rgba(0,0,0,0);flex-shrink:0;border:none;background-color:transparent;transition:color .2s}.color-tabs .color-tabs__selector-item .color-tabs__tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.0016rem;font-size:.16rem;line-height:.22rem;text-align:center;max-width:var(--itemMaxWidth)}.color-tabs .color-tabs__selector-item .co-badge{padding-left:.02rem}.color-tabs .color-tabs__selector-item .co-badge .co-badge__content,.color-tabs .color-tabs__selector-item .co-badge .co-badge__dot{position:relative}.color-tabs .color-tabs__selector-item:active,.color-tabs .color-tabs__selector-item:focus{outline:none}.color-tabs .color-tabs__selector-item .color-badge .color-badge__container{top:0;right:-.1rem}.color-tabs .color-tabs__selector-item .color-badge .color-badge__container.color-badge__container--multiple-digits{right:-.12rem}.color-tabs .color-tabs__selector-item .color-badge .color-badge__dot.color-badge__dot--absolute{top:.07rem;right:-.08rem}.color-tabs .color-tabs__selector-active-bar{position:absolute;left:0;bottom:0;height:.02rem;background-color:#000;background-blend-mode:saturation;transition-property:transform width}.color-tabs__tool-container{position:relative;flex-wrap:nowrap;height:.4rem;box-sizing:border-box;display:flex;align-items:center}.color-tabs.color-tabs-dark,.dark-colorui .color-tabs{background-color:var(--darkBg)}.color-tabs.color-tabs-dark .color-tabs__header:before,.dark-colorui .color-tabs .color-tabs__header:before{background:linear-gradient(270deg,transparent,var(--darkBg) .12rem)}.color-tabs.color-tabs-dark .color-tabs__header:after,.dark-colorui .color-tabs .color-tabs__header:after{background:linear-gradient(90deg,transparent,var(--darkBg) .12rem)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container .color-tabs__selector-item,.dark-colorui .color-tabs .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container .color-tabs__selector-item{color:hsla(0,0%,100%,.6)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container.selectorActive .color-tabs__selector-item,.dark-colorui .color-tabs .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container.selectorActive .color-tabs__selector-item{color:hsla(0,0%,100%,.9)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__selector .color-tabs__selector-active-bar,.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container:after,.dark-colorui .color-tabs .color-tabs__header .color-tabs__selector .color-tabs__selector-active-bar,.dark-colorui .color-tabs .color-tabs__header .color-tabs__selector .color-tabs__selector-item-container:after{background-color:hsla(0,0%,100%,.9)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__tool-container,.dark-colorui .color-tabs .color-tabs__header .color-tabs__tool-container{background-color:var(--darkBg)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__tool-container svg path,.dark-colorui .color-tabs .color-tabs__header .color-tabs__tool-container svg path{fill:hsla(0,0%,100%,.9)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs__tool-container:after,.dark-colorui .color-tabs .color-tabs__header .color-tabs__tool-container:after{background:linear-gradient(90deg,transparent,var(--darkBg) .12rem)}.color-tabs.color-tabs-dark .color-tabs__header .color-tabs-divider,.dark-colorui .color-tabs .color-tabs__header .color-tabs-divider{box-shadow:inset 0 -.0033rem 0 0 hsla(0,0%,100%,.12)}.color-tabs.color-tabs-dark .color-tabs__content,.dark-colorui .color-tabs .color-tabs__content{color:hsla(0,0%,100%,.9)}.co-badge{position:relative;font-size:0;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-min-content;width:min-content}.co-badge.co-badge-stroke .co-badge__content,.co-badge.co-badge-stroke .co-badge__dot{border:.01rem solid #fff}.co-badge .co-badge__dot{width:.06rem;height:.06rem;border-radius:50%}.co-badge .co-badge__content,.co-badge .co-badge__dot{display:inline-flex;position:absolute;right:0;top:0;z-index:1;background-color:#eb3b2f}.co-badge .co-badge__content{align-items:center;justify-content:center;height:.16rem;padding:0 .04rem;min-width:.08rem;font-variation-settings:"wght" 700;font-size:.1rem;border-radius:.21rem;color:#fff}.co-badge.co-badge-dark .co-badge__content,.co-badge.co-badge-dark .co-badge__dot,.dark-colorui .co-badge .co-badge__content,.dark-colorui .co-badge .co-badge__dot{background-color:#ed413b}.co-badge-scale-enter-active,.co-badge-scale-leave-active{transition:transform .4s}.co-badge-scale-enter,.co-badge-scale-leave-to{transform:scale3d(0,0,1)}.co-badge-scale-enter-to,.co-badge-scale-leave{transform:scaleX(1)}.color-ripple__container{color:rgba(0,0,0,.9);width:100%;height:100%;z-index:0;contain:strict;touch-action:none;border-radius:inherit}.color-ripple__container,.color-ripple__wave{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none}.color-ripple__wave{border-radius:50%;opacity:0}.color-ripple-wrapper>:not(.color-ripple__container){position:relative;z-index:2}.dark-colorui .color-ripple__container .color-ripple__wave{background:hsla(0,0%,100%,.15)!important}.color-tab-item{display:flex;position:relative;flex-direction:column;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tab-item>.color-search .color-search-bar{padding-top:.17rem}.color-tab-item .color-tab-item__container{height:100%;width:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tab-item .color-tab-item__container>.color-cell:first-child,.color-tab-item .color-tab-item__container>.color-checkbox:first-child,.color-tab-item .color-tab-item__container>.color-collapse:first-child,.color-tab-item .color-tab-item__container>.color-radio:first-child{margin-top:.1rem}.color-tab-item .color-tab-item__divider{--background-color:$tab-item-divider-background-color;position:absolute;left:50%;top:0;transform-origin:center top;transform:translateX(-50%) scaleY(.33333);opacity:0;background-color:var(--background-color);height:.02rem;width:3.12rem;z-index:10}.color-emptytip{width:100%;height:100%;flex-direction:column;background-color:#fff}.color-emptytip,.color-emptytip__pic{display:flex;justify-content:center;align-items:center}.color-emptytip__pic{width:1.1rem;height:1.1rem;opacity:var(--opacity)}.color-emptytip__content-text{position:relative;max-height:.92rem;overflow-y:auto;margin-bottom:0}.color-emptytip__content-text:before{content:"";position:fixed;height:.24rem;bottom:.36rem;left:0;right:0;background:linear-gradient(180deg,rgba(67,56,67,.1),#fff);z-index:1000}.color-emptytip__text{font-size:.16rem;line-height:.21rem;max-height:.42rem}.color-emptytip__subtext,.color-emptytip__text{max-width:2.8rem;opacity:.4;color:rgba(0,0,0,.9)}.color-emptytip__subtext{font-size:.12rem;letter-spacing:.0008rem;line-height:.16rem;margin-top:.02rem}.color-emptytip__button .color-button{margin-top:.06rem}.color-emptytip__button .color-button>span{font-size:.16rem;line-height:.22rem}.color-emptytip.color-emptytip-dark,.dark-colorui .color-emptytip{background-color:var(--darkBg)}.color-emptytip.color-emptytip-dark .color-emptytip__content-text:before,.dark-colorui .color-emptytip .color-emptytip__content-text:before{background:linear-gradient(180deg,transparent,var(--darkBg))}.color-emptytip.color-emptytip-dark .color-emptytip__subtext,.color-emptytip.color-emptytip-dark .color-emptytip__text,.dark-colorui .color-emptytip .color-emptytip__subtext,.dark-colorui .color-emptytip .color-emptytip__text{color:hsla(0,0%,100%,.9)}.color-emptytip__container{transform:translateY(var(--translateY));text-align:center}.color-emptytip__container img{width:2.8rem;height:2rem;display:block}.color-emptytip__icon{position:relative;width:1.2rem;height:1.2rem;animation:fadeIn 267ms linear;margin-left:auto;margin-right:auto}.color-emptytip__icon svg{width:100%;height:100%}@media (min-aspect-ratio:7/10)and (min-width:640px){.color-emptytip__icon{width:1rem;height:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.color-emptytip__icon-background,.color-emptytip__icon-front{position:absolute;width:100%;height:100%}.color-emptytip__icon-front{animation:frontIn 817ms cubic-bezier(.17,.17,0,1)}.color-emptytip__icon-background{animation:backgroundIn 817ms cubic-bezier(.17,.17,0,1)}@keyframes frontIn{0%{transform:translateY(-.42rem)}to{transform:translateY(0)}}@keyframes backgroundIn{0%{transform:translateY(-.66rem)}to{transform:translateY(0)}}@media screen and (max-width:320px){.color-emptytip__container{transform:translateY(0)}.color-emptytip__container img{width:1.68rem;height:1.2rem}}@media screen and (max-height:480px){.color-emptytip__container{transform:translateY(0)}.color-emptytip__container img{width:1.68rem;height:1.2rem}}.color-button{display:inline-block;position:relative;box-sizing:border-box;color:#fff;border:none;line-height:1.3;transform:translateZ(0);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;font-variation-settings:"wght" 700;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0 .12rem;transition:transform .3s cubic-bezier(0,0,.2,1);touch-action:manipulation}.color-button:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:1;background:#000;opacity:0;top:0;left:0;transition:opacity .3s}.color-button.active:not(.color-button-disabled){transform:scale(.9);transition:transform .16s cubic-bezier(.4,0,.2,1)}.color-button.active:not(.color-button-disabled):before{transition:opacity .16s}.color-button>span{display:flex;width:100%;overflow:hidden;white-space:nowrap;align-items:center;justify-content:center}.color-button>span svg{width:.1167rem;background:unset!important}.color-button>span svg path{fill:currentColor}.color-button:focus{outline:unset}.color-button .color-button-icon+*{margin-left:.04rem}.color-button.color-button-disabled{background-color:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}.color-button.fill{display:flex;width:100%;min-width:0}.color-button.circle{min-width:unset;padding:unset;border-radius:50%;font-size:0;transform:unset!important}.color-button.circle svg{box-sizing:border-box;font:unset;padding:.03rem}.color-button.circle.color-button-disabled path,.color-button.circle.color-button-disabled svg{fill:currentColor}.color-button.circle.color-button--small{width:.48rem;height:.48rem}.color-button.circle.color-button--small svg{width:.28rem;height:.28rem}.color-button.circle.color-button--middle{width:.56rem;height:.56rem}.color-button.circle.color-button--middle svg{width:.32rem;height:.32rem}.color-button.circle.color-button--large{width:.64rem;height:.64rem}.color-button.circle.color-button--large svg{width:.36rem;height:.36rem}.color-button.circle svg,.color-button.circle svg *{background-color:unset!important}.color-button.color-button--large.responsive.row:not(.color-button-fill):not(.circle):not(.color-button--text),.color-button.row:not(.color-button-fill):not(.circle):not(.color-button--text){width:1.52rem}@media screen and (min-width:600px){.color-button.color-button--large.responsive.row:not(.color-button-fill):not(.circle):not(.color-button--text),.color-button.row:not(.color-button-fill):not(.circle):not(.color-button--text){width:2.45rem}}@media screen and (min-width:840px){.color-button.color-button--large.responsive.row:not(.color-button-fill):not(.circle):not(.color-button--text),.color-button.row:not(.color-button-fill):not(.circle):not(.color-button--text){width:2.8rem}}.color-button--small{min-width:.52rem;height:.28rem;border-radius:.14rem;font-size:.14rem}.color-button--small.color-button--text{font-size:.12rem}.color-button--small.active:not(.color-button-disabled){transform:scale(.92)}.color-button--middle{width:1.52rem;height:.44rem;border-radius:.36rem;font-size:.16rem}.color-button--middle.color-button--text{font-size:.14rem}.color-button--large{width:2.2rem;height:.44rem;border-radius:.36rem;font-size:.16rem}.color-button--large.color-button--text{font-size:.16rem;letter-spacing:.0024rem;line-height:.22rem}@media screen and (min-width:600px){.color-button--large.responsive:not(.color-button-fill):not(.circle):not(.color-button--text){width:2.8rem}}@media screen and (min-width:840px){.color-button--large.responsive:not(.color-button-fill):not(.circle):not(.color-button--text){width:3.44rem}}.color-button--main{background:#06f;color:#fff}.color-button--main.active:not(.color-button-disabled):before{opacity:.12}.color-button--minor{background:rgba(0,0,0,.08);color:rgba(0,0,0,.9)}.color-button--minor.active:not(.color-button-disabled):before{opacity:.12}.color-button--half{background:rgba(0,102,255,.15);color:#06f}.color-button--half.active:not(.color-button-disabled):before{opacity:.05}.color-button--transparent{background:hsla(0,0%,100%,.2);color:#fff}.color-button--transparent:before{background:#fff}.color-button--transparent.active:not(.color-button-disabled):before{opacity:.12}.color-button--transparent.color-button-disabled{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.2)}.color-button--text.color-button{background:unset;color:#06f;border-radius:1rem;height:unset;width:unset;padding:.04rem .12rem}.color-button--text.color-button.active:not(.color-button-disabled){transform:unset}.color-button--text.color-button.active:not(.color-button-disabled):before{opacity:.08}.color-button--text.color-button.color-button-disabled{color:rgba(0,0,0,.3);background:unset}.color-button--loading.download,.color-button--loading.download.active:not(.color-button-disabled){background:rgba(0,102,255,.15);color:#06f}.color-button--loading .loadingDefault{display:flex;justify-content:center;align-items:flex-end;height:auto;color:inherit}.color-button--loading .loadingDefault .dots{display:flex;justify-content:center;align-items:center;height:auto;box-sizing:border-box}.color-button--loading .loadingDefault .dots .dot{width:.02rem;height:.02rem;border-radius:50%;background:#fff!important;margin:0 .01rem;opacity:.2;animation:flash 866ms linear infinite}@keyframes flash{0%{opacity:.2}20%{opacity:.5}30%{opacity:1}80%{opacity:.5}to{opacity:.2}}.color-button--loading .loadingDefault .dots .dot:first-child{animation-delay:0ms}.color-button--loading .loadingDefault .dots .dot:nth-child(2){animation-delay:333ms}.color-button--loading .loadingDefault .dots .dot:nth-child(3){animation-delay:666ms}.color-button--loading .loadingNumber{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.color-button--loading .loadingNumber .number{color:#06f;position:relative;z-index:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-button--loading .loadingNumber .number--0:before{display:block;z-index:2;position:absolute;top:0;left:0;width:0;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--1:before{display:block;z-index:2;position:absolute;top:0;left:0;width:1%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--2:before{display:block;z-index:2;position:absolute;top:0;left:0;width:2%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--3:before{display:block;z-index:2;position:absolute;top:0;left:0;width:3%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--4:before{display:block;z-index:2;position:absolute;top:0;left:0;width:4%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--5:before{display:block;z-index:2;position:absolute;top:0;left:0;width:5%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--6:before{display:block;z-index:2;position:absolute;top:0;left:0;width:6%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--7:before{display:block;z-index:2;position:absolute;top:0;left:0;width:7%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--8:before{display:block;z-index:2;position:absolute;top:0;left:0;width:8%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--9:before{display:block;z-index:2;position:absolute;top:0;left:0;width:9%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--10:before{display:block;z-index:2;position:absolute;top:0;left:0;width:10%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--11:before{display:block;z-index:2;position:absolute;top:0;left:0;width:11%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--12:before{display:block;z-index:2;position:absolute;top:0;left:0;width:12%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--13:before{display:block;z-index:2;position:absolute;top:0;left:0;width:13%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--14:before{display:block;z-index:2;position:absolute;top:0;left:0;width:14%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--15:before{display:block;z-index:2;position:absolute;top:0;left:0;width:15%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--16:before{display:block;z-index:2;position:absolute;top:0;left:0;width:16%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--17:before{display:block;z-index:2;position:absolute;top:0;left:0;width:17%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--18:before{display:block;z-index:2;position:absolute;top:0;left:0;width:18%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--19:before{display:block;z-index:2;position:absolute;top:0;left:0;width:19%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--20:before{display:block;z-index:2;position:absolute;top:0;left:0;width:20%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--21:before{display:block;z-index:2;position:absolute;top:0;left:0;width:21%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--22:before{display:block;z-index:2;position:absolute;top:0;left:0;width:22%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--23:before{display:block;z-index:2;position:absolute;top:0;left:0;width:23%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--24:before{display:block;z-index:2;position:absolute;top:0;left:0;width:24%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--25:before{display:block;z-index:2;position:absolute;top:0;left:0;width:25%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--26:before{display:block;z-index:2;position:absolute;top:0;left:0;width:26%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--27:before{display:block;z-index:2;position:absolute;top:0;left:0;width:27%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--28:before{display:block;z-index:2;position:absolute;top:0;left:0;width:28%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--29:before{display:block;z-index:2;position:absolute;top:0;left:0;width:29%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--30:before{display:block;z-index:2;position:absolute;top:0;left:0;width:30%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--31:before{display:block;z-index:2;position:absolute;top:0;left:0;width:31%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--32:before{display:block;z-index:2;position:absolute;top:0;left:0;width:32%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--33:before{display:block;z-index:2;position:absolute;top:0;left:0;width:33%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--34:before{display:block;z-index:2;position:absolute;top:0;left:0;width:34%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--35:before{display:block;z-index:2;position:absolute;top:0;left:0;width:35%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--36:before{display:block;z-index:2;position:absolute;top:0;left:0;width:36%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--37:before{display:block;z-index:2;position:absolute;top:0;left:0;width:37%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--38:before{display:block;z-index:2;position:absolute;top:0;left:0;width:38%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--39:before{display:block;z-index:2;position:absolute;top:0;left:0;width:39%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--40:before{display:block;z-index:2;position:absolute;top:0;left:0;width:40%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--41:before{display:block;z-index:2;position:absolute;top:0;left:0;width:41%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--42:before{display:block;z-index:2;position:absolute;top:0;left:0;width:42%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--43:before{display:block;z-index:2;position:absolute;top:0;left:0;width:43%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--44:before{display:block;z-index:2;position:absolute;top:0;left:0;width:44%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--45:before{display:block;z-index:2;position:absolute;top:0;left:0;width:45%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--46:before{display:block;z-index:2;position:absolute;top:0;left:0;width:46%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--47:before{display:block;z-index:2;position:absolute;top:0;left:0;width:47%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--48:before{display:block;z-index:2;position:absolute;top:0;left:0;width:48%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--49:before{display:block;z-index:2;position:absolute;top:0;left:0;width:49%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--50:before{display:block;z-index:2;position:absolute;top:0;left:0;width:50%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--51:before{display:block;z-index:2;position:absolute;top:0;left:0;width:51%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--52:before{display:block;z-index:2;position:absolute;top:0;left:0;width:52%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--53:before{display:block;z-index:2;position:absolute;top:0;left:0;width:53%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--54:before{display:block;z-index:2;position:absolute;top:0;left:0;width:54%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--55:before{display:block;z-index:2;position:absolute;top:0;left:0;width:55%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--56:before{display:block;z-index:2;position:absolute;top:0;left:0;width:56%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--57:before{display:block;z-index:2;position:absolute;top:0;left:0;width:57%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--58:before{display:block;z-index:2;position:absolute;top:0;left:0;width:58%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--59:before{display:block;z-index:2;position:absolute;top:0;left:0;width:59%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--60:before{display:block;z-index:2;position:absolute;top:0;left:0;width:60%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--61:before{display:block;z-index:2;position:absolute;top:0;left:0;width:61%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--62:before{display:block;z-index:2;position:absolute;top:0;left:0;width:62%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--63:before{display:block;z-index:2;position:absolute;top:0;left:0;width:63%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--64:before{display:block;z-index:2;position:absolute;top:0;left:0;width:64%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--65:before{display:block;z-index:2;position:absolute;top:0;left:0;width:65%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--66:before{display:block;z-index:2;position:absolute;top:0;left:0;width:66%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--67:before{display:block;z-index:2;position:absolute;top:0;left:0;width:67%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--68:before{display:block;z-index:2;position:absolute;top:0;left:0;width:68%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--69:before{display:block;z-index:2;position:absolute;top:0;left:0;width:69%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--70:before{display:block;z-index:2;position:absolute;top:0;left:0;width:70%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--71:before{display:block;z-index:2;position:absolute;top:0;left:0;width:71%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--72:before{display:block;z-index:2;position:absolute;top:0;left:0;width:72%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--73:before{display:block;z-index:2;position:absolute;top:0;left:0;width:73%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--74:before{display:block;z-index:2;position:absolute;top:0;left:0;width:74%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--75:before{display:block;z-index:2;position:absolute;top:0;left:0;width:75%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--76:before{display:block;z-index:2;position:absolute;top:0;left:0;width:76%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--77:before{display:block;z-index:2;position:absolute;top:0;left:0;width:77%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--78:before{display:block;z-index:2;position:absolute;top:0;left:0;width:78%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--79:before{display:block;z-index:2;position:absolute;top:0;left:0;width:79%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--80:before{display:block;z-index:2;position:absolute;top:0;left:0;width:80%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--81:before{display:block;z-index:2;position:absolute;top:0;left:0;width:81%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--82:before{display:block;z-index:2;position:absolute;top:0;left:0;width:82%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--83:before{display:block;z-index:2;position:absolute;top:0;left:0;width:83%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--84:before{display:block;z-index:2;position:absolute;top:0;left:0;width:84%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--85:before{display:block;z-index:2;position:absolute;top:0;left:0;width:85%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--86:before{display:block;z-index:2;position:absolute;top:0;left:0;width:86%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--87:before{display:block;z-index:2;position:absolute;top:0;left:0;width:87%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--88:before{display:block;z-index:2;position:absolute;top:0;left:0;width:88%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--89:before{display:block;z-index:2;position:absolute;top:0;left:0;width:89%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--90:before{display:block;z-index:2;position:absolute;top:0;left:0;width:90%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--91:before{display:block;z-index:2;position:absolute;top:0;left:0;width:91%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--92:before{display:block;z-index:2;position:absolute;top:0;left:0;width:92%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--93:before{display:block;z-index:2;position:absolute;top:0;left:0;width:93%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--94:before{display:block;z-index:2;position:absolute;top:0;left:0;width:94%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--95:before{display:block;z-index:2;position:absolute;top:0;left:0;width:95%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--96:before{display:block;z-index:2;position:absolute;top:0;left:0;width:96%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--97:before{display:block;z-index:2;position:absolute;top:0;left:0;width:97%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--98:before{display:block;z-index:2;position:absolute;top:0;left:0;width:98%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--99:before{display:block;z-index:2;position:absolute;top:0;left:0;width:99%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber .number--100:before{display:block;z-index:2;position:absolute;top:0;left:0;width:100%;content:attr(data-content);overflow:hidden;color:#fff}.color-button--loading .loadingNumber:after{content:"";position:absolute;top:0;left:-100%;width:100%;background:#06f;transform:translateX(var(--progress));height:100%;z-index:0;transition:width .5s}.color-button--main.color-button-dark,.dark-colorui .color-button--main{background:#247cff}.color-button--minor.color-button-dark,.dark-colorui .color-button--minor{background:hsla(0,0%,100%,.15);color:#fff}.color-button--minor.color-button-dark:before,.dark-colorui .color-button--minor:before{background:#fff}.color-button--minor.color-button-dark.active:not(.color-button-disabled):before,.dark-colorui .color-button--minor.active:not(.color-button-disabled):before{opacity:.13}.color-button--half.color-button-dark,.dark-colorui .color-button--half{background:rgba(36,124,255,.25);color:#5c9dff}.color-button--half.color-button-dark.active:not(.color-button-disabled):before,.dark-colorui .color-button--half.active:not(.color-button-disabled):before{opacity:.2}.color-button--text.color-button.color-button-dark,.dark-colorui .color-button--text.color-button{color:#5c9dff}.color-button--text.color-button.color-button-dark:before,.dark-colorui .color-button--text.color-button:before{background:#fff}.color-button--text.color-button.color-button-dark.active:not(.color-button-disabled):before,.dark-colorui .color-button--text.color-button.active:not(.color-button-disabled):before{opacity:.15}.color-button--text.color-button.color-button-dark.color-button-disabled,.dark-colorui .color-button--text.color-button.color-button-disabled{color:hsla(0,0%,100%,.3);background-color:unset}.color-button-disabled.color-button-dark,.dark-colorui .color-button-disabled{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.3)}.color-swipe{height:1.98rem;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-swipe__group{height:100%}.color-swipe__indicators{position:absolute;z-index:2}.color-swipe__indicators--horizontal{bottom:.1rem;left:50%;transform:translateX(-50%);display:flex}.color-swipe__indicators--vertical{left:.08rem;top:50%;width:.06rem;transform:translateY(-50%)}.color-swipe__indicators__bounce{position:absolute;top:0;left:0;right:0;width:.06rem;height:.06rem;border-radius:.06rem;z-index:1;transition:all .15s ease;background-color:#000}.color-swipe__indicator{display:block;width:.06rem;height:.06rem;box-sizing:border-box;border-radius:.06rem;background-color:rgba(0,0,0,.3)}.color-swipe__indicator:not(:last-of-type){margin-right:.06rem}.color-swipe__indicator:before{content:" ";display:block;transform:translate(-35%,-35%);width:.16rem;height:.16rem}.color-swipe__indicators--vertical .color-swipe__indicator:not(:last-of-type){margin-bottom:.06rem}.color-swipe__group--rtl .color-swipe-item{float:right}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator{margin-right:0}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator:not(:last-of-type){margin-left:.06rem}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator:before{transform:translate(35%,-35%)}.color-swipe__indicators__bounce--rtl--horizontal{left:auto}.color-swipe__indicators--rtl--vertical .color-swipe__indicator:not(:last-of-type){margin-right:0;margin-left:.06rem}.color-animation-indictors{display:flex;align-items:center;position:relative;justify-content:center;width:3rem;--move-distance-start:0;--move-distance-end:0}.color-animation-indictors__vertical{transform:translateX(-50%) rotate(90deg)}.color-animation-indictors svg.svgSize{width:.65rem;height:.16rem}.color-animation-indictors svg.svgSize circle.circle-fill,.color-animation-indictors svg.svgSize circle.circle-fill-boundary--left,.color-animation-indictors svg.svgSize circle.circle-fill-boundary--right{fill:rgba(0,0,0,.4)}.color-animation-indictors svg.svgSize circle.circle-fill--active,.color-animation-indictors svg.svgSize path{fill:#000}@keyframes circleScaleUpRAnimation{0%{r:0}to{r:2.25}}@keyframes circleScaleDownRAnimation{to{r:0}}@keyframes offsetAnimation{0%{transform:translateX(var(--move-distance-start))}to{transform:translateX(var(--move-distance-end))}}.color-animation-indictors .offsetAnimationClass{animation:offsetAnimation .5s cubic-bezier(.3,0,.1,1) 1 forwards}.color-animation-indictors .circleScaleDownRAnimation{animation:circleScaleDownRAnimation .3s cubic-bezier(.3,0,.1,1) 1 none}.color-animation-indictors .circleScaleUpRAnimation{animation:circleScaleUpRAnimation .3s cubic-bezier(.3,0,.1,1) 1 none}.color-swipe.color-swipe--dark .color-swipe__indicator__dark,.dark-colorui .color-swipe .color-swipe__indicator__dark{border-color:hsla(0,0%,100%,.3)}.color-swipe.color-swipe--dark .color-swipe__indicators__bounce__dark,.dark-colorui .color-swipe .color-swipe__indicators__bounce__dark{background-color:#ababab}.color-swipe.color-swipe--dark .color-animation-indictors svg.svgSize circle.circle-fill,.color-swipe.color-swipe--dark .color-animation-indictors svg.svgSize circle.circle-fill-boundary--left,.color-swipe.color-swipe--dark .color-animation-indictors svg.svgSize circle.circle-fill-boundary--right,.dark-colorui .color-swipe .color-animation-indictors svg.svgSize circle.circle-fill,.dark-colorui .color-swipe .color-animation-indictors svg.svgSize circle.circle-fill-boundary--left,.dark-colorui .color-swipe .color-animation-indictors svg.svgSize circle.circle-fill-boundary--right{fill:hsla(0,0%,100%,.4)}.color-swipe.color-swipe--dark .color-animation-indictors svg.svgSize circle.circle-fill--active,.color-swipe.color-swipe--dark .color-animation-indictors svg.svgSize path,.dark-colorui .color-swipe .color-animation-indictors svg.svgSize circle.circle-fill--active,.dark-colorui .color-swipe .color-animation-indictors svg.svgSize path{fill:#fff}.color-swipe-item{float:left;height:100%}