@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:focus:after{background-color:rgba(0,102,255,.12)}.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:focus:after{background-color:#fff}.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):focus:after{background-color:#fff}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:hover:after{background-color:rgba(0,0,0,.08)}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:hover:after{background-color:#fff}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):hover:after{background-color:#fff}}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:focus:after{background-color:rgba(0,102,255,.12)}.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after{background-color:#000}.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after{background-color:#000}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper:hover:after{background-color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:hover:after{background-color:#000}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):hover:after{background-color:#000}}.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:-.56rem}.color-title-bar.color-title-bar--collapsed.color-title-bar--collapsed-with-large-title{margin-top:-1.13rem}.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:.52rem;z-index:1;box-sizing:border-box}.color-title-bar .color-title-bar__large-title-container{font-variation-settings:"wght" 300;font-weight: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;font-weight:400;background-color:transparent!important;color:rgba(0,0,0,.54);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{border:unset;padding:0 .16rem;display:block;font:unset;width:.24rem;height:.24rem;box-sizing:content-box;background:unset;color:rgba(0,0,0,.9)}.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;font-weight:500;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%,.54)}.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%,.54)}.color-title-bar.color-title-bar--dark .color-title-bar__left-section--back-icon,.color-title-bar.color-title-bar--dark .color-title-bar__right-section,.dark-colorui .color-title-bar .color-title-bar__left-section--back-icon,.dark-colorui .color-title-bar .color-title-bar__right-section{color: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-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__wrapper:before{content:"";display:block;width:var(--lineWidth);height:.01rem;position:absolute;right:.16rem;top:-.01rem;box-shadow:inset 0 -.004rem 0 0 rgba(0,0,0,.12);z-index:3}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine{padding-top:.02rem}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__wrapper:before{content:"";width:100%;height:.02rem;left:0;right:unset;top:-.02rem;transform:unset;background-color:rgba(0,0,0,.12);box-shadow:unset}.color-cell-group .color-cell-group-wrap .color-cell:first-child .color-cell__wrapper:before{content:none}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--active-content .color-cell__widget:after{transform:translateY(.01rem)}.color-cell-group .color-cell-group-wrap .color-cell .color-cell__wrapper{margin:unset;width:100%}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--widget:not(.color-cell--splitLine):not(.color-cell--disabled):active+.color-cell.color-cell--widget:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell.color-cell--widget:not(.color-cell--splitLine):not(.color-cell--disabled):active .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell:not(.color-cell--splitLine):not(.color-cell--disabled):focus+.color-cell:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell:not(.color-cell--splitLine):not(.color-cell--disabled):focus .color-cell__wrapper:before{opacity:0}.color-cell-group .color-cell-group-wrap .color-cell[\:has\(.color-field\)]:not(.color-cell--splitLine):not(.color-cell--disabled):active+.color-cell:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell[\:has\(.color-field\)]:not(.color-cell--splitLine):not(.color-cell--disabled):active .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell[\:has\(.color-field\)]:not(.color-cell--splitLine):not(.color-cell--disabled):focus+.color-cell:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell[\:has\(.color-field\)]:not(.color-cell--splitLine):not(.color-cell--disabled):focus .color-cell__wrapper:before{opacity:1}.color-cell-group .color-cell-group-wrap .color-cell:has(.color-field):not(.color-cell--splitLine):not(.color-cell--disabled):active+.color-cell:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell:has(.color-field):not(.color-cell--splitLine):not(.color-cell--disabled):active .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell:has(.color-field):not(.color-cell--splitLine):not(.color-cell--disabled):focus+.color-cell:not(.color-cell--splitLine) .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell:has(.color-field):not(.color-cell--splitLine):not(.color-cell--disabled):focus .color-cell__wrapper:before{opacity:1}.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{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:first-child .color-cell__wrapper.p14{padding-top:.16rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p16{padding-top:.18rem}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p20{padding-top:.22rem}.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:last-child .color-cell__wrapper.p14{padding-bottom:.16rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p16{padding-bottom:.18rem}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p20{padding-bottom:.22rem}.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,.54);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;font-weight:500;padding:.24rem 0 .04rem .16rem;justify-content:space-between;align-items:center;font-size:.12rem;color:rgba(0,0,0,.54)}.color-cell-group__title{flex:auto;font-size:.12rem;line-height:.16rem;color:rgba(0,0,0,.54);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.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--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:active:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:active:after{background-color:hsla(0,0%,100%,.2)}.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:active:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:active:after{background-color:hsla(0,0%,100%,.1)}.color-cell-group.color-cell-group--dark.color-cell-group--round .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):active:after,.dark-colorui .color-cell-group.color-cell-group--round .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):active:after{background-color:hsla(0,0%,100%,.1)}.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%,.54)}.color-cell-group.color-cell-group--dark .color-cell-group-wrap .color-cell .color-cell__wrapper:before,.dark-colorui .color-cell-group .color-cell-group-wrap .color-cell .color-cell__wrapper:before{box-shadow:inset 0 -.004rem 0 0 hsla(0,0%,100%,.2)}.color-cell-group.color-cell-group--dark .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__wrapper:before,.dark-colorui .color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__wrapper:before{background-color:hsla(0,0%,100%,.2)}.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:rgba(0,0,0,.04);color:rgba(0,0,0,.54);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;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;display:flex}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__left-icon{display:flex;align-items:center;margin-right:.08rem}.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;line-height:.2rem;overflow:hidden;z-index:1}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask{-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__button-container{display:flex;flex:1;justify-content:flex-end}.color-toptip--buttonline .color-toptip__container{padding-right:.06rem}@media screen and (min-width:600px){.color-toptip--buttonline .color-toptip__container .color-toptip__wrap{display:block}}.color-toptip--buttonline .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__left-icon{align-items:unset;margin-top:.1rem}.color-toptip--buttonline .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text{margin-bottom:.08rem;margin-right:.12rem}.color-toptip--buttonline .color-toptip__container .color-toptip__wrap .color-toptip__button-container{margin-bottom:.08rem}.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{width:.24rem;height:.24rem;margin-left:.08rem}.color-toptip__right-arrow path{fill:rgba(0,0,0,.26)}.color-toptip__right-close{width:.24rem;height:.24rem;margin-left:.08rem}.color-toptip.color-toptip--dark,.dark-colorui .color-toptip{background-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.54)}.color-toptip.color-toptip--dark .color-toptip__container .color-toptip__right-close circle,.dark-colorui .color-toptip .color-toptip__container .color-toptip__right-close circle{fill:#fff;fill-opacity:.3}.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{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:#5c9dff}.color-toptip.color-toptip--dark.color-toptip--theme1-bg,.dark-colorui .color-toptip.color-toptip--theme1-bg{background:#5c9dff;color:#fff}.color-toptip.color-toptip--theme2-text{color:#db382c}.color-toptip.color-toptip--theme2-bg{background:#db382c;color:#fff}.color-toptip.color-toptip--dark.color-toptip--theme2-text,.dark-colorui .color-toptip.color-toptip--theme2-text{color:#ff6c61}.color-toptip.color-toptip--dark.color-toptip--theme2-bg,.dark-colorui .color-toptip.color-toptip--theme2-bg{background:#ff6c61;color:#fff}.color-toptip.color-toptip--theme3-text{color:#eb6e00}.color-toptip.color-toptip--theme3-bg{background:#eb6e00;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:#db9a00}.color-toptip.color-toptip--theme4-bg{background:#db9a00;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:#00990f}.color-toptip.color-toptip--theme5-bg{background:#00990f;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}.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 .color-field-wrap{margin:auto;padding:0 .16rem;font-size:.16rem;position:relative;box-sizing:border-box;outline:none;background-color:#fff}.color-field .color-field-wrap .color-field__title{display:inline-block;font-size:.16rem;line-height:.22rem;margin-bottom:.04rem;font-variation-settings:"wght" 700;font-weight:500;color:rgba(0,0,0,.9);position:relative;z-index:2}.color-field .color-field-wrap .color-field__content{display:flex;flex-wrap:nowrap;align-items:center;position:relative;z-index:2;width:100%}.color-field .color-field-wrap .color-field__content .color-field__contain{flex:auto;position:relative;overflow-y:auto;line-height:0}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input{font-size:.16rem;line-height:.22rem;caret-color:#06f;color:rgba(0,0,0,.9);background-color:transparent;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 .color-field-wrap .color-field__content .color-field__contain .color-field__input::-moz-placeholder{font-size:.16rem;color:rgba(0,0,0,.54)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input::placeholder{font-size:.16rem;color:rgba(0,0,0,.54)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--normal::-moz-selection{background:rgba(0,102,255,.3)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--normal::selection{background:rgba(0,102,255,.3)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--error::-moz-selection{background:#db382c}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--error::selection{background:#db382c}.color-field .color-field-wrap .color-field__content .color-field__plugin--left,.color-field .color-field-wrap .color-field__content .color-field__plugin--right{flex:none}.color-field .color-field-wrap .color-field__content .color-field__plugin--left{color:rgba(0,0,0,.9);line-height:1}.color-field .color-field-wrap .color-field__content .color-field__plugin--right{margin-left:.16rem}.color-field .color-field-wrap .color-field__content .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 .color-field-wrap .color-field__content .color-field__close svg{color:rgba(0,0,0,.54)}.color-field .color-field-wrap .color-field__content .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 .color-field-wrap .color-field--maxlength{font-size:.12rem;font-variation-settings:"wght" 550;font-weight:400;line-height:.16rem;text-align:right;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;margin-top:.02rem;color:rgba(0,0,0,.26)}.color-field .color-field-wrap .color-field--maxlength.max{color:#db382c}.color-field .color-field-wrap:after{content:"";position:absolute;transition:all 122ms cubic-bezier(.33,0,.67,1);left:0;top:0;width:100%;height:100%;z-index:1}.color-field .color-field-wrap.color-field--none{width:3.28rem;border-radius:.12rem;overflow:hidden}.color-field .color-field-wrap.color-field--none.color-field--no-title{padding-top:.15rem;padding-bottom:.15rem;display:flex;align-items:center}.color-field .color-field-wrap.color-field--none.color-field--with-title{padding-top:.12rem;padding-bottom:.12rem}.color-field .color-field-wrap.color-field--none+.color-field__message{padding-left:.16rem;width:3.28rem;margin:auto;box-sizing:border-box}@media screen and (max-width:359.9px){.color-field .color-field-wrap.color-field--none{width:auto}}.color-field .color-field-wrap.color-field--line.color-field--no-title{padding-top:.13rem}.color-field .color-field-wrap.color-field--line.color-field--no-title .color-field__content>div{margin-bottom:.13rem}.color-field .color-field-wrap.color-field--line.color-field--with-title{padding-top:.1rem}.color-field .color-field-wrap.color-field--line.color-field--with-title .color-field__content>div{margin-bottom:.1rem}.color-field .color-field-wrap.color-field--line .color-field__content{box-shadow:inset 0 -.004rem 0 0 rgba(0,0,0,.12)}.color-field .color-field-wrap.color-field--line .color-field__content:after{content:"";position:absolute;left:0;bottom:.01rem;height:.01rem;width:0;transform:translateY(100%)}.color-field .color-field-wrap.color-field--line .color-field__content.color-field__content-active:after{width:100%;transition:width .28s cubic-bezier(.25,.1,.1,1);background-color:#06f}.color-field .color-field-wrap.color-field--line .color-field__content.color-field__content-error:after{width:100%;background-color:#db382c}.color-field .color-field-wrap.color-field--line .color-field__message--error{padding-bottom:.04rem}.color-field .color-field-wrap.color-field--disabled .color-field__title{color:rgba(0,0,0,.26)}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g{opacity:1}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g path{fill-opacity:.08}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g{opacity:1}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g path{fill-opacity:.08}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__contain .color-field__input{color:rgba(0,0,0,.26)}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__contain .color-field__input::-moz-placeholder{color:rgba(0,0,0,.26)}.color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__contain .color-field__input::placeholder{color:rgba(0,0,0,.26)}.color-field .color-field-wrap.color-field--disabled .color-field__message{color:rgba(0,0,0,.26)}.color-field .color-field__message{font-size:.1rem;color:rgba(0,0,0,.4);margin-top:.04rem;line-height:.14rem;position:relative;z-index:2}.color-field .color-field__message.color-field__message--error{color:#db382c}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-field:not(.color-field--disabled):focus:after{background-color:rgba(0,102,255,.12)}.color-field:not(.color-field--disabled):hover:after{background-color:rgba(0,0,0,.08)!important}}.color-field-wrap.color-field--active:not(.color-field--disabled):after{background-color:rgba(0,0,0,.12)!important}.color-field.color-field--dark .color-field-wrap,.dark-colorui .color-field .color-field-wrap{background-color:hsla(0,0%,100%,.1)}.color-field.color-field--dark .color-field-wrap .color-field__title,.dark-colorui .color-field .color-field-wrap .color-field__title{color:hsla(0,0%,100%,.9)}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__contain .color-field__input,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input{color:hsla(0,0%,100%,.9);background-color:transparent}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__contain .color-field__input::-moz-placeholder,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input::-moz-placeholder{font-size:.16rem;color:hsla(0,0%,100%,.54)}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__contain .color-field__input::placeholder,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input::placeholder{font-size:.16rem;color:hsla(0,0%,100%,.54)}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__plugin.color-field__plugin--left,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__plugin.color-field__plugin--left{color:hsla(0,0%,100%,.9)}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__close svg,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__close svg{color:hsla(0,0%,100%,.54)}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__close svg path,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__close svg path{fill:#1a1a1a}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__eye svg>g>g:first-child>g>g>g path,.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__eye svg>g>g:last-child g path,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__eye svg>g>g:first-child>g>g>g path,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__eye svg>g>g:last-child g path{fill:#fff}.color-field.color-field--dark .color-field-wrap .color-field--maxlength,.dark-colorui .color-field .color-field-wrap .color-field--maxlength{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field-wrap .color-field--maxlength.max,.dark-colorui .color-field .color-field-wrap .color-field--maxlength.max{color:#ff6c61}.color-field.color-field--dark .color-field-wrap.color-field--line .color-field__content,.dark-colorui .color-field .color-field-wrap.color-field--line .color-field__content{box-shadow:inset 0 -.004rem 0 0 hsla(0,0%,100%,.2)}.color-field.color-field--dark .color-field-wrap.color-field--line .color-field__content .color-field__content-active:after,.dark-colorui .color-field .color-field-wrap.color-field--line .color-field__content .color-field__content-active:after{background-color:#247cff}.color-field.color-field--dark .color-field-wrap.color-field--line .color-field__content .color-field__content-error:after,.dark-colorui .color-field .color-field-wrap.color-field--line .color-field__content .color-field__content-error:after{background-color:#ff6c61}.color-field.color-field--dark .color-field-wrap.color-field--line .color-field__content .color-field__close svg,.dark-colorui .color-field .color-field-wrap.color-field--line .color-field__content .color-field__close svg{margin-top:-.01rem}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__input,.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__title,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__input,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__title{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__input::-moz-placeholder,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__input::-moz-placeholder{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__input::placeholder,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__input::placeholder{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g{opacity:1}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g path,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:first-child>g>g>g path{fill:hsla(0,0%,100%,.15);fill-opacity:1}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g{opacity:1}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g path,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__eye svg>g>g:last-child g path{fill:hsla(0,0%,100%,.15);fill-opacity:1}.color-field.color-field--dark .color-field-wrap.color-field--disabled .color-field__message,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__message{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field-wrap.color-field--disabled:after,.dark-colorui .color-field .color-field-wrap.color-field--disabled:after{background:transparent}.color-field.color-field--dark .color-field__message,.dark-colorui .color-field .color-field__message{color:hsla(0,0%,100%,.3)}.color-field.color-field--dark .color-field__message.color-field__message--error,.dark-colorui .color-field .color-field__message.color-field__message--error{color:#ff6c61}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-field-wrap.color-field--dark:not(.color-field--disabled):focus:after,.focus-outline-visible.dark-colorui:not(.color-field--disabled):focus:after,.focus-outline-visible .dark-colorui:not(.color-field--disabled):focus:after{background:rgba(36,124,255,.2)}.color-field-wrap.color-field--dark:not(.color-field--disabled):hover:after,.dark-colorui .color-field-wrap:not(.color-field--disabled):hover:after{background:hsla(0,0%,100%,.15)!important}}.color-field-wrap.color-field--dark.color-field--active:not(.color-field--disabled):after,.dark-colorui .color-field-wrap.color-field--active:not(.color-field--disabled):after{background:hsla(0,0%,100%,.2)!important}.color-field-group{margin:auto;border-radius:.12rem;overflow:hidden;box-sizing:border-box}.color-field-group .color-field:first-of-type .color-field-wrap .color-field--with-title{padding-top:.12rem}.color-field-group .color-field:last-of-type .color-field-wrap.color-field--line .color-field__content{box-shadow:unset}.color-field-group .color-field:last-of-type .color-field-wrap.color-field--line .color-field__content:not(.color-field__content-error):after{background-color:transparent!important}.color-field-group .color-field:last-of-type .color-field-wrap .color-field--with-title{padding-bottom:.12rem}.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,.54);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,.2);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:rgba(0,0,0,.54)}.color-search-page__input::placeholder{color:rgba(0,0,0,.54)}.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,.12)}.color-search-page__divider{position:absolute;left:0;bottom:0;width:100%;height:.01rem;background-color:rgba(0,0,0,.12)}.color-search-page__cancel-button,.color-search-page__search-button{font-variation-settings:"wght" 700;font-weight:500;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%,.54)}.color-picker{position:relative;display:flex;justify-content:center;font-style:normal;background:#fff;font-variation-settings:"wght" 700;font-weight:500;border-radius:.12rem;overflow:hidden;font-size:.16rem;z-index:0}.color-picker .line{content:"";width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);height:.5rem;box-sizing:border-box;border-top:.01rem solid rgba(0,0,0,.12);border-bottom:.01rem solid rgba(0,0,0,.12)}.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%,.74),hsla(0,0%,100%,.74) var(--clip-height),transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.74),hsla(0,0%,100%,.74) 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;line-height:.5rem}.color-picker-unit-span{display:inline-block;font-variation-settings:"wght" 700;font-weight:500}.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{width:1.2rem;overflow:hidden}.color-picker-item--month,.color-picker-item--number{width:.76rem}.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{width:100%;display:inline-block;transition:font-size .2s linear;color:rgba(0,0,0,.9);font-size:.16rem;font-variation-settings:"wght" 700;font-weight:500}.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-size:.2rem;font-variation-settings:"wght" 700;font-weight:500}.color-picker.color-picker--dark,.dark-colorui .color-picker{background-color:unset;color:hsla(0,0%,100%,.9)}.color-picker.color-picker--dark .line,.dark-colorui .color-picker .line{border-top:.01rem solid hsla(0,0%,100%,.2);border-bottom:.01rem solid hsla(0,0%,100%,.2)}.color-picker.color-picker--dark .color-picker-item-li-span,.dark-colorui .color-picker .color-picker-item-li-span{color:hsla(0,0%,100%,.9)}.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;font-weight:500}.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,rgba(0,0,0,.7),rgba(0,0,0,.7) var(--clip-height),transparent 0),linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.7) var(--clip-height),transparent 0)}.color-dialog .color-picker.color-picker--dark .color-picker__mask,.dark-colorui .color-dialog .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,rgba(70,70,70,.7),rgba(70,70,70,.7) var(--clip-height),transparent 0),linear-gradient(0deg,rgba(70,70,70,.7),rgba(70,70,70,.7) 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:#1e1e1e}.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,.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;font-weight:500;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:rgba(0,0,0,.9)}.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;font-weight:500;height:.61rem;color:#06f;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:#1e1e1e}.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-loading__description,.dark-colorui .color-loading .color-loading__description{color:hsla(0,0%,100%,.54)}.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;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:rgba(0,0,0,.9)}.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:.16rem;height:.16rem;margin:0 auto}.color-area-loading .color-area-small-loading__progress.color-area-small-loading__progress--static path[stroke-linecap=butt]{stroke:rgba(0,0,0,.54)}.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-area-loading--parent-relative[loading-size=small]{width:.2rem;height:.2rem}.color-loading__description{margin-top:.16rem;padding-left:.16rem;padding-right:.16rem;font-size:.12rem;color:rgba(0,0,0,.54);text-align:center;font-variation-settings:"wght" 700;font-weight:500}.color-area-loading__description{margin-top:.16rem;font-size:.14rem;color:rgba(0,0,0,.54)}.color-area-loading.color-area-loading--dark .color-area-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]{stroke:hsla(0,0%,100%,.3)}.color-area-loading.color-area-loading--dark .color-area-small-loading__progress.color-area-small-loading__progress--static path[stroke-linecap=butt],.dark-colorui .color-area-loading .color-area-small-loading__progress.color-area-small-loading__progress--static path[stroke-linecap=butt]{stroke:hsla(0,0%,100%,.54)}.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%,.3)}.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,.16)}.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{transform:rotate(-90deg)}.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%,.25)}.color-dialog-panel.color-popup{overflow:unset}.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 .color-dialog{display:flex;box-sizing:border-box;flex-direction:column;max-width:3.6rem;max-height:6rem;overflow:hidden;width:calc(100vw - .32rem);position:relative;background-color:#fff;margin-left:auto;margin-right:auto}.color-dialog-panel .color-dialog .color-dialog-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.24rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title{width:100%;box-sizing:border-box;text-align:center;line-height:.26rem;font-size:.18rem;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700;font-weight:500;flex-shrink:0;word-break:break-all;padding:0 .24rem .06rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text{max-height:.78rem;overflow-y:auto}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000,#000 60%,transparent);mask:linear-gradient(180deg,transparent,#000,#000 60%,transparent)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text.shadowBottom.shadowTop,.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text.shadowTop.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent);mask:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text.shadowTop{-webkit-mask:linear-gradient(180deg,transparent,#000 40%,#000 100%,transparent 0);mask:linear-gradient(180deg,transparent,#000 40%,#000 100%,transparent 0)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title.pd1{padding:.52rem .24rem .32rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc{width:100%;box-sizing:border-box;text-align:center;line-height:.2rem;font-size:.14rem;color:rgba(0,0,0,.9);font-variation-settings:"wght" 550;font-weight:400;flex-shrink:0;word-break:break-all;padding:.18rem .24rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text{max-height:2.86rem;overflow-y:auto}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000,#000 88%,transparent)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text.shadowBottom.shadowTop,.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text.shadowTop.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text.shadowTop{-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 100%,transparent 0);mask:linear-gradient(180deg,transparent,#000 12%,#000 100%,transparent 0)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc.pd1{padding:0 .24rem .04rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc.pd2{padding:.08rem .24rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc.lines{padding:.08rem .24rem;text-align:left}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox{box-sizing:border-box;display:flex;align-items:center;margin-left:.2rem;margin-bottom:.08rem;align-self:flex-start}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox .color-checkbox__content{display:flex;align-items:center;margin-left:.08rem}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox .color-checkbox__content .checkbox-tip{font-size:.12rem;color:rgba(0,0,0,.54)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-content{position:relative;display:flex;flex-direction:column;overflow:hidden;text-align:center;justify-content:center;width:100%}.color-dialog-panel .color-dialog .color-dialog-footer{display:flex;flex-shrink:0}.color-dialog-panel .color-dialog .color-dialog-footer .color-option{width:100%;height:auto;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-dialog .color-dialog-footer .color-option--disabled{color:rgba(0,0,0,.26)}.color-dialog-panel .color-dialog .color-dialog-footer .color-option-content{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.color-dialog-panel .color-dialog .color-dialog-footer .color-option-content__title{font-size:.16rem;white-space:normal;line-height:.24rem;font-variation-settings:"wght" 700;font-weight:500;position:relative}.color-dialog-panel .color-dialog .color-dialog-footer .color-option-loading{position:absolute;width:.16rem;height:.16rem;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.color-dialog-panel .color-dialog .color-dialog-footer .color-option.color-option-load .color-option-loading{opacity:1}.color-dialog-panel .color-dialog .color-dialog-footer .color-option.color-option-load .color-option-text{opacity:0}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--horizontal{position:relative;font-variation-settings:"wght" 700;font-weight:500}.color-dialog-panel .color-dialog .color-dialog-footer.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-panel .color-dialog .color-dialog-footer.color-dialog-footer--horizontal.color-dialog-footer--single:before{display:none}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--horizontal .color-option{padding-top:.12rem;padding-bottom:.22rem}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--horizontal .color-option .color-option-content{height:auto;min-height:auto;margin-bottom:0}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical{flex-shrink:0;position:relative;display:flex;flex-direction:column;overflow-y:scroll}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical.color-dialog-footer--recommend{margin-top:.16rem;margin-bottom:.12rem}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical.color-dialog-footer--recommend .co-button-group{padding-top:.04rem;padding-bottom:.04rem}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical::-webkit-scrollbar{display:none}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical .color-dialog-footer__actions .color-option{padding:.14rem .24rem}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-child{padding-bottom:.26rem}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:last-child):after{content:"";position:absolute;width:calc(100% - .48rem);bottom:0;left:.24rem;z-index:1;background-color:rgba(0,0,0,.12);height:.01rem;transform:scaleY(.33)}.color-dialog-panel .color-dialog.color-dialog-only-button .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:first-child{padding-top:.26rem}.color-dialog-panel .color-dialog.color-dialog-only-title .color-dialog-wrapper{padding-top:.52rem}.color-dialog-panel .color-dialog.color-dialog-only-title .color-dialog-wrapper .color-dialog-title{padding-bottom:.34rem}.color-dialog-panel.color-dialog-panel--image .color-dialog--image{width:calc(100vw - .32rem);max-width:3.6rem;margin:0 auto}.color-dialog-panel.color-dialog-panel--image .color-dialog--image img{display:block;width:100%}.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper{min-height:unset;overflow-y:auto}.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text{max-height:.92rem}.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper .color-dialog-checkbox{margin-top:.08rem}.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper .color-dialog-content,.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-assign-content{overflow:auto}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper{min-height:unset;overflow-y:auto}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text{max-height:.92rem}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-checkbox{margin-top:.08rem}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content,.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-custom-content{overflow:auto}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-custom-content.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000,#000 96%,transparent);mask:linear-gradient(180deg,transparent,#000,#000 96%,transparent)}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-custom-content.shadowBottom.shadowTop,.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-custom-content.shadowTop.shadowBottom{-webkit-mask:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-content .color-dialog-custom-content.shadowTop{-webkit-mask:linear-gradient(180deg,transparent,#000 4%,#000 100%,transparent 0);mask:linear-gradient(180deg,transparent,#000 4%,#000 100%,transparent 0)}.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:#ff6c61}.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-desc,.color-dialog-panel.color-dialog-panel--dark.color-popup .color-dialog .color-dialog-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-desc,.dark-colorui .color-dialog-panel.color-popup .color-dialog .color-dialog-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:#1e1e1e;background-blend-mode:overlay,normal}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-content,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-content{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-footer .color-option.color-option--disabled,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-footer .color-option.color-option--disabled{color:hsla(0,0%,100%,.3)}.color-dialog-panel.color-dialog-panel--dark .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:first-child):before,.dark-colorui .color-dialog-panel .color-dialog .color-dialog-footer--vertical .color-dialog-footer__actions .color-option:not(:first-child):before{background-color:hsla(0,0%,100%,.2)}.co-button-group{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:0 var(--pd)}.co-button-group:not(.co-button-group--row)>.co-button:not(:last-child){margin-bottom:var(--gap)}.co-button-group--row{flex-direction:row;padding:0 .16rem}.co-button-group--row>.co-button:not(:last-child){margin-right:var(--gap)}@media screen and (min-width:600px){.co-button-group--row .co-button.co-button--large.responsive:not(.color-button-fill):not(.circle):not(.co-button--text){width:2.45rem}}@media screen and (min-width:840px){.co-button-group--row .co-button.co-button--large.responsive:not(.color-button-fill):not(.circle):not(.co-button--text){width:2.8rem}}.color-checkbox{font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox--center{display:flex;align-items:center}.color-checkbox--center:focus{outline:unset}.color-checkbox--center:after{content:"";display:block;position:absolute;width:.48rem;height:.48rem;left:-50%;top:-50%;border-radius:50%;transition:all .2s}.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,.26)}.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:first-child path{fill-opacity:.26}.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-opacity:.3}.color-checkbox .icon-select-to-unselect{display:inline-block;width:.24rem;height:.24rem}.color-checkbox .icon-select-to-unselect svg>g>g:first-child path{fill-opacity:.26}.color-checkbox .icon-select-to-unselect--disabled svg>g>g:first-child path{fill:rgba(0,0,0,.08);fill-opacity:1}.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-opacity:.3}.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:rgba(0,0,0,.08);fill-opacity:1}.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:rgba(0,0,0,.08);fill-opacity:1}.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:rgba(0,0,0,.08);fill-opacity:1}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-checkbox--center:not(.color-checkbox-disabled):focus:after{background-color:rgba(0,102,255,.12)}.color-checkbox--center:not(.color-checkbox-disabled):hover:after{background-color:rgba(0,0,0,.08)!important}}.color-checkbox--center:not(.color-checkbox-disabled):active:after{background-color:rgba(0,0,0,.12)!important}.color-checkbox.color-checkbox-dark:not(.color-checkbox-customColor) .icon-unselect-to-select-desktop svg>g>g:nth-child(2) path,.color-checkbox.color-checkbox-dark:not(.color-checkbox-customColor) .icon-unselect-to-select-picture svg>g>g:first-child path,.color-checkbox.color-checkbox-dark:not(.color-checkbox-customColor) .icon-unselect-to-select-picture svg>g>g:nth-child(3) path,.color-checkbox.color-checkbox-dark:not(.color-checkbox-customColor) .icon-unselect-to-select svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox:not(.color-checkbox-customColor) .icon-unselect-to-select-desktop svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox:not(.color-checkbox-customColor) .icon-unselect-to-select-picture svg>g>g:first-child path,.dark-colorui .color-checkbox:not(.color-checkbox-customColor) .icon-unselect-to-select-picture svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox:not(.color-checkbox-customColor) .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(3) path,.dark-colorui .color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path{fill-opacity:.16}.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-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}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-checkbox.color-checkbox-dark .color-checkbox--center:not(.color-checkbox-disabled):focus:after,.focus-outline-visible.dark-colorui .color-checkbox--center:not(.color-checkbox-disabled):focus:after,.focus-outline-visible .dark-colorui .color-checkbox--center:not(.color-checkbox-disabled):focus:after{background-color:rgba(36,124,255,.2)}.color-checkbox.color-checkbox-dark .color-checkbox--center:not(.color-checkbox-disabled):hover:after,.dark-colorui .color-checkbox .color-checkbox--center:not(.color-checkbox-disabled):hover:after{background-color:hsla(0,0%,100%,.15)!important}}.color-checkbox.color-checkbox-dark .color-checkbox--center:not(.color-checkbox-disabled):active:after,.dark-colorui .color-checkbox .color-checkbox--center:not(.color-checkbox-disabled):active:after{background-color:hsla(0,0%,100%,.2)!important}.color-cell{display:block;position:relative;align-items:stretch;box-sizing:border-box;outline:none;touch-action:manipulation;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700;font-weight:500;-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{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--round .color-cell__wrapper.p14{padding-top:.16rem;padding-bottom:.16rem}.color-cell.color-cell--round .color-cell__wrapper.p16{padding-top:.18rem;padding-bottom:.18rem}.color-cell.color-cell--round .color-cell__wrapper.p20{padding-top:.22rem;padding-bottom:.22rem}.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__assignment,.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,.26)}.color-cell.color-cell--disabled .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:rgba(0,0,0,.08)}.color-cell .color-cell__wrapper{display:flex;align-items:center;position:relative;z-index:2;box-sizing:border-box;width:100%;outline:none;touch-action:manipulation;background-color:#fff}.color-cell .color-cell__wrapper:after{content:"";position:absolute;transition:all .1s cubic-bezier(.33,0,.67,1);left:0;top:0;width:var(--contentWidth);height:100%;z-index:1}.color-cell .color-cell__wrapper.p8{padding-top:.08rem;padding-bottom:.08rem}.color-cell .color-cell__wrapper.p10{padding-top:.1rem;padding-bottom:.1rem}.color-cell .color-cell__wrapper.p12{padding-top:.12rem;padding-bottom:.12rem}.color-cell .color-cell__wrapper.p13{padding-top:.13rem;padding-bottom:.13rem}.color-cell .color-cell__wrapper.p14{padding-top:.14rem;padding-bottom:.14rem}.color-cell .color-cell__wrapper.p16{padding-top:.16rem;padding-bottom:.16rem}.color-cell .color-cell__wrapper.p20{padding-top:.2rem;padding-bottom:.2rem}.color-cell.color-cell--active-content .color-cell__widget:after{content:"";position:absolute;width:100%;height:var(--height);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.color-cell__icon--small.marginTop{padding-top:.1rem}.color-cell .color-cell__icon.color-cell__icon--small .color-cell__icon-img{width:.24rem;height:.24rem;border-radius:.04rem}.color-cell .color-cell__icon.color-cell__icon--middle.marginTop{padding-top:.06rem}.color-cell .color-cell__icon.color-cell__icon--middle .color-cell__icon-img{width:.32rem;height:.32rem;border-radius:.08rem}.color-cell .color-cell__icon.color-cell__icon--large.marginTop{padding-top:.04rem}.color-cell .color-cell__icon.color-cell__icon--large .color-cell__icon-img{width:.36rem;height:.36rem;border-radius:.08rem}.color-cell .color-cell__icon.color-cell__icon--extraLarge.marginTop{padding-top:.04rem}.color-cell .color-cell__icon.color-cell__icon--extraLarge .color-cell__icon-img{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;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;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-weight:400;font-size:.14rem;line-height:.2rem;word-break:break-word;color:rgba(0,0,0,.54);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-left .color-cell__text .color-cell__assignment{max-width:1.1rem;font-size:.14rem;line-height:.2rem;color:#06f;margin-left:0;font-variation-settings:"wght" 550;font-weight:400;margin-top:.02rem}.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.noLeftPadding{padding-left:unset}.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,.54);margin-left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variation-settings:"wght" 550;font-weight:400}.color-cell .color-cell__widget{display:flex;align-items:center;padding-right:.16rem;z-index:2;position:relative;right:0;max-height:.22rem;touch-action:manipulation}.color-cell .color-cell__widget .divider{width:.01rem;height:.22rem;background-color:rgba(0,0,0,.12);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,.54);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,.26);width:.16rem;height:.22rem;position:relative}.color-cell .color-cell__widget .color-cell__widget-container .color-cell__indicator svg{position:absolute;right:0;top:50%;transform:translateY(-50%)}.color-cell .color-cell__widget .color-field .color-field-wrap{width:1.32rem;color:hsla(0,0%,100%,.9);background-color:unset;height:var(--height)}.color-cell .color-cell__widget .color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input{text-align:right}.color-cell .color-cell__widget .color-field .color-field-wrap:after{content:none}.color-cell .co-badge>:first-child.co-badge__dot{position:relative}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:focus:after{background-color:rgba(0,102,255,.12)}.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:focus:after{background-color:#fff}.focus-outline-visible .color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):focus:after{background-color:#fff}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:hover:after{background-color:rgba(0,0,0,.08)}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)]:hover:after{background-color:#fff}.color-cell:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field):hover:after{background-color:#fff}}.color-cell.color-cell--widget.color-cell--activeState .color-cell__wrapper:after,.color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper.active:after{background-color:rgba(0,0,0,.12)}.color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)].active:after{background-color:#fff}.color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field).active:after{background-color:#fff}.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,.dark-colorui .color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle{color:hsla(0,0%,100%,.54)}.color-cell.color-cell--dark .color-cell__content .color-cell__content-left .color-cell__text .color-cell__assignment,.dark-colorui .color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__assignment{color:#5c9dff}.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-right .color-cell__assignment{color:hsla(0,0%,100%,.54)}.color-cell.color-cell--dark .color-cell__widget .divider,.dark-colorui .color-cell .color-cell__widget .divider{background-color:hsla(0,0%,100%,.2)}.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%,.54)}.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__widget .color-cell__widget-container .color-cell__indicator,.dark-colorui .color-cell.color-cell--disabled .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark .color-cell__wrapper,.dark-colorui .color-cell .color-cell__wrapper{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)}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:focus:after{background-color:rgba(0,102,255,.12)}.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:focus:after{background-color:#000}.focus-outline-visible .color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after,.focus-outline-visible.dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after,.focus-outline-visible .dark-colorui:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):focus:after{background-color:#000}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper:hover:after{background-color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper[\:has\(.color-field\)]:hover:after{background-color:#000}.color-cell.color-cell--dark:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):hover:after,.dark-colorui .color-cell:not(.color-cell--disabled) .color-cell__wrapper:has(.color-field):hover:after{background-color:#000}}.color-cell.color-cell--widget.color-cell--dark.color-cell--activeState .color-cell__wrapper:after,.color-cell.color-cell--widget.color-cell--dark:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper.active:after,.dark-colorui .color-cell.color-cell--widget.color-cell--activeState .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper.active:after{background-color:hsla(0,0%,100%,.2)}.color-cell.color-cell--widget.color-cell--dark:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)].active:after,.dark-colorui .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)].active:after{background-color:unset}.color-cell.color-cell--widget.color-cell--dark:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field).active:after,.dark-colorui .color-cell.color-cell--widget:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field).active:after{background-color:unset}.color-cell.color-cell--widget.color-cell--dark.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper.active:after,.dark-colorui .color-cell.color-cell--widget.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper.active:after{background-color:hsla(0,0%,100%,.2)}.color-cell.color-cell--widget.color-cell--dark.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)].active:after,.dark-colorui .color-cell.color-cell--widget.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper[\:has\(.color-field\)].active:after{background-color:hsla(0,0%,100%,.1)}.color-cell.color-cell--widget.color-cell--dark.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field).active:after,.dark-colorui .color-cell.color-cell--widget.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:has(.color-field).active:after{background-color:hsla(0,0%,100%,.1)}.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:#5c9dff}.color-cell.color-cell--dark.color-cell--theme1-bg,.dark-colorui .color-cell.color-cell--theme1-bg{background:#5c9dff;color:#fff}.color-cell.color-cell--theme2-text{color:#db382c}.color-cell.color-cell--theme2-bg{background:#db382c;color:#fff}.color-cell.color-cell--dark.color-cell--theme2-text,.dark-colorui .color-cell.color-cell--theme2-text{color:#ff6c61}.color-cell.color-cell--dark.color-cell--theme2-bg,.dark-colorui .color-cell.color-cell--theme2-bg{background:#ff6c61;color:#fff}.color-cell.color-cell--theme3-text{color:#eb6e00}.color-cell.color-cell--theme3-bg{background:#eb6e00;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:#db9a00}.color-cell.color-cell--theme4-bg{background:#db9a00;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:#00990f}.color-cell.color-cell--theme5-bg{background:#00990f;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 .04rem .32rem .02rem rgba(0,0,0,.1);font-variation-settings:"wght" 700;font-weight:500;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,.dark-colorui .color-toast{background-color:#333;color:hsla(0,0%,100%,.9);box-shadow:0 .04rem .32rem .02rem rgba(0,0,0,.25)}.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.color-popup{overflow:unset}.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:#5c9dff}.color-option.color-option--dark.color-option--theme1-bg,.dark-colorui .color-option.color-option--theme1-bg{background:#5c9dff;color:#fff}.color-option.color-option--theme2-text{color:#db382c}.color-option.color-option--theme2-bg{background:#db382c;color:#fff}.color-option.color-option--dark.color-option--theme2-text,.dark-colorui .color-option.color-option--theme2-text{color:#ff6c61}.color-option.color-option--dark.color-option--theme2-bg,.dark-colorui .color-option.color-option--theme2-bg{background:#ff6c61;color:#fff}.color-option.color-option--theme3-text{color:#eb6e00}.color-option.color-option--theme3-bg{background:#eb6e00;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:#db9a00}.color-option.color-option--theme4-bg{background:#db9a00;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:#00990f}.color-option.color-option--theme5-bg{background:#00990f;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;font-weight:500}.color-actionsheet-panel .color-option--default{color:#000}.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:#1dbacc}.color-actionsheet-panel .color-option--stress{color:#a723ff}.color-actionsheet-panel .color-option--disabled{color:rgba(0,0,0,.26)}.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;font-weight:500}.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:.2rem}.color-actionsheet .co-button.co-button--large.co-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-weight:500;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{margin-left:auto;margin-right:auto}.color-actionsheet .color-actionsheet-content__inner--classical,.color-actionsheet .color-actionsheet-content__inner--default{font-size:.14rem;text-align:left;color:rgba(0,0,0,.9);line-height:.2rem}.color-actionsheet .color-actionsheet-actions{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 .co-button{overflow:hidden;width:calc(100% - .48rem);margin:.04rem .24rem}.color-actionsheet .color-actionsheet-actions .co-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{background-color:#000;color:hsla(0,0%,100%,.9)}.color-actionsheet.color-actionsheet-dark:after,.dark-colorui .color-actionsheet:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:hsla(0,0%,100%,.1);pointer-events:none}.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-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--classical,.color-actionsheet.color-actionsheet-dark .color-actionsheet-content__inner--default,.dark-colorui .color-actionsheet .color-actionsheet-content__inner--classical,.dark-colorui .color-actionsheet .color-actionsheet-content__inner--default{color:hsla(0,0%,100%,.9)}@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);overflow-y:auto;-webkit-overflow-scrolling:touch}.color-popup::-webkit-scrollbar{display:none}.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-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:.2;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:.2}.color-overlay.color-overlay-dark,.dark-colorui .color-overlay{opacity:.6}.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;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;font-weight:500}.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;box-sizing:content-box}.color-tabs .color-tabs__selector-item-container:after{content:"";display:block;width:var(--barWidth);height:.02rem;background-color:rgba(0,0,0,.9);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,.54);-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:rgba(0,0,0,.9);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%,.54)}.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%,.2)}.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;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:after,.co-badge.co-badge-stroke .co-badge__dot:after{content:"";display:block;width:100%;height:100%;position:absolute;border:.01rem solid #fff;top:-.01rem;left:-.01rem}.co-badge .co-badge__dot{display:inline-flex;position:absolute;right:0;top:0;width:.06rem;height:.06rem;z-index:1;background-color:#eb3b2f}.co-badge .co-badge__dot,.co-badge .co-badge__dot:after{border-radius:50%}.co-badge .co-badge__content{position:absolute;right:0;top:0;display:inline-flex;align-items:center;justify-content:center;height:.16rem;padding:0 .04rem;min-width:.08rem;font-variation-settings:"wght" 700;font-weight:500;background-color:#eb3b2f;font-size:.1rem;color:#fff;z-index:1}.co-badge .co-badge__content,.co-badge .co-badge__content:after{border-radius:.21rem}.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:#eb493d}.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%,.2)!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:#eee;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,.1019607843),#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 .co-button{margin-top:.06rem}.color-emptytip__button .co-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}}.co-button{display:inline-flex;position:relative;box-sizing:border-box;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;font-weight:500;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0 .12rem;transition:transform .3s cubic-bezier(0,0,.2,1);touch-action:manipulation;word-break:break-all}.co-button .color-button-content{flex-direction:column;display:flex;width:100%;height:100%;overflow:hidden;justify-content:center;position:relative;z-index:2}.co-button .color-button-content svg{background:unset!important;vertical-align:middle}.co-button .color-button-content svg path{fill:currentColor}.co-button .color-button-content .color-button-desc{font-size:.1rem;line-height:.14rem}.co-button .color-button-content .color-button-cont,.co-button .color-button-content .color-button-desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.co-button:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;transition:background-color .3s}.co-button .color-button-icon+*{margin-left:.04rem}.co-button:focus{outline:unset}.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text),.co-button.row:not(.fill):not(.circle):not(.co-button--text){width:1.52rem}@media screen and (min-width:600px){.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text),.co-button.row:not(.fill):not(.circle):not(.co-button--text){width:2.45rem}}@media screen and (min-width:840px){.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text),.co-button.row:not(.fill):not(.circle):not(.co-button--text){width:2.8rem}}.co-button--small{min-width:.52rem;max-width:100%;height:.28rem;border-radius:.14rem;font-size:.14rem}.co-button--small.co-button--text{font-size:.12rem;line-height:.16rem}.co-button--middle{width:1.52rem;height:.44rem;border-radius:.36rem;font-size:.16rem}.co-button--middle.co-button--text{font-size:.14rem;line-height:.2rem}.co-button--large{width:100%;height:.44rem;border-radius:.36rem;font-size:.16rem}.co-button--large:not(.circle):not(.fill){max-width:2.96rem}.co-button--large.co-button--text{font-size:.16rem;line-height:.24rem}@media screen and (min-width:600px){.co-button--large.responsive.fill.co-button--text:not(.circle),.co-button--large.responsive:not(.fill):not(.circle):not(.co-button--text){width:3.2rem;max-width:unset}}@media screen and (min-width:840px){.co-button--large.responsive.fill.co-button--text:not(.circle),.co-button--large.responsive:not(.fill):not(.circle):not(.co-button--text){width:3.44rem}}.co-button.co-button--half.co-button-disabled,.co-button.co-button--main.co-button-disabled,.co-button.co-button--minor.co-button-disabled,.co-button.co-button--text.co-button-disabled,.co-button.co-button--transparent.co-button-disabled{background-color:rgba(0,0,0,.08);color:rgba(0,0,0,.26)}.co-button.co-button--half.fill,.co-button.co-button--main.fill,.co-button.co-button--minor.fill,.co-button.co-button--text.fill,.co-button.co-button--transparent.fill{display:flex;width:100%;min-width:0}.co-button.co-button--half.circle,.co-button.co-button--main.circle,.co-button.co-button--minor.circle,.co-button.co-button--text.circle,.co-button.co-button--transparent.circle{min-width:unset;padding:unset;border-radius:50%;font-size:0}.co-button.co-button--half.circle svg,.co-button.co-button--main.circle svg,.co-button.co-button--minor.circle svg,.co-button.co-button--text.circle svg,.co-button.co-button--transparent.circle svg{box-sizing:border-box;font:unset;padding:.03rem}.co-button.co-button--half.circle.co-button-disabled path,.co-button.co-button--half.circle.co-button-disabled svg,.co-button.co-button--main.circle.co-button-disabled path,.co-button.co-button--main.circle.co-button-disabled svg,.co-button.co-button--minor.circle.co-button-disabled path,.co-button.co-button--minor.circle.co-button-disabled svg,.co-button.co-button--text.circle.co-button-disabled path,.co-button.co-button--text.circle.co-button-disabled svg,.co-button.co-button--transparent.circle.co-button-disabled path,.co-button.co-button--transparent.circle.co-button-disabled svg{fill:currentColor}.co-button.co-button--half.circle.co-button--small,.co-button.co-button--main.circle.co-button--small,.co-button.co-button--minor.circle.co-button--small,.co-button.co-button--text.circle.co-button--small,.co-button.co-button--transparent.circle.co-button--small{width:.48rem;height:.48rem;min-width:.48rem;min-height:.48rem;transform:unset!important}.co-button.co-button--half.circle.co-button--small svg,.co-button.co-button--main.circle.co-button--small svg,.co-button.co-button--minor.circle.co-button--small svg,.co-button.co-button--text.circle.co-button--small svg,.co-button.co-button--transparent.circle.co-button--small svg{width:.28rem;height:.28rem}.co-button.co-button--half.circle.co-button--middle,.co-button.co-button--main.circle.co-button--middle,.co-button.co-button--minor.circle.co-button--middle,.co-button.co-button--text.circle.co-button--middle,.co-button.co-button--transparent.circle.co-button--middle{width:.56rem;height:.56rem;min-width:.56rem;min-height:.56rem}.co-button.co-button--half.circle.co-button--middle svg,.co-button.co-button--main.circle.co-button--middle svg,.co-button.co-button--minor.circle.co-button--middle svg,.co-button.co-button--text.circle.co-button--middle svg,.co-button.co-button--transparent.circle.co-button--middle svg{width:.32rem;height:.32rem}.co-button.co-button--half.circle.co-button--large,.co-button.co-button--main.circle.co-button--large,.co-button.co-button--minor.circle.co-button--large,.co-button.co-button--text.circle.co-button--large,.co-button.co-button--transparent.circle.co-button--large{width:.64rem;height:.64rem;min-width:.64rem;min-height:.64rem}.co-button.co-button--half.circle.co-button--large svg,.co-button.co-button--main.circle.co-button--large svg,.co-button.co-button--minor.circle.co-button--large svg,.co-button.co-button--text.circle.co-button--large svg,.co-button.co-button--transparent.circle.co-button--large svg{width:.36rem;height:.36rem}.co-button.co-button--half.circle svg,.co-button.co-button--half.circle svg *,.co-button.co-button--main.circle svg,.co-button.co-button--main.circle svg *,.co-button.co-button--minor.circle svg,.co-button.co-button--minor.circle svg *,.co-button.co-button--text.circle svg,.co-button.co-button--text.circle svg *,.co-button.co-button--transparent.circle svg,.co-button.co-button--transparent.circle svg *{background-color:unset!important}.co-button.co-button--half.co-button--loading.download,.co-button.co-button--main.co-button--loading.download,.co-button.co-button--minor.co-button--loading.download,.co-button.co-button--text.co-button--loading.download,.co-button.co-button--transparent.co-button--loading.download{background:rgba(0,102,255,.15);color:#06f}.co-button.co-button--half.co-button--loading .loadingDefault,.co-button.co-button--main.co-button--loading .loadingDefault,.co-button.co-button--minor.co-button--loading .loadingDefault,.co-button.co-button--text.co-button--loading .loadingDefault,.co-button.co-button--transparent.co-button--loading .loadingDefault{width:100%;display:flex;align-self:center;justify-content:center;position:relative;z-index:2}.co-button.co-button--half.co-button--loading .loadingDefault .dots,.co-button.co-button--main.co-button--loading .loadingDefault .dots,.co-button.co-button--minor.co-button--loading .loadingDefault .dots,.co-button.co-button--text.co-button--loading .loadingDefault .dots,.co-button.co-button--transparent.co-button--loading .loadingDefault .dots{display:flex;align-self:flex-end}.co-button.co-button--half.co-button--loading .loadingDefault .dots .dot,.co-button.co-button--main.co-button--loading .loadingDefault .dots .dot,.co-button.co-button--minor.co-button--loading .loadingDefault .dots .dot,.co-button.co-button--text.co-button--loading .loadingDefault .dots .dot,.co-button.co-button--transparent.co-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}}.co-button.co-button--half.co-button--loading .loadingDefault .dots .dot:first-child,.co-button.co-button--main.co-button--loading .loadingDefault .dots .dot:first-child,.co-button.co-button--minor.co-button--loading .loadingDefault .dots .dot:first-child,.co-button.co-button--text.co-button--loading .loadingDefault .dots .dot:first-child,.co-button.co-button--transparent.co-button--loading .loadingDefault .dots .dot:first-child{animation-delay:0ms}.co-button.co-button--half.co-button--loading .loadingDefault .dots .dot:nth-child(2),.co-button.co-button--main.co-button--loading .loadingDefault .dots .dot:nth-child(2),.co-button.co-button--minor.co-button--loading .loadingDefault .dots .dot:nth-child(2),.co-button.co-button--text.co-button--loading .loadingDefault .dots .dot:nth-child(2),.co-button.co-button--transparent.co-button--loading .loadingDefault .dots .dot:nth-child(2){animation-delay:333ms}.co-button.co-button--half.co-button--loading .loadingDefault .dots .dot:nth-child(3),.co-button.co-button--main.co-button--loading .loadingDefault .dots .dot:nth-child(3),.co-button.co-button--minor.co-button--loading .loadingDefault .dots .dot:nth-child(3),.co-button.co-button--text.co-button--loading .loadingDefault .dots .dot:nth-child(3),.co-button.co-button--transparent.co-button--loading .loadingDefault .dots .dot:nth-child(3){animation-delay:666ms}.co-button.co-button--half.co-button--loading .loadingNumber,.co-button.co-button--main.co-button--loading .loadingNumber,.co-button.co-button--minor.co-button--loading .loadingNumber,.co-button.co-button--text.co-button--loading .loadingNumber,.co-button.co-button--transparent.co-button--loading .loadingNumber{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.co-button.co-button--half.co-button--loading .loadingNumber .number,.co-button.co-button--main.co-button--loading .loadingNumber .number,.co-button.co-button--minor.co-button--loading .loadingNumber .number,.co-button.co-button--text.co-button--loading .loadingNumber .number,.co-button.co-button--transparent.co-button--loading .loadingNumber .number{color:#06f;position:relative;z-index:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.co-button.co-button--half.co-button--loading .loadingNumber .number .n2,.co-button.co-button--main.co-button--loading .loadingNumber .number .n2,.co-button.co-button--minor.co-button--loading .loadingNumber .number .n2,.co-button.co-button--text.co-button--loading .loadingNumber .number .n2,.co-button.co-button--transparent.co-button--loading .loadingNumber .number .n2{position:absolute;left:0;top:0;color:#fff;word-break:normal;overflow:hidden}.co-button.co-button--half.co-button--loading .loadingNumber:after,.co-button.co-button--main.co-button--loading .loadingNumber:after,.co-button.co-button--minor.co-button--loading .loadingNumber:after,.co-button.co-button--text.co-button--loading .loadingNumber:after,.co-button.co-button--transparent.co-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}.co-button.co-button--half.maxline,.co-button.co-button--main.maxline,.co-button.co-button--minor.maxline,.co-button.co-button--text.maxline,.co-button.co-button--transparent.maxline{height:unset}.co-button.co-button--half.maxline .color-button-content,.co-button.co-button--main.maxline .color-button-content,.co-button.co-button--minor.maxline .color-button-content,.co-button.co-button--text.maxline .color-button-content,.co-button.co-button--transparent.maxline .color-button-content{padding:.04rem 0}.co-button.co-button--half.maxline .color-button-content .color-button-cont,.co-button.co-button--main.maxline .color-button-content .color-button-cont,.co-button.co-button--minor.maxline .color-button-content .color-button-cont,.co-button.co-button--text.maxline .color-button-content .color-button-cont,.co-button.co-button--transparent.maxline .color-button-content .color-button-cont{line-height:.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--maxline);white-space:unset}.co-button.co-button--main{background:#06f;color:#fff}.co-button.co-button--main.co-button-disabled{background:rgba(0,102,255,.3);color:hsla(0,0%,100%,.54)}.co-button.co-button--minor{background:rgba(0,0,0,.08);color:rgba(0,0,0,.9)}.co-button.co-button--half{background:rgba(0,102,255,.15);color:#06f}.co-button.co-button--transparent{background:hsla(0,0%,100%,.2);color:#fff}.co-button.co-button--transparent.co-button-disabled{color:hsla(0,0%,100%,.3)}.co-button.co-button--text{background:unset;color:#06f}.co-button.co-button--text:not(.fill){border-radius:1rem;height:unset;width:unset;padding:.04rem .12rem}.co-button.co-button--text.co-button-disabled{color:rgba(0,0,0,.26);background:unset}.co-button.active:not(.co-button-disabled){transform:scale(.9);transition:transform .16s cubic-bezier(.4,0,.2,1)}.co-button.active:not(.co-button-disabled):before{transition:background-color .16s}.co-button.co-button--small.active:not(.co-button-disabled){transform:scale(.92)}.co-button.co-button--half.active:not(.co-button-disabled):before,.co-button.co-button--main.active:not(.co-button-disabled):before,.co-button.co-button--minor.active:not(.co-button-disabled):before,.co-button.co-button--text.active:not(.co-button-disabled):before{background-color:rgba(0,0,0,.12)}.co-button.co-button--text.active:not(.co-button-disabled){transform:unset}.co-button.co-button--transparent.active:not(.co-button-disabled):before{background-color:hsla(0,0%,100%,.12)}@media(hover:hover)and (pointer:fine){.focus-outline-visible .co-button--half:not(.co-button-disabled):focus,.focus-outline-visible .co-button--main:not(.co-button-disabled):focus,.focus-outline-visible .co-button--minor:not(.co-button-disabled):focus,.focus-outline-visible .co-button--transparent:not(.co-button-disabled):focus{outline:.024rem solid rgba(0,102,255,.4)}.focus-outline-visible .co-button--half:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button--main:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button--minor:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button--transparent:not(.co-button-disabled):focus.circle{background-color:rgba(0,102,255,.12);outline:unset}.focus-outline-visible .co-button--text:not(.co-button-disabled):focus{background-color:rgba(0,102,255,.12)}.co-button:hover{outline:unset!important}.co-button--half:not(.co-button-disabled):hover:before,.co-button--main:not(.co-button-disabled):hover:before,.co-button--minor:not(.co-button-disabled):hover:before,.co-button--text:not(.co-button-disabled):hover:before{transition:background-color .1s;background-color:rgba(0,0,0,.08)}.co-button--transparent:not(.co-button-disabled):hover:before{transition:background-color .1s;background-color:hsla(0,0%,100%,.08)}}.co-button.co-button--main.color-button-dark,.dark-colorui .co-button.co-button--main{background:#247cff}.co-button.co-button--minor.color-button-dark,.dark-colorui .co-button.co-button--minor{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.co-button.co-button--half.color-button-dark,.dark-colorui .co-button.co-button--half{background:rgba(36,124,255,.25);color:#5c9dff}.co-button.co-button--text.color-button-dark,.dark-colorui .co-button.co-button--text{color:#5c9dff}.co-button.co-button-disabled.color-button-dark,.dark-colorui .co-button.co-button-disabled{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.3)}.co-button.co-button-disabled.color-button-dark.co-button--text,.dark-colorui .co-button.co-button-disabled.co-button--text{color:hsla(0,0%,100%,.3);background-color:unset}.co-button.co-button-disabled.color-button-dark.co-button--main,.dark-colorui .co-button.co-button-disabled.co-button--main{background:rgba(36,124,255,.3)}@media(hover:hover)and (pointer:fine){.focus-outline-visible .co-button.color-button-dark--half:not(.co-button-disabled):focus,.focus-outline-visible .co-button.color-button-dark--main:not(.co-button-disabled):focus,.focus-outline-visible .co-button.color-button-dark--minor:not(.co-button-disabled):focus,.focus-outline-visible .co-button.color-button-dark--transparent:not(.co-button-disabled):focus,.focus-outline-visible.dark-colorui .co-button--half:not(.co-button-disabled):focus,.focus-outline-visible .dark-colorui .co-button--half:not(.co-button-disabled):focus,.focus-outline-visible.dark-colorui .co-button--main:not(.co-button-disabled):focus,.focus-outline-visible .dark-colorui .co-button--main:not(.co-button-disabled):focus,.focus-outline-visible.dark-colorui .co-button--minor:not(.co-button-disabled):focus,.focus-outline-visible .dark-colorui .co-button--minor:not(.co-button-disabled):focus,.focus-outline-visible.dark-colorui .co-button--transparent:not(.co-button-disabled):focus,.focus-outline-visible .dark-colorui .co-button--transparent:not(.co-button-disabled):focus{outline:.03rem solid rgba(92,157,255,.4)}.focus-outline-visible .co-button.color-button-dark--half:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button.color-button-dark--main:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button.color-button-dark--minor:not(.co-button-disabled):focus.circle,.focus-outline-visible .co-button.color-button-dark--transparent:not(.co-button-disabled):focus.circle,.focus-outline-visible.dark-colorui .co-button--half:not(.co-button-disabled):focus.circle,.focus-outline-visible .dark-colorui .co-button--half:not(.co-button-disabled):focus.circle,.focus-outline-visible.dark-colorui .co-button--main:not(.co-button-disabled):focus.circle,.focus-outline-visible .dark-colorui .co-button--main:not(.co-button-disabled):focus.circle,.focus-outline-visible.dark-colorui .co-button--minor:not(.co-button-disabled):focus.circle,.focus-outline-visible .dark-colorui .co-button--minor:not(.co-button-disabled):focus.circle,.focus-outline-visible.dark-colorui .co-button--transparent:not(.co-button-disabled):focus.circle,.focus-outline-visible .dark-colorui .co-button--transparent:not(.co-button-disabled):focus.circle{background-color:rgba(36,124,255,.2);outline:unset}.focus-outline-visible .co-button.color-button-dark--text:not(.co-button-disabled):focus,.focus-outline-visible.dark-colorui .co-button--text:not(.co-button-disabled):focus,.focus-outline-visible .dark-colorui .co-button--text:not(.co-button-disabled):focus{background-color:rgba(36,124,255,.2)}.color-button-dark.co-button--half:not(.co-button-disabled):hover:before,.color-button-dark.co-button--main:not(.co-button-disabled):hover:before,.color-button-dark.co-button--minor:not(.co-button-disabled):hover:before,.color-button-dark.co-button--text:not(.co-button-disabled):hover:before,.color-button-dark.co-button--transparent:not(.co-button-disabled):hover:before,.dark-colorui .co-button--half:not(.co-button-disabled):hover:before,.dark-colorui .co-button--main:not(.co-button-disabled):hover:before,.dark-colorui .co-button--minor:not(.co-button-disabled):hover:before,.dark-colorui .co-button--text:not(.co-button-disabled):hover:before,.dark-colorui .co-button--transparent:not(.co-button-disabled):hover:before{background-color:hsla(0,0%,100%,.15)}}.color-button-dark.co-button--half.active:not(.co-button-disabled):before,.color-button-dark.co-button--main.active:not(.co-button-disabled):before,.color-button-dark.co-button--minor.active:not(.co-button-disabled):before,.color-button-dark.co-button--text.active:not(.co-button-disabled):before,.color-button-dark.co-button--transparent.active:not(.co-button-disabled):before,.dark-colorui .co-button--half.active:not(.co-button-disabled):before,.dark-colorui .co-button--main.active:not(.co-button-disabled):before,.dark-colorui .co-button--minor.active:not(.co-button-disabled):before,.dark-colorui .co-button--text.active:not(.co-button-disabled):before,.dark-colorui .co-button--transparent.active:not(.co-button-disabled):before{background-color:hsla(0,0%,100%,.2)}.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__group--rtl .color-swipe-item{float:right}.color-swipe__indicators__bounce--rtl--horizontal{left:auto}.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,.26)}.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%}