.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}.co-button{display:-webkit-inline-box;display:inline-flex;position:relative;box-sizing:border-box;border:none;line-height:1.3;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;-webkit-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 12px;-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);touch-action:manipulation;word-break:break-all}.co-button .color-button-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;display:-webkit-box;display:flex;width:100%;height:100%;overflow:hidden;-webkit-box-pack:center;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:10px;line-height:14px}.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;-webkit-transition:background-color .3s;transition:background-color .3s}.co-button .color-button-icon+*{margin-left:4px}.co-button:focus{outline:unset}.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text){width:152px}@media screen and (min-width:600px){.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text){width:245px}}@media screen and (min-width:840px){.co-button.co-button--large.responsive.row:not(.fill):not(.circle):not(.co-button--text){width:280px}}.co-button--small{min-width:52px;max-width:100%;height:28px;border-radius:14px;font-size:14px}.co-button--small.co-button--text{font-size:12px;line-height:16px}.co-button--middle{width:152px;height:44px;border-radius:36px;font-size:16px}.co-button--middle.co-button--text{font-size:14px;line-height:20px}.co-button--large{width:100%;height:44px;border-radius:36px;font-size:16px}.co-button--large:not(.circle):not(.fill){max-width:296px}.co-button--large.co-button--text{font-size:16px;line-height:24px}@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:320px;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:344px}}.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:-webkit-box;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:3px}.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:48px;height:48px;min-width:48px;min-height:48px;-webkit-transform:unset!important;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:28px;height:28px}.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:56px;height:56px;min-width:56px;min-height:56px}.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:32px;height:32px}.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:64px;height:64px;min-width:64px;min-height:64px}.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:36px;height:36px}.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:-webkit-box;display:flex;align-self:center;-webkit-box-pack: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:-webkit-box;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:2px;height:2px;border-radius:50%;background:#fff!important;margin:0 1px;opacity:.2;-webkit-animation:flash 866ms linear infinite;animation:flash 866ms linear infinite}@-webkit-keyframes flash{0%{opacity:.2}20%{opacity:.5}30%{opacity:1}80%{opacity:.5}to{opacity:.2}}@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{-webkit-animation-delay:0ms;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){-webkit-animation-delay:333ms;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){-webkit-animation-delay:666ms;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:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align: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;-webkit-font-feature-settings:"tnum";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;-webkit-transform:translateX(var(--progress));transform:translateX(var(--progress));height:100%;z-index:0;-webkit-transition:width .5s;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:4px 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:24px;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:100px;height:unset;width:unset;padding:4px 12px}.co-button.co-button--text.co-button-disabled{color:rgba(0,0,0,.26);background:unset}.co-button.active:not(.co-button-disabled){-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .16s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .16s cubic-bezier(.4,0,.2,1);transition:transform .16s cubic-bezier(.4,0,.2,1);transition:transform .16s cubic-bezier(.4,0,.2,1),-webkit-transform .16s cubic-bezier(.4,0,.2,1)}.co-button.active:not(.co-button-disabled):before{-webkit-transition:background-color .16s;transition:background-color .16s}.co-button.co-button--small.active:not(.co-button-disabled){-webkit-transform:scale(.92);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){-webkit-transform:unset;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:2.4px 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{-webkit-transition:background-color .1s;transition:background-color .1s;background-color:rgba(0,0,0,.08)}.co-button--transparent:not(.co-button-disabled):hover:before{-webkit-transition:background-color .1s;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:3px 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)}.co-button-group{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align: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{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:0 16px}.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:245px}}@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:280px}}.co-group-title{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;background-color:var(--bgColor);padding-left:16px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.co-group-title .co-group-title--title{font-size:12px;line-height:16px;padding:8px 0;font-variation-settings:"wght" 700;font-weight:500;color:rgba(0,0,0,.54)}.co-group-title .co-group-title--title .color-tag{line-height:32px}.co-group-title .co-group-title--widget{position:relative;height:24px;margin-right:16px}.co-group-title .co-group-title--widget,.co-group-title .co-group-title--widget-content,.co-group-title .co-group-title--widget-icon{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.co-group-title .co-group-title--widget-icon .color-area-loading--parent-relative{width:16px;height:16px}.co-group-title .co-group-title--widget-icon .color-area-loading--parent-relative .color-area-loading .color-area-small-loading__progress.color-area-small-loading__progress--static{width:14px;height:14px}.co-group-title .co-group-title--widget-content{font-size:12px;line-height:16px;font-variation-settings:"wght" 550;font-weight:400}.co-group-title .co-group-title--widget .co-button.co-button--text{padding:4px 8px}.co-group-title .co-group-title--widget:after{content:"";display:block;position:absolute;width:100%;height:24px;border-radius:16px;background-color:rgba(0,0,0,.08);padding:0 8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}.co-group-title .co-group-title--widget:active:after{opacity:1}.co-group-title .co-group-title--widget .co-group-title--widget-icon svg{color:rgba(0,0,0,.26)}.co-group-title .co-group-title--widget .co-group-title--widget-icon svg.co-group-title--widget-icon-pull{color:rgba(0,0,0,.54)}.co-group-title.co-group-title--heighten .co-group-title--widget,.co-group-title.co-group-title--prominent .co-group-title--widget{height:28px}.co-group-title.co-group-title--heighten .co-group-title--widget .co-button.co-button--text,.co-group-title.co-group-title--heighten .co-group-title--widget .co-group-title--widget-content,.co-group-title.co-group-title--prominent .co-group-title--widget .co-button.co-button--text,.co-group-title.co-group-title--prominent .co-group-title--widget .co-group-title--widget-content{font-size:14px;line-height:20px}.co-group-title.co-group-title--heighten .co-group-title--title{color:rgba(0,0,0,.9);font-size:14px;line-height:20px;padding:8px 0}.co-group-title.co-group-title--prominent .co-group-title--title{color:rgba(0,0,0,.9);font-size:16px;line-height:22px;padding:7px 0}.co-group-title.co-group-title--more .co-group-title--widget-content{color:rgba(0,0,0,.54)}.co-group-title.co-group-title--text-button .co-group-title--widget{margin-right:8px}.co-group-title.co-group-title--text-button .co-group-title--widget:after{content:unset}.co-group-title.co-group-title--circle .co-group-title--widget:after{width:32px;height:32px;border-radius:50%;padding:unset}.color-dark-mode .co-group-title,.dark-colorui .co-group-title{background-color:#000}.color-dark-mode .co-group-title .co-group-title--title,.dark-colorui .co-group-title .co-group-title--title{color:hsla(0,0%,100%,.54)}.color-dark-mode .co-group-title .co-group-title--widget .co-group-title--widget-icon svg,.dark-colorui .co-group-title .co-group-title--widget .co-group-title--widget-icon svg{color:hsla(0,0%,100%,.3)}.color-dark-mode .co-group-title .co-group-title--widget .co-group-title--widget-icon svg.co-group-title--widget-icon-pull,.dark-colorui .co-group-title .co-group-title--widget .co-group-title--widget-icon svg.co-group-title--widget-icon-pull{color:hsla(0,0%,100%,.54)}.color-dark-mode .co-group-title .co-group-title--widget:after,.dark-colorui .co-group-title .co-group-title--widget:after{background-color:hsla(0,0%,100%,.15)}.color-dark-mode .co-group-title.co-group-title--prominent .co-group-title--title,.dark-colorui .co-group-title.co-group-title--prominent .co-group-title--title{color:hsla(0,0%,100%,.9)}.color-dark-mode .co-group-title.co-group-title--more .co-group-title--widget-content,.dark-colorui .co-group-title.co-group-title--more .co-group-title--widget-content{color:hsla(0,0%,100%,.54)}.color-title-bar{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-transition:margin-top .3s;transition:margin-top .3s;z-index:1}.color-title-bar.color-title-bar--collapsed{margin-top:-56px}.color-title-bar.color-title-bar--collapsed.color-title-bar--collapsed-with-large-title{margin-top:-113px}.color-title-bar .color-title-bar__left-section-container{display:-webkit-box;display:flex;padding-left:4px;padding-right:4px}@media screen and (min-width:600px){.color-title-bar .color-title-bar__left-section-container{padding-left:8px}}@media screen and (min-width:840px){.color-title-bar .color-title-bar__left-section-container{padding-left:24px}}.color-title-bar .color-title-bar__main-container{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;height:52px;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:40px;line-height:57px;padding-bottom:12px;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:initial!important}.color-title-bar .color-title-bar__subtitle{font-variation-settings:"wght" 550;font-weight:400;background-color:initial!important;color:rgba(0,0,0,.54);font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.color-title-bar .color-title-bar__left-section{display:-webkit-inline-box;display:inline-flex;font-size:14px;max-width:114px;line-height:24px;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 16px;display:block;font:unset;width:24px;height:24px;box-sizing:initial;background:unset;color:rgba(0,0,0,.9)}.color-title-bar .color-title-bar__container{-webkit-box-flex:1;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:18px;line-height:23px;letter-spacing:.18px}.color-title-bar .color-title-bar__right-section{display:-webkit-inline-box;display:inline-flex;font-size:14px;line-height:24px;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:1px;width:312px;z-index:110;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:translateX(-50%) scaleY(.33);transform:translateX(-50%) scaleY(.33)}.color-title-bar .color-title-bar__left-section--placeholder{height:24px}.color-title-bar .color-title-bar__progress-bar{position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#06f;-webkit-transition:width .2s;transition:width .2s;z-index:120;overflow:hidden}.color-title-bar .color-title-bar__progress-bar-highlight{position:absolute;top:0;left:-21px;width:21px;height:1px;-webkit-animation:none;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{-webkit-animation-name:translation;animation-name:translation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes translation{0%{left:0}to{left:100%}}@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-radio.color-radio--default{display:inline-block}.color-radio.color-radio--default .color-radio__content{margin-left:4px;font-size:14px;color:rgba(0,0,0,.9)}.color-radio.color-radio--default.color-radio-disabled .color-radio__content{color:rgba(0,0,0,.08)}.color-radio .color-radio--center{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-radio .color-radio--center:focus{outline:unset}.color-radio .color-radio--center .icon-select:after,.color-radio .color-radio--center .icon-unselect:after{content:"";display:block;position:absolute;width:48px;height:48px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;-webkit-transition:all .2s;transition:all .2s}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-radio--center:not(.color-radio-disabled):focus .icon-select:after,.focus-outline-visible .color-radio--center:not(.color-radio-disabled):focus .icon-unselect:after{background-color:rgba(0,102,255,.12)}.color-radio--center:not(.color-radio-disabled) .icon-select:hover:after,.color-radio--center:not(.color-radio-disabled) .icon-unselect:hover:after{background-color:rgba(0,0,0,.08)}.color-radio--center:not(.color-radio-disabled) .icon-select:active:after,.color-radio--center:not(.color-radio-disabled) .icon-unselect:active:after{background-color:rgba(0,0,0,.12)}}.color-radio.color-radio-dark.color-radio--default .color-radio__content,.dark-colorui .color-radio.color-radio--default .color-radio__content{color:hsla(0,0%,100%,.9)}.color-radio.color-radio-dark.color-radio--default.color-radio-disabled .color-radio__content,.dark-colorui .color-radio.color-radio--default.color-radio-disabled .color-radio__content{color:hsla(0,0%,100%,.15)}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled):focus .icon-select:after,.focus-outline-visible .color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled):focus .icon-unselect:after,.focus-outline-visible.dark-colorui .color-radio--center:not(.color-radio-disabled):focus .icon-select:after,.focus-outline-visible .dark-colorui .color-radio--center:not(.color-radio-disabled):focus .icon-select:after,.focus-outline-visible.dark-colorui .color-radio--center:not(.color-radio-disabled):focus .icon-unselect:after,.focus-outline-visible .dark-colorui .color-radio--center:not(.color-radio-disabled):focus .icon-unselect:after{background-color:rgba(36,124,255,.2)}.color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled) .icon-select:hover:after,.color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled) .icon-unselect:hover:after,.dark-colorui .color-radio .color-radio--center:not(.color-radio-disabled) .icon-select:hover:after,.dark-colorui .color-radio .color-radio--center:not(.color-radio-disabled) .icon-unselect:hover:after{background-color:hsla(0,0%,100%,.15)}.color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled):active .icon-select:active:after,.color-radio.color-radio-dark .color-radio--center:not(.color-radio-disabled):active .icon-unselect:active:after,.dark-colorui .color-radio .color-radio--center:not(.color-radio-disabled):active .icon-select:active:after,.dark-colorui .color-radio .color-radio--center:not(.color-radio-disabled):active .icon-unselect:active:after{background-color:hsla(0,0%,100%,.2)}}.color-cell{display:block;position:relative;-webkit-box-align:stretch;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:16px;padding-right:16px}@media screen and (min-width:600px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:24px;padding-right:24px}}@media screen and (min-width:840px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:40px;padding-right:40px}}@media screen and (min-width:600px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(75% - 1.5px)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(66.7% - 3.6px)}}.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% + 46.5px)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive .color-cell__wrapper{width:calc(66.7% + 44.4px)}}.color-cell.color-cell--round .color-cell__wrapper{border-radius:12px;overflow:hidden}.color-cell.color-cell--round .color-cell__wrapper.p8{padding-top:10px;padding-bottom:10px}.color-cell.color-cell--round .color-cell__wrapper.p10{padding-top:12px;padding-bottom:12px}.color-cell.color-cell--round .color-cell__wrapper.p12{padding-top:14px;padding-bottom:14px}.color-cell.color-cell--round .color-cell__wrapper.p13{padding-top:15px;padding-bottom:15px}.color-cell.color-cell--round .color-cell__wrapper.p14{padding-top:16px;padding-bottom:16px}.color-cell.color-cell--round .color-cell__wrapper.p16{padding-top:18px;padding-bottom:18px}.color-cell.color-cell--round .color-cell__wrapper.p20{padding-top:22px;padding-bottom:22px}.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:-webkit-box;display:flex;-webkit-box-align:center;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;-webkit-transition:all .1s cubic-bezier(.33,0,.67,1);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:8px;padding-bottom:8px}.color-cell .color-cell__wrapper.p10{padding-top:10px;padding-bottom:10px}.color-cell .color-cell__wrapper.p12{padding-top:12px;padding-bottom:12px}.color-cell .color-cell__wrapper.p13{padding-top:13px;padding-bottom:13px}.color-cell .color-cell__wrapper.p14{padding-top:14px;padding-bottom:14px}.color-cell .color-cell__wrapper.p16{padding-top:16px;padding-bottom:16px}.color-cell .color-cell__wrapper.p20{padding-top:20px;padding-bottom:20px}.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:-webkit-box;display:flex;align-self:flex-start;padding-left:16px;position:relative;z-index:2}.color-cell .color-cell__icon.color-cell__icon--small.marginTop{padding-top:10px}.color-cell .color-cell__icon.color-cell__icon--small .color-cell__icon-img{width:24px;height:24px;border-radius:4px}.color-cell .color-cell__icon.color-cell__icon--middle.marginTop{padding-top:6px}.color-cell .color-cell__icon.color-cell__icon--middle .color-cell__icon-img{width:32px;height:32px;border-radius:8px}.color-cell .color-cell__icon.color-cell__icon--large.marginTop{padding-top:4px}.color-cell .color-cell__icon.color-cell__icon--large .color-cell__icon-img{width:36px;height:36px;border-radius:8px}.color-cell .color-cell__icon.color-cell__icon--extraLarge.marginTop{padding-top:4px}.color-cell .color-cell__icon.color-cell__icon--extraLarge .color-cell__icon-img{width:50px;height:50px;border-radius:12px}.color-cell .color-cell__content{-webkit-box-pack:justify;justify-content:space-between;width:100%;padding-left:16px;z-index:2;box-sizing:border-box;-webkit-box-flex:10;flex:10}.color-cell .color-cell__content,.color-cell .color-cell__content .color-cell__content-left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;overflow:hidden}.color-cell .color-cell__content .color-cell__content-left{-webkit-box-flex:20;flex:20}.color-cell .color-cell__content .color-cell__content-left .color-cell__text{-webkit-box-flex:30px;flex:30px;overflow:hidden;-webkit-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:16px;line-height:22px;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:16px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title .color-field__input::-webkit-input-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title .color-field__input::placeholder{font-size:16px}.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:14px;line-height:20px;word-break:break-word;color:rgba(0,0,0,.54);margin-left:0;margin-top:2px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input{font-size:16px;margin-top:3px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input::-webkit-input-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__subtitle .color-field__input::placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__content-left .color-cell__text .color-cell__assignment{max-width:110px;font-size:14px;line-height:20px;color:#06f;margin-left:0;font-variation-settings:"wght" 550;font-weight:400;margin-top:2px}.color-cell .color-cell__content .color-cell__content-right{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding-left:8px;padding-right:16px}.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:110px;font-size:14px;line-height:20px;color:rgba(0,0,0,.54);margin-left:0;-webkit-user-select:none;user-select:none;font-variation-settings:"wght" 550;font-weight:400}.color-cell .color-cell__widget{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding-right:16px;z-index:2;position:relative;right:0;max-height:22px;touch-action:manipulation}.color-cell .color-cell__widget .divider{width:1px;height:22px;background-color:rgba(0,0,0,.12);position:relative;z-index:2;margin-right:16px}.color-cell .color-cell__widget .color-cell__widget-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:14px;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:16px}.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:16px;height:22px;position:relative}.color-cell .color-cell__widget .color-cell__widget-container .color-cell__indicator svg{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.color-cell .color-cell__widget .color-field .color-field-wrap{width:132px;color:hsla(0,0%,100%,.9);background-color:unset;height:var(--height);padding-right:0}.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.focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible .color-cell:focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after{background-color:rgba(0,102,255,.12)}.color-cell:hover:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:hover:after{background-color:rgba(0,0,0,.08)}}.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--active .color-cell__wrapper:after{background-color:rgba(0,0,0,.12)}.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.focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible .color-cell.color-cell--dark:focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible.dark-colorui .color-cell.focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible .dark-colorui .color-cell.focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible.dark-colorui .color-cell:focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.focus-outline-visible .dark-colorui .color-cell:focus-visible:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after{background-color:rgba(0,102,255,.12)}.color-cell.color-cell--dark:hover:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.dark-colorui .color-cell:hover:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.15)}}.color-cell.color-cell--widget.color-cell--dark.color-cell--active.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.color-cell.color-cell--widget.color-cell--dark.color-cell--active:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.color-cell.color-cell--widget.color-cell--dark.color-cell--activeState .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--widget.color-cell--active.color-cell--round:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--widget.color-cell--active:not(.color-cell--disabled):not(.color-cell--visualState) .color-cell__wrapper:after,.dark-colorui .color-cell.color-cell--widget.color-cell--activeState .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.2)}.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-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:1px;position:absolute;right:16px;top:-1px;box-shadow:inset 0 -.4px 0 0 rgba(0,0,0,.12);z-index:3}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine{padding-top:2px}.color-cell-group .color-cell-group-wrap .color-cell.color-cell--splitLine .color-cell__wrapper:before{content:"";width:100%;height:2px;left:0;right:unset;top:-2px;-webkit-transform:unset;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{-webkit-transform:translateY(1px);transform:translateY(1px)}.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--active+.color-cell .color-cell__wrapper:before,.color-cell-group .color-cell-group-wrap .color-cell.color-cell--active .color-cell__wrapper:before{opacity:0}.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 16px}@media screen and (min-width:600px){.color-cell-group.color-cell-group--responsive .color-cell-group-wrap{width:calc(75% + 46.5px)}.color-cell-group.color-cell-group--responsive.color-cell-group--round .color-cell-group-wrap{width:calc(75% - 1.5px)}.color-cell-group.color-cell-group--responsive,.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 24px}}@media screen and (min-width:840px){.color-cell-group.color-cell-group--responsive .color-cell-group-wrap{width:calc(66.7% + 44.4px)}.color-cell-group.color-cell-group--responsive.color-cell-group--round .color-cell-group-wrap{width:calc(66.7% - 3.6px)}.color-cell-group.color-cell-group--responsive,.color-cell-group.color-cell-group--responsive.color-cell-group--round{padding:0 40px}}.color-cell-group--round .color-cell-group__slot{border-radius:12px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p8{padding-top:10px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p10{padding-top:12px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p12{padding-top:14px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p13{padding-top:15px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p14{padding-top:16px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p16{padding-top:18px}.color-cell-group--round .color-cell-group__slot .color-cell:first-child .color-cell__wrapper.p20{padding-top:22px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p8{padding-bottom:10px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p10{padding-bottom:12px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p12{padding-bottom:14px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p13{padding-bottom:15px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p14{padding-bottom:16px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p16{padding-bottom:18px}.color-cell-group--round .color-cell-group__slot .color-cell:last-child .color-cell__wrapper.p20{padding-bottom:22px}.color-cell-group:last-child .color-cell-group__division{margin:0;border:none}.color-cell-group__footer,.color-cell-group__header{font-size:12px;line-height:16px;color:rgba(0,0,0,.54);padding:24px 16px 16px}.color-cell-group__footer{padding:8px 16px 24px}.color-cell-group--title .color-cell-group__header{padding:24px 16px 0}.color-cell-group__content{display:-webkit-box;display:flex;font-variation-settings:"wght" 700;font-weight:500;padding:24px 0 4px 16px;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;font-size:12px;color:rgba(0,0,0,.54)}.color-cell-group__title{-webkit-box-flex:1;flex:auto;font-size:12px;line-height:16px;color:rgba(0,0,0,.54);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell-group__contain{-webkit-box-flex:0;flex:none}.color-cell-group__contain,.color-cell-group__handle{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-cell-group__handle{color:#06f;font-size:12px;margin-left:16px}.color-cell-group__handle--rtl{margin-left:0;margin-right:16px}.color-cell-group__indicator{margin-left:8px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;text-align:center}.color-cell-group__indicator--rtl{margin-left:0;margin-right:8px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.color-cell-group__right{fill:#000;width:7px;height:12px}.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 -.4px 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-checkbox{font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox--center{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-checkbox--center:focus{outline:unset}.color-checkbox--center:after{content:"";display:block;position:absolute;width:48px;height:48px;left:-50%;top:-50%;border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.color-checkbox--default{display:inline-block}.color-checkbox__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox__content{margin-left:12px;font-size:16px}.color-checkbox__content--disabled{color:rgba(0,0,0,.26)}.color-checkbox__title--indent{padding-left:16px}.color-checkbox .icon-unselect-to-select{display:inline-block;width:24px;height:24px}.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:24px;height:24px}.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:24px;height:24px}.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:24px;height:24px}.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:24px;height:24px}.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:24px;height:24px}.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-checkbox-group .color-checkbox .color-checkbox{width:24px;height:24px}.color-checkbox-group .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before{content:"";position:absolute;width:calc(100% - 32px);bottom:0;left:16px;z-index:3;background-color:rgba(0,0,0,.12);height:1px;-webkit-transform:scaleY(.33);transform:scaleY(.33)}.color-checkbox-group .color-cell+div .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before{content:"";position:absolute;width:calc(100% - 48px);bottom:0;left:32px;z-index:3;background-color:rgba(0,0,0,.12);height:1px;-webkit-transform:scaleY(.33);transform:scaleY(.33)}.color-checkbox-group--round .color-checkbox:first-child .color-cell__wrapper{overflow:hidden;border-top-left-radius:var(--group-radius);border-top-right-radius:var(--group-radius);padding-top:15px}.color-checkbox-group--round .color-checkbox:last-child .color-cell__wrapper{overflow:hidden;border-bottom-left-radius:var(--group-radius);border-bottom-right-radius:var(--group-radius);padding-bottom:15px}.color-checkbox-group__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox-group__container .color-checkbox__content{display:inline-block;margin-left:12px;font-size:14px}.color-checkbox-group__container .color-checkbox__content--disabled{color:rgba(0,0,0,.26)}.color-checkbox-group .icon-half-to-select,.color-checkbox-group .icon-half-to-unselect,.color-checkbox-group .icon-select-to-half,.color-checkbox-group .icon-select-to-unselect,.color-checkbox-group .icon-unselect-to-half,.color-checkbox-group .icon-unselect-to-select{display:inline-block;width:24px;height:24px}.color-checkbox-group .icon-half-to-unselect svg>g>g:first-child path:nth-child(2){stroke:#000}.color-checkbox-group .icon-half-to-select--disabled svg>g>g:nth-child(2) path,.color-checkbox-group .icon-select-to-half--disabled svg>g>g:nth-child(2) path,.color-checkbox-group .icon-unselect-to-half--disabled svg>g>g:nth-child(2) path,.color-checkbox-group .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:rgba(0,0,0,.08)}.color-checkbox-group.color-checkbox-group-dark .color-cell+div .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before,.color-checkbox-group.color-checkbox-group-dark .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before,.dark-colorui .color-checkbox-group .color-cell+div .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before,.dark-colorui .color-checkbox-group .color-checkbox:not(:last-child) .color-cell .color-cell__wrapper:before{background-color:hsla(0,0%,100%,.2)}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-unselect svg>g>g:first-child path,.dark-colorui .color-checkbox-group .icon-select-to-unselect svg>g>g:first-child path{fill:#fff}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-unselect svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-select-to-unselect svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-unselect--disabled svg>g>g:first-child path,.dark-colorui .color-checkbox-group .icon-select-to-unselect--disabled svg>g>g:first-child path{fill-opacity:.15}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-unselect svg>g>g:first-child path:nth-child(2),.dark-colorui .color-checkbox-group .icon-half-to-unselect svg>g>g:first-child path:nth-child(2){stroke:#fff}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-unselect svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-half-to-unselect svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-unselect--disabled svg>g>g:first-child path:nth-child(2),.dark-colorui .color-checkbox-group .icon-half-to-unselect--disabled svg>g>g:first-child path:nth-child(2){stroke-opacity:.15}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-half svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-select-to-half svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-half--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-select-to-half--disabled svg>g>g:nth-child(2) path{fill:hsla(0,0%,100%,.15)}.color-checkbox-group.color-checkbox-group-dark .icon-select-to-half--disabled svg>g>g:nth-child(3) path,.color-checkbox-group.color-checkbox-group-dark .icon-select-to-half--disabled svg>g>g:nth-child(4) path,.dark-colorui .color-checkbox-group .icon-select-to-half--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox-group .icon-select-to-half--disabled svg>g>g:nth-child(4) path{fill:hsla(0,0%,100%,.54)}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-half svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-unselect-to-half svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-half--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-unselect-to-half--disabled svg>g>g:nth-child(2) path{fill:hsla(0,0%,100%,.15)}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-half--disabled svg>g>g:nth-child(3) path,.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-half--disabled svg>g>g:nth-child(4) path,.dark-colorui .color-checkbox-group .icon-unselect-to-half--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox-group .icon-unselect-to-half--disabled svg>g>g:nth-child(4) path{fill:hsla(0,0%,100%,.54)}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-select svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-unselect-to-select svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:hsla(0,0%,100%,.15)}.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path,.color-checkbox-group.color-checkbox-group-dark .icon-unselect-to-select--disabled svg>g>g:nth-child(4) path,.dark-colorui .color-checkbox-group .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox-group .icon-unselect-to-select--disabled svg>g>g:nth-child(4) path{fill:hsla(0,0%,100%,.54)}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-select svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-half-to-select svg>g>g:nth-child(2) path{fill:#247cff}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-select--disabled svg>g>g:nth-child(2) path,.dark-colorui .color-checkbox-group .icon-half-to-select--disabled svg>g>g:nth-child(2) path{fill:hsla(0,0%,100%,.15)}.color-checkbox-group.color-checkbox-group-dark .icon-half-to-select--disabled svg>g>g:nth-child(3) path,.color-checkbox-group.color-checkbox-group-dark .icon-half-to-select--disabled svg>g>g:nth-child(4) path,.dark-colorui .color-checkbox-group .icon-half-to-select--disabled svg>g>g:nth-child(3) path,.dark-colorui .color-checkbox-group .icon-half-to-select--disabled svg>g>g:nth-child(4) path{fill:hsla(0,0%,100%,.54)}: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{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.color-tabs__content-container{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:initial}.color-tabs__content-container,.swiper-android .color-tab-item{-webkit-transform:translateZ(0);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%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.color-tab-item-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .color-tab-item{height:auto}.swiper-autoheight .color-tabs__content-container{-webkit-box-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .color-tab-item{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .color-tabs__content-container{-webkit-perspective:1200px;perspective:1200px}.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{-webkit-transform-style:preserve-3d;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:-webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-right{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-top{background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .color-tab-item-shadow-bottom{background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);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;-webkit-box-ordinal-group:10000;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:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;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:40px;height:100%;z-index:9;pointer-events:none;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.color-tabs .color-tabs__header:before{background:-webkit-linear-gradient(right,transparent,var(--lightBg) 12px);background:linear-gradient(270deg,transparent,var(--lightBg) 12px);left:0}@media screen and (min-width:600px){.color-tabs .color-tabs__header:before{width:48px}}@media screen and (min-width:800px){.color-tabs .color-tabs__header:before{width:64px}}.color-tabs .color-tabs__header:after{background:-webkit-linear-gradient(left,transparent,var(--lightBg) 12px);background:linear-gradient(90deg,transparent,var(--lightBg) 12px);right:0}@media screen and (min-width:600px){.color-tabs .color-tabs__header:after{width:48px}}@media screen and (min-width:800px){.color-tabs .color-tabs__header:after{width:64px}}.color-tabs .color-tabs__header .color-tabs__tool-container:after{width:24px;background:-webkit-linear-gradient(left,transparent,var(--lightBg) 12px);background:linear-gradient(90deg,transparent,var(--lightBg) 12px);left:-24px}.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:16px}@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:24px}}@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:40px}}.color-tabs .color-tabs__header .color-tabs-divider{width:100%;height:1px;position:absolute;bottom:0;box-shadow:inset 0 -.33px 0 0 rgba(0,0,0,.12);z-index:10}.color-tabs.color-tabs--flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;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:14px}.color-tabs .color-tabs__header{position:relative;height:40px;display:-webkit-box;display:flex}.color-tabs .color-tabs__content{-webkit-box-flex:1;flex:1;overflow:hidden}.color-tabs .color-tabs__selector{width:-webkit-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:-webkit-max-content;width:max-content;height:100%;display:-webkit-box;display:flex;-webkit-box-pack:space-evenly;justify-content:space-evenly}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container{margin-left:20px}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container:last-child{margin-right:20px}@media screen and (min-width:600px){.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container{margin-left:24px}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container:last-child{margin-right:24px}}.color-tabs .color-tabs__selector-container .color-tabs__selector-item-container .pressBackground{padding:0 10px}.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:9px;-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%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;border-radius:8px;overflow:hidden;box-sizing:initial}.color-tabs .color-tabs__selector-item-container:after{content:"";display:block;width:var(--barWidth);height:2px;background-color:rgba(0,0,0,.9);background-blend-mode:saturation;position:absolute;bottom:0;opacity:0}.color-tabs .color-tabs__selector-item{display:-webkit-box;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:initial;-webkit-transition:color .2s;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;user-select:none;letter-spacing:.16px;font-size:16px;line-height:22px;text-align:center;max-width:var(--itemMaxWidth)}.color-tabs .color-tabs__selector-item .co-badge{padding-left:2px}.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:-10px}.color-tabs .color-tabs__selector-item .color-badge .color-badge__container.color-badge__container--multiple-digits{right:-12px}.color-tabs .color-tabs__selector-item .color-badge .color-badge__dot.color-badge__dot--absolute{top:7px;right:-8px}.color-tabs .color-tabs__selector-active-bar{position:absolute;left:0;bottom:0;height:2px;background-color:rgba(0,0,0,.9);background-blend-mode:saturation;-webkit-transition-property:-webkit-transform width;transition-property:-webkit-transform width;transition-property:transform width;transition-property:transform width,-webkit-transform width}.color-tabs__tool-container{position:relative;flex-wrap:nowrap;height:40px;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;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:-webkit-linear-gradient(right,transparent,var(--darkBg) 12px);background:linear-gradient(270deg,transparent,var(--darkBg) 12px)}.color-tabs.color-tabs-dark .color-tabs__header:after,.dark-colorui .color-tabs .color-tabs__header:after{background:-webkit-linear-gradient(left,transparent,var(--darkBg) 12px);background:linear-gradient(90deg,transparent,var(--darkBg) 12px)}.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:-webkit-linear-gradient(left,transparent,var(--darkBg) 12px);background:linear-gradient(90deg,transparent,var(--darkBg) 12px)}.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 -.33px 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;display:-webkit-box;display:flex;z-index:1;-webkit-user-select:none;user-select:none;width:-webkit-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:1px solid #fff;top:-1px;left:-1px}.co-badge .co-badge__dot{display:-webkit-inline-box;display:inline-flex;position:absolute;right:0;top:0;width:6px;height:6px;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:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:16px;padding:0 4px;min-width:8px;font-variation-settings:"wght" 700;font-weight:500;background-color:#eb3b2f;font-size:10px;color:#fff;z-index:1}.co-badge .co-badge__content,.co-badge .co-badge__content:after{border-radius:21px}.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-tab-item{display:-webkit-box;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tab-item>.color-search .color-search-bar{padding-top:17px}.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:10px}.color-tab-item .color-tab-item__divider{--background-color:#eee;position:absolute;left:50%;top:0;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:translateX(-50%) scaleY(.33333);transform:translateX(-50%) scaleY(.33333);opacity:0;background-color:var(--background-color);height:2px;width:312px;z-index:10}.color-switch{display:inline-block;position:relative;line-height:0;color:#06f;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-switch:focus{outline:unset}.color-switch .color-switch--disabled:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;content:"";z-index:1}.color-switch .icon-close-loading,.color-switch .icon-close-open,.color-switch .icon-open-loading{display:inline-block;width:38px;height:24px}.color-switch .icon-close-open--disabled-close svg>g g:first-of-type g path{fill-opacity:.3}.color-switch .icon-close-open--disabled-close svg>g g:nth-of-type(2){display:none!important}.color-switch .icon-close-open--disabled-close svg>g g:nth-of-type(3){opacity:.54}.color-switch .icon-close-open--disabled-open svg{opacity:1}.color-switch .icon-close-open--disabled-open svg>g g:first-child g path{fill-opacity:.08}.color-switch .icon-close-open--disabled-open svg>g g:nth-of-type(2){display:none!important}.color-switch .icon-close-open--disabled-open svg>g g:nth-of-type(3){opacity:.54}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-loading svg,.focus-outline-visible .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-open svg,.focus-outline-visible .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-open-loading svg{outline:2.4px solid rgba(0,102,255,.4);border-radius:12px}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.close svg>g>g:first-child path{fill:#4590ff;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.open svg>g>g:first-child path{fill:#c5c6c7;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-loading.animeEnd svg>g>g:nth-child(8) path{fill:#4590ff;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-open-loading.animeEnd svg>g>g:nth-child(8) path{fill:#c5c6c7;fill-opacity:1}}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.close svg>g>g:first-child path{fill:#005ae0;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.open svg>g>g:first-child path{fill:#bcbdbe;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-loading.animeEnd svg>g>g:nth-child(8) path{fill:#005ae0;fill-opacity:1}.color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-open-loading.animeEnd svg>g>g:nth-child(8) path{fill:#bcbdbe;fill-opacity:1}.color-switch.color-switch-dark .icon-close-open.close svg>g>g:first-child path,.dark-colorui .color-switch .icon-close-open.close svg>g>g:first-child path{fill:#247cff}.color-switch.color-switch-dark .icon-close-open.open svg>g>g:first-child path,.dark-colorui .color-switch .icon-close-open.open svg>g>g:first-child path{fill:#fff;fill-opacity:.25}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-open svg>g g:first-child path,.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-open svg>g g:first-child path{fill:#fff;fill-opacity:.15}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-open svg>g g:nth-child(2),.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-open svg>g g:nth-child(2){display:none!important}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-open svg>g g:nth-child(3),.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-open svg>g g:nth-child(3){opacity:.16}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-close svg>g g:first-child g path,.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-close svg>g g:first-child g path{fill:#247cff;fill-opacity:.3}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-close svg>g g:nth-child(2),.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-close svg>g g:nth-child(2){display:none!important}.color-switch.color-switch-dark .icon-close-open.icon-close-open--disabled-close svg>g g:nth-child(3),.dark-colorui .color-switch .icon-close-open.icon-close-open--disabled-close svg>g g:nth-child(3){opacity:.16}.color-switch.color-switch-dark .icon-close-loading svg>g>g:nth-child(4) path[fill="rgb(0,0,0)"],.dark-colorui .color-switch .icon-close-loading svg>g>g:nth-child(4) path[fill="rgb(0,0,0)"]{fill:#fff;fill-opacity:.25}.color-switch.color-switch-dark .icon-close-loading svg>g>g:nth-child(8) path,.color-switch.color-switch-dark .icon-open-loading svg>g>g:nth-child(8) path[fill="rgb(0,106,255)"],.dark-colorui .color-switch .icon-close-loading svg>g>g:nth-child(8) path,.dark-colorui .color-switch .icon-open-loading svg>g>g:nth-child(8) path[fill="rgb(0,106,255)"]{fill:#247cff}.color-switch.color-switch-dark .icon-open-loading svg>g>g:nth-child(8) path[fill="rgb(0,0,0)"],.dark-colorui .color-switch .icon-open-loading svg>g>g:nth-child(8) path[fill="rgb(0,0,0)"]{fill:#fff;fill-opacity:.25}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-loading svg,.focus-outline-visible .color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-open svg,.focus-outline-visible .color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-open-loading svg,.focus-outline-visible.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-loading svg,.focus-outline-visible .dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-loading svg,.focus-outline-visible.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-open svg,.focus-outline-visible .dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-close-open svg,.focus-outline-visible.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-open-loading svg,.focus-outline-visible .dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):focus .icon-open-loading svg{outline:3px solid rgba(92,157,255,.4)}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.close svg>g>g:first-child path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.close svg>g>g:first-child path{fill:#005eeb;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.open svg>g>g:first-child path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-open.open svg>g>g:first-child path{fill:#5d5d5d;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-loading.animeEnd svg>g>g:nth-child(8) path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-close-loading.animeEnd svg>g>g:nth-child(8) path{fill:#005eeb;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-open-loading.animeEnd svg>g>g:nth-child(8) path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):hover .icon-open-loading.animeEnd svg>g>g:nth-child(8) path{fill:#5d5d5d;fill-opacity:1}}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.close svg>g>g:first-child path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.close svg>g>g:first-child path{fill:#5096ff;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.open svg>g>g:first-child path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-open.open svg>g>g:first-child path{fill:#666;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-loading.animeEnd svg>g>g:nth-child(8) path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-close-loading.animeEnd svg>g>g:nth-child(8) path{fill:#5096ff;fill-opacity:1}.color-switch.color-switch-dark:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-open-loading.animeEnd svg>g>g:nth-child(8) path,.dark-colorui .color-switch:not(.color-switch--disabled):not(.color-switch--rgbColor):active .icon-open-loading.animeEnd svg>g>g:nth-child(8) path{fill:#666;fill-opacity:1}.color-field .color-field-wrap{margin:auto;padding:0 16px;font-size:16px;position:relative;box-sizing:border-box;outline:none;background-color:#fff}.color-field .color-field-wrap .color-field__title{display:inline-block;font-size:16px;line-height:22px;margin-bottom:4px;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:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-align:center;align-items:center;position:relative;z-index:2;width:100%}.color-field .color-field-wrap .color-field__content .color-field__contain{-webkit-box-flex:1;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:16px;line-height:22px;caret-color:#06f;color:rgba(0,0,0,.9);background-color:initial;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::-webkit-input-placeholder{font-size:16px;color:rgba(0,0,0,.54)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input::placeholder{font-size:16px;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::selection{background:rgba(0,102,255,.3)}.color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input--error::selection{background:rgba(251,17,0,.3)}.color-field .color-field-wrap .color-field__content .color-field__plugin--left,.color-field .color-field-wrap .color-field__content .color-field__plugin--right{-webkit-box-flex:0;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:16px}.color-field .color-field-wrap .color-field__content .color-field__close{position:relative;box-sizing:border-box;width:20px;height:20px;margin-left:16px;-webkit-box-flex:0;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{-webkit-box-flex:0;flex:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-left:16px;display:inline-block;width:20px;height:20px}.color-field .color-field-wrap .color-field--maxlength{font-size:12px;font-variation-settings:"wght" 550;font-weight:400;line-height:16px;text-align:right;text-underline-position:from-font;text-decoration-skip-ink:none;margin-top:2px;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;-webkit-transition:all 122ms cubic-bezier(.33,0,.67,1);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:328px;border-radius:12px;overflow:hidden}.color-field .color-field-wrap.color-field--none.color-field--no-title{padding-top:15px;padding-bottom:15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-field .color-field-wrap.color-field--none.color-field--with-title{padding-top:12px;padding-bottom:12px}.color-field .color-field-wrap.color-field--none+.color-field__message{padding-left:16px;width:328px;box-sizing:border-box;margin:4px auto auto}@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:13px}.color-field .color-field-wrap.color-field--line.color-field--no-title .color-field__content>div{margin-bottom:13px}.color-field .color-field-wrap.color-field--line.color-field--with-title{padding-top:10px}.color-field .color-field-wrap.color-field--line.color-field--with-title .color-field__content>div{margin-bottom:10px}.color-field .color-field-wrap.color-field--line .color-field__content{box-shadow:inset 0 -.4px 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:1px;height:1px;width:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.color-field .color-field-wrap.color-field--line .color-field__content.color-field__content-active:after{width:100%;-webkit-transition:width .28s cubic-bezier(.25,.1,.1,1);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:4px}.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::-webkit-input-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:10px;color:rgba(0,0,0,.4);margin-top:4px;line-height:14px;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:initial}.color-field.color-field--dark .color-field-wrap .color-field__content .color-field__contain .color-field__input::-webkit-input-placeholder,.dark-colorui .color-field .color-field-wrap .color-field__content .color-field__contain .color-field__input::-webkit-input-placeholder{font-size:16px;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:16px;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 -.4px 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:-1px}.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::-webkit-input-placeholder,.dark-colorui .color-field .color-field-wrap.color-field--disabled .color-field__content .color-field__input::-webkit-input-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:12px;overflow:hidden;box-sizing:border-box}.color-field-group .color-field:first-of-type .color-field-wrap .color-field--with-title{padding-top:12px}.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:initial!important}.color-field-group .color-field:last-of-type .color-field-wrap .color-field--with-title{padding-bottom:12px}.color-toast{position:fixed;width:-webkit-max-content;width:max-content;text-align:left;bottom:88px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-sizing:border-box;padding:var(--padding);background:#fff;font-size:14px;color:rgba(0,0,0,.9);color:var(--color,rgba(0,0,0,.9));line-height:20px;box-shadow:0 4px 32px 2px 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:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-toast-img{width:20px;height:20px;background:rgba(0,0,0,.08);border-radius:5px;margin-right:10px}.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 4px 32px 2px rgba(0,0,0,.25)}.color-toast-enter,.color-toast-leave-to{opacity:0;-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8)}.color-toast-enter-active,.color-toast-leave-active{-webkit-transition:all .3s cubic-bezier(.3,0,.1,1);transition:all .3s cubic-bezier(.3,0,.1,1);-webkit-transform-origin:50%,50%;transform-origin:50%,50%}@supports not (--a:0){.color-toast{width:auto!important;padding:14px 24px 14px 16px;border-radius:24px}.color-toast .warp{white-space:nowrap}}@media screen and (max-width:600px){.color-toast{max-width:calc(100% - 32px)}}@media screen and (min-width:600px)and (max-width:840px){.color-toast{max-width:calc(75% - 38px)}}@media screen and (min-width:840px){.color-toast{max-width:calc(50% - 46px)}}.color-toptip{box-sizing:border-box;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transition:height .5s cubic-bezier(.3,0,.1,1),opacity .26s cubic-bezier(.3,0,.1,1),-webkit-transform .5s cubic-bezier(.3,0,.1,1);transition:height .5s cubic-bezier(.3,0,.1,1),opacity .26s cubic-bezier(.3,0,.1,1),-webkit-transform .5s cubic-bezier(.3,0,.1,1);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);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),-webkit-transform .5s cubic-bezier(.3,0,.1,1);width:100%;background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.54);border-radius:12px;overflow:hidden}.color-toptip--show{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}.color-toptip--fixed{position:fixed}.color-toptip .color-toptip__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 12px}.color-toptip .color-toptip__container .color-toptip__wrap{-webkit-box-flex:1;flex:auto;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;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:-webkit-box;display:flex}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__left-icon{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-right:8px}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text{position:relative;-webkit-text-size-adjust:100%;margin:12px 0;font-size:14px;line-height:20px;overflow:hidden;z-index:1}.color-toptip .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text--mask{-webkit-mask:-webkit-linear-gradient(left,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:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-pack:end;justify-content:flex-end}.color-toptip--buttonline .color-toptip__container{padding-right:6px}@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{-webkit-box-align:unset;align-items:unset;margin-top:10px}.color-toptip--buttonline .color-toptip__container .color-toptip__wrap .color-toptip__content .color-toptip__text{margin-bottom:8px;margin-right:12px}.color-toptip--buttonline .color-toptip__container .color-toptip__wrap .color-toptip__button-container{margin-bottom:8px}.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;-webkit-animation:scrollLeft linear infinite normal;animation:scrollLeft linear infinite normal}@-webkit-keyframes scrollLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes scrollLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.color-toptip__right-arrow{width:24px;height:24px;margin-left:8px}.color-toptip__right-arrow path{fill:rgba(0,0,0,.26)}.color-toptip__right-close{width:24px;height:24px;margin-left:8px}.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-bottomtip{position:fixed;padding:var(--paddingH);box-sizing:border-box;background:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.2);border-radius:24px;font-variation-settings:"wght" 700;font-weight:500;font-size:14px;bottom:88px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.color-bottomtip .co-button--text.co-button{line-height:20px}.color-bottomtip__content{color:rgba(0,0,0,.9);line-height:20px;word-break:break-all}.color-bottomtip__btn,.color-bottomtip__content{font-variation-settings:"wght" 700;font-weight:500}.color-bottomtip__btn{padding:4 12px!important;flex-shrink:0}.color-bottomtip:not(.color-bottomtip--longbtn) .co-button--text.co-button,.color-bottomtip__btn{margin-right:-12px!important}.color-bottomtip--longbtn{display:block;padding-top:12px;border-radius:16px}.color-bottomtip--longbtn .color-bottomtip__content{max-width:unset;float:unset}.color-bottomtip--longbtn .color-bottomtip__btn{float:right;margin-top:8px}.color-bottomtip.color-bottomtip--dark,.dark-colorui .color-bottomtip{background:#333;box-shadow:0 10px 40px 0 rgba(0,0,0,.6)}.color-bottomtip.color-bottomtip--dark .color-bottomtip__content,.dark-colorui .color-bottomtip .color-bottomtip__content{color:hsla(0,0%,100%,.9)}.color-bottomtip-fade-appear-active{-webkit-animation:bottomtipAppear .25s cubic-bezier(.1,0,.1,1);animation:bottomtipAppear .25s cubic-bezier(.1,0,.1,1)}.color-bottomtip-fade-leave-active{animation:bottomtipAppear .18s cubic-bezier(.1,0,.1,1) reverse}@-webkit-keyframes bottomtipAppear{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8)}to{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}@keyframes bottomtipAppear{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8)}to{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}@media screen and (max-width:600px){.color-bottomtip{width:calc(100% - 32px)}}@media screen and (min-width:600px)and (max-width:840px){.color-bottomtip{width:calc(75% - 38px)}}@media screen and (min-width:840px){.color-bottomtip{width:calc(50% - 46px)}}.color-scroll{overflow:hidden;box-sizing:border-box;width:100%;-webkit-user-select:none;user-select:none}.color-scroll,.color-scroll__inner{position:relative}.color-scroll__header,.color-scroll__inner{-webkit-transition-timing-function:cubic-bezier(.33,0,0,1);transition-timing-function:cubic-bezier(.33,0,0,1)}.color-scroll__header{position:absolute;top:-74px;left:0;display:-webkit-box;display:flex;width:100%;min-height:74px;overflow:hidden}.color-scroll__header-inner{margin:auto;text-align:center}.color-scroll--horizontal{overflow-x:scroll}.color-scroll--horizontal .color-scroll__inner{display:-webkit-inline-box;display:inline-flex}.color-pull-refresh{position:relative;box-sizing:border-box;-webkit-transition-timing-function:cubic-bezier(.33,0,0,1);transition-timing-function:cubic-bezier(.33,0,0,1)}.color-pull-refresh__inner{position:relative}.color-pull-refresh__head{position:absolute;left:0;top:0;display:-webkit-box;display:flex;width:100%;min-height:74px;text-align:center;-webkit-transition-timing-function:cubic-bezier(.33,0,0,1);transition-timing-function:cubic-bezier(.33,0,0,1);font-size:14px;z-index:1}.color-pull-refresh__head__inner{display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.color-pull-refresh__success{position:relative;padding:12px 0;z-index:1;box-sizing:border-box;width:100%;overflow:hidden;-webkit-transition:padding 1s cubic-bezier(.3,0,.1,1);transition:padding 1s cubic-bezier(.3,0,.1,1)}.pull-refresh-loading-icon{display:inline-block;margin:auto;width:26px;height:26px}.loading-icon{fill:none;stroke-width:2px;stroke:rgba(0,0,0,.9);stroke-dasharray:0,0,57.30096,18.09504;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.dark-colorui .loading-icon,.loading-icon.loading-icon--dark{stroke:hsla(0,0%,100%,.9)}.loading-icon--animation{-webkit-animation:loadingAnimationLinear 1.25s linear infinite,loadingAnimationCubic 1.25s infinite;animation:loadingAnimationLinear 1.25s linear infinite,loadingAnimationCubic 1.25s infinite}@-webkit-keyframes loadingAnimationCubic{0%{stroke-dasharray:0,0,57.30096,18.09504;-webkit-animation-timing-function:cubic-bezier(.17,.17,.83,1);animation-timing-function:cubic-bezier(.17,.17,.83,1)}49.36%{stroke-dasharray:0,46.74552,10.55544,18.09504;-webkit-animation-timing-function:cubic-bezier(.17,0,.83,.83);animation-timing-function:cubic-bezier(.17,0,.83,.83)}to{stroke-dasharray:0,0,57.30096,18.09504}}@keyframes loadingAnimationCubic{0%{stroke-dasharray:0,0,57.30096,18.09504;-webkit-animation-timing-function:cubic-bezier(.17,.17,.83,1);animation-timing-function:cubic-bezier(.17,.17,.83,1)}49.36%{stroke-dasharray:0,46.74552,10.55544,18.09504;-webkit-animation-timing-function:cubic-bezier(.17,0,.83,.83);animation-timing-function:cubic-bezier(.17,0,.83,.83)}to{stroke-dasharray:0,0,57.30096,18.09504}}@-webkit-keyframes loadingAnimationLinear{0%{stroke-dashoffset:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}49.36%{stroke-dashoffset:-27.4366044;-webkit-transform:rotate(.7436turn);transform:rotate(.7436turn)}to{stroke-dashoffset:-75.396;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes loadingAnimationLinear{0%{stroke-dashoffset:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}49.36%{stroke-dashoffset:-27.4366044;-webkit-transform:rotate(.7436turn);transform:rotate(.7436turn)}to{stroke-dashoffset:-75.396;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.color-load-more{position:relative;-webkit-transition-timing-function:cubic-bezier(.33,0,0,1);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:74px;left:0;display:-webkit-box;display:flex;width:100%;height:74px}.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:46px;padding-bottom:25px;line-height:16px;font-size:12px;color:rgba(0,0,0,.4);text-align:center}.color-load-more-loading{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;line-height:inherit}.color-load-more-loading .load-more-icon{width:14px;height:14px}.color-load-more-text{padding-left:10px}.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)}.color-tag{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;box-sizing:border-box;color:#fff;background:#eb3b2f;font-size:20px;zoom:.5;font-variation-settings:"wght" 700;font-weight:500;padding:0 6px;border-radius:8px}.color-tag.color-tag--gray16{background-color:rgba(0,0,0,.16);color:rgba(0,0,0,.54)}.color-tag.color-tag--gray30{background-color:rgba(0,0,0,.3);color:#fff}.color-tag.color-tag--gray40{background-color:rgba(0,0,0,.4);color:#fff}.color-tag.color-tag--optGuide{padding:2px 8px;border-radius:16px}.color-tag.color-tag--iconGuide{padding:2px 12px;border-radius:24px 0}.color-tag.color-tag-dark,.dark-colorui .color-tag{background:#eb493d}.color-tag.color-tag-dark.color-tag--gray16,.dark-colorui .color-tag.color-tag--gray16{background-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.54)}.color-tag.color-tag-dark.color-tag--gray30,.dark-colorui .color-tag.color-tag--gray30{background-color:hsla(0,0%,100%,.3);color:#000}.color-tag.color-tag-dark.color-tag--gray40,.dark-colorui .color-tag.color-tag--gray40{background-color:hsla(0,0%,100%,.4);color:#000}.color-progress{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-progress__bar,.color-progress__progress{height:2px;border-radius:33.33px;background-color:#06f}.color-progress__bar{-webkit-box-flex:1;flex:1;background:rgba(0,0,0,.16)}.color-progress__progress{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.color-progress__animation{-webkit-transition:width .3s ease;transition:width .3s ease}.color-progress-circle{position:relative;width:100%;height:100%;min-width:24px;min-height:24px;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;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;stroke:#06f}.color-progress-circle__text{position:absolute;top:50%;left:0;width:100%;font-size:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.color-progress-circle__animation{-webkit-transform:rotate(-90deg);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-popper__container.color-tips .color-popper__content .color-popper__arrow-container{z-index:2}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;background-color:#06f;color:#fff;box-shadow:0 10px 40px 0 rgba(0,0,0,.2);padding:12px;word-break:break-all}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container .color-tips-icon{-webkit-box-flex:0;flex:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:20px;margin-right:8px}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container .color-tips-icon svg{width:24px!important;height:24px!important}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container .color-tips-content{-webkit-box-flex:1;flex:1}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container .color-tips__close-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin-left:12px}.color-popper__container.color-tips .color-popper__content .color-popper__inner-container .color-tips__close-container .color-tips-close{-webkit-box-flex:0;flex:none;width:18px;height:18px}.color-popper__container.color-tips.color-tips--information .color-popper__content .color-popper__arrow-container .color-popper-icon__arrow svg path{fill:#fff}.color-popper__container.color-tips.color-tips--information .color-popper__content .color-popper__inner-container{background-color:#fff;color:rgba(0,0,0,.55);font-size:12px;line-height:16px}@media screen and (max-width:600px){.color-popper__container.color-tips .color-popper__content{max-width:calc(100vw - var(--popper-boundary-distance-left) - var(--popper-boundary-distance-right))}}@media screen and (min-width:600px)and (max-width:840px){.color-popper__container.color-tips .color-popper__content{max-width:calc(75vw - 38px)}}@media screen and (min-width:840px){.color-popper__container.color-tips .color-popper__content{max-width:calc(50vw - 46px)}}.color-popper__container-dark.color-popper__container.color-tips .color-popper__inner-container,.dark-colorui .color-popper__container.color-tips .color-popper__inner-container{background-color:#247cff;box-shadow:0 10px 40px 0 rgba(0,0,0,.6)}.color-popper{display:inline-block;vertical-align:text-bottom}.color-popper__reference-container{display:-webkit-box;display:flex}.color-popper__container{z-index:150}.color-popper__container .color-popper__arrow-container,.color-popper__container .color-popper__arrow-container .color-popper-icon__arrow{display:-webkit-box;display:flex}.color-popper__container .color-popper__arrow-container .color-popper-icon__arrow svg path{fill:#06f}.color-popper__container[data-popper-placement^=top] .color-popper__arrow-container{bottom:0;width:20px;height:11.5px}.color-popper__container[data-popper-placement^=top] .color-popper__arrow-container .color-popper-icon__arrow{-webkit-transform:translateY(10.3px);transform:translateY(10.3px)}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow-container{top:0;width:20px;height:11.5px}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow-container .color-popper-icon__arrow{-webkit-transform:translateY(-10.3px);transform:translateY(-10.3px)}.color-popper__container[data-popper-placement^=left] .color-popper__arrow-container{right:0;width:11.5px;height:20px}.color-popper__container[data-popper-placement^=left] .color-popper__arrow-container .color-popper-icon__arrow{-webkit-transform:translateX(10.3px);transform:translateX(10.3px)}.color-popper__container[data-popper-placement^=right] .color-popper__arrow-container{left:0;width:11.5px;height:20px}.color-popper__container[data-popper-placement^=right] .color-popper__arrow-container .color-popper-icon__arrow{-webkit-transform:translateX(-10.3px);transform:translateX(-10.3px)}.color-popper__inner-container{position:relative;padding:12px 16px;background-color:#fff;color:rgba(0,0,0,.54);font-size:14px;overflow:hidden;line-height:20px;border-radius:12px}.color-popper__inner-container.color-popper__inner-container--dark:after{border:hsla(0,0%,100%,.1)}.color-popper-enter-active,.color-popper-leave-active{-webkit-transition:opacity .3s cubic-bezier(.3,0,.1,1);transition:opacity .3s cubic-bezier(.3,0,.1,1)}.color-popper-enter-active .color-popper__content,.color-popper-leave-active .color-popper__content{-webkit-transform-origin:var(--popper-transform-origin)!important;transform-origin:var(--popper-transform-origin)!important;-webkit-transition:-webkit-transform .3s cubic-bezier(.3,0,.1,1);transition:-webkit-transform .3s cubic-bezier(.3,0,.1,1);transition:transform .3s cubic-bezier(.3,0,.1,1);transition:transform .3s cubic-bezier(.3,0,.1,1),-webkit-transform .3s cubic-bezier(.3,0,.1,1)}.color-popper-enter,.color-popper-leave-to{opacity:0}.color-popper-enter .color-popper__content,.color-popper-leave-to .color-popper__content{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.color-popper__container.color-popper__container-dark .color-popper__inner-container,.dark-colorui .color-popper__container .color-popper__inner-container{background-color:#333}.color-popper__container.color-popper__container-dark .color-popper-icon__arrow svg path,.dark-colorui .color-popper__container .color-popper-icon__arrow svg path{fill:#247cff}.color-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.2;overflow:hidden;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:opacity,z-index;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-actionsheet-panel.color-popup--bottom.color-popup{overflow:unset}.color-actionsheet-panel .color-option{width:100%;padding:0 24px;height:54px}.color-actionsheet-panel .color-option:not(:first-child):before{content:"";position:absolute;width:calc(100% - 48px);top:0;left:24px;z-index:1;background-color:rgba(0,0,0,.12);height:1px;-webkit-transform:scaleY(.33);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;user-select:none;-webkit-transform:translateZ(0);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:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;box-sizing:border-box;min-height:38px}.color-actionsheet-panel .color-option-content__title{font-size:16px;white-space:normal;line-height:22px;font-variation-settings:"wght" 700;font-weight:500}.color-actionsheet-panel--default .color-actionsheet{max-height:470px!important}.color-actionsheet{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;overflow:hidden;max-height:600px;background-color:#fff;width:calc(100vw - 32px);max-width:360px;margin:0 auto 24px;border-radius:20px}.color-actionsheet .co-button.co-button--large.co-button--text{min-height:44px}.color-actionsheet .color-scroll__inner{font-size:0}.color-actionsheet .headWrap{position:relative;margin-top:24px;margin-bottom:6px}.color-actionsheet .color-actionsheet-header{font-variation-settings:"wght" 700;font-weight:500;font-size:18px;line-height:26px;color:rgba(0,0,0,.9);text-align:center;position:relative;-webkit-box-flex:0;flex:0;max-height:78px;overflow-y:scroll;padding:0 24px}.color-actionsheet .color-actionsheet-header--has-icon{padding:25px 24px 15px}.color-actionsheet .color-actionsheet-closeicon{position:absolute;top:12px;right:12px;opacity:.3;width:24px;height:24px}.color-actionsheet .color-actionsheet-closeicon--no-title{top:4px}.color-actionsheet .color-actionsheet-content{margin-bottom:4px;margin-top:20px;padding:0 24px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative}.color-actionsheet .color-actionsheet-content--has-header{margin-top:0}.color-actionsheet .color-actionsheet-content--no-header{margin-top:22px}.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:14px;text-align:left;color:rgba(0,0,0,.9);line-height:20px}.color-actionsheet .color-actionsheet-actions{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow-y:auto}.color-actionsheet .color-actionsheet-actions__inner-noTitle{margin-top:-9px}.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 24px}.color-actionsheet .color-actionsheet-actions:first-of-type .color-option:first-of-type{height:62px;padding-top:10px}.color-actionsheet .color-actionsheet-actions:first-of-type .color-option:first-of-type:last-of-type{height:74px;padding-top:10px;padding-bottom:10px}.color-actionsheet .color-actionsheet-actions .co-button{overflow:hidden;width:calc(100% - 48px);margin:4px 24px}.color-actionsheet .color-actionsheet-actions .co-button:last-of-type{margin-bottom:16px}.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:58px}.color-actionsheet .color-actionsheet-footer:before{content:"";position:absolute;width:calc(100% - 48px);top:0;left:24px;height:1px!important;background-color:rgba(0,0,0,.12);z-index:1;-webkit-transform:scaleY(.33);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:.66px 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:1px solid hsla(0,0%,100%,.2);border-bottom:1px 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;-webkit-transform:translateY(50%);transform:translateY(50%)}}.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%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.color-popup--center.color-popup--round{border-radius:18px}.color-popup--top{top:0;left:0;width:100%}.color-popup--top.color-popup--round{border-radius:0 0 18px 18px}.color-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.color-popup--left.color-popup--round{border-radius:0 18px 18px 0}.color-popup--bottom{bottom:0;left:0;width:100%}.color-popup--bottom.color-popup--round{border-radius:18px 18px 0 0}.color-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.color-popup--right.color-popup--round{border-radius:18px 0 0 18px}.color-popup-slide-bottom-center-enter-from,.color-popup-slide-bottom-center-leave-active{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.color-popup-slide-bottom-enter,.color-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.color-popup-slide-top-enter,.color-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.color-popup-slide-right-enter,.color-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.color-popup-slide-left-enter,.color-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);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{-webkit-transition:opacity .25s cubic-bezier(.1,0,.1,1),height .25s cubic-bezier(.1,0,.1,1),border-radius .4s cubic-bezier(.33,0,0,1),-webkit-transform .25s cubic-bezier(0,0,.15,1);transition:opacity .25s cubic-bezier(.1,0,.1,1),height .25s cubic-bezier(.1,0,.1,1),border-radius .4s cubic-bezier(.33,0,0,1),-webkit-transform .25s cubic-bezier(0,0,.15,1);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);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),-webkit-transform .25s cubic-bezier(0,0,.15,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{-webkit-transition:opacity .1s cubic-bezier(.1,0,.9,1),height .1s cubic-bezier(.1,0,.9,1),-webkit-transform .15s cubic-bezier(.3,0,1,1);transition:opacity .1s cubic-bezier(.1,0,.9,1),height .1s cubic-bezier(.1,0,.9,1),-webkit-transform .15s cubic-bezier(.3,0,1,1);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);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),-webkit-transform .15s cubic-bezier(.3,0,1,1)}.color-popup-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.8);transform:translate3d(-50%,-50%,0) scale(.8)}.color-popup-bounce-leave-active{opacity:0}.color-popup-bounce-enter-active{-webkit-transition:opacity .25s cubic-bezier(.1,0,.1,1),-webkit-transform .25s cubic-bezier(.1,0,.1,1);transition:opacity .25s cubic-bezier(.1,0,.1,1),-webkit-transform .25s cubic-bezier(.1,0,.1,1);transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(.1,0,.1,1);transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(.1,0,.1,1),-webkit-transform .25s cubic-bezier(.1,0,.1,1)}.color-popup-bounce-leave-active{-webkit-transition:opacity .1s cubic-bezier(.1,0,.9,1),-webkit-transform .1s cubic-bezier(.1,0,.9,1);transition:opacity .1s cubic-bezier(.1,0,.9,1),-webkit-transform .1s cubic-bezier(.1,0,.9,1);transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .1s cubic-bezier(.1,0,.9,1);transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .1s cubic-bezier(.1,0,.9,1),-webkit-transform .1s cubic-bezier(.1,0,.9,1)}.color-cell-swipe{position:relative;list-style:none}.color-cell-swipe__inner-text{display:-webkit-box;display:flex;box-sizing:border-box;min-height:52px;line-height:1.1;font-size:16px;padding:12px 24px;-webkit-box-align:center;align-items:center}.color-cell-swipe__buttons{position:absolute;left:100%;top:0;display:-webkit-box;display:flex;height:100%;padding:0;margin:0}.color-cell-swipe__buttons>li{list-style:none}.color-cell-swipe__button{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;left:100%;top:0;height:100%;overflow:hidden}.color-cell-swipe__button-text{padding:0 6.6px;white-space:nowrap;color:#fff}.color-swipe{height:198px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.color-swipe__group{height:100%}.color-swipe__indicators{position:absolute;z-index:2}.color-swipe__indicators--horizontal{bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:flex}.color-swipe__indicators--vertical{left:8px;top:50%;width:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.color-swipe__indicators__bounce{position:absolute;top:0;left:0;right:0;width:6px;height:6px;border-radius:6px;z-index:1;-webkit-transition:all .15s ease;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:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-pack:center;justify-content:center;width:300px;--move-distance-start:0px;--move-distance-end:0px}.color-animation-indictors__vertical{-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.color-animation-indictors svg.svgSize{width:65px;height:16px}.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}@-webkit-keyframes circleScaleUpRAnimation{0%{r:0}to{r:2.25}}@keyframes circleScaleUpRAnimation{0%{r:0}to{r:2.25}}@-webkit-keyframes circleScaleDownRAnimation{to{r:0}}@keyframes circleScaleDownRAnimation{to{r:0}}@-webkit-keyframes offsetAnimation{0%{-webkit-transform:translateX(var(--move-distance-start));transform:translateX(var(--move-distance-start))}to{-webkit-transform:translateX(var(--move-distance-end));transform:translateX(var(--move-distance-end))}}@keyframes offsetAnimation{0%{-webkit-transform:translateX(var(--move-distance-start));transform:translateX(var(--move-distance-start))}to{-webkit-transform:translateX(var(--move-distance-end));transform:translateX(var(--move-distance-end))}}.color-animation-indictors .offsetAnimationClass{-webkit-animation:offsetAnimation .5s cubic-bezier(.3,0,.1,1) 1 forwards;animation:offsetAnimation .5s cubic-bezier(.3,0,.1,1) 1 forwards}.color-animation-indictors .circleScaleDownRAnimation{-webkit-animation:circleScaleDownRAnimation .3s cubic-bezier(.3,0,.1,1) 1 none;animation:circleScaleDownRAnimation .3s cubic-bezier(.3,0,.1,1) 1 none}.color-animation-indictors .circleScaleUpRAnimation{-webkit-animation:circleScaleUpRAnimation .3s cubic-bezier(.3,0,.1,1) 1 none;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%}.color-search{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-search-bar{height:40px;padding:7px 24px;box-sizing:initial;background-color:initial}.color-search-bar.color-search-bar--with-transition{-webkit-transition:height .15s;transition:height .15s}.color-search-bar--custom{display:inline-block}.color-search-bar__button{display:-webkit-box;display:flex;width:100%;height:100%;line-height:normal;padding:0 11px;margin:0 auto;border:none;border-radius:20px;font-size:14px;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:-1px;left:-1px;width:calc(100% + 3px);height:calc(100% + 3px)}.color-search-bar__button .color-search-bar__button-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%}.color-search-bar__button-placeholder{-webkit-box-flex:1;flex:auto;font-size:16px;line-height:22px}.color-search-bar__right-part{display:-webkit-box;display:flex;margin-left:auto}.color-search-page{-webkit-tap-highlight-color:rgba(0,0,0,0);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;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% - 50px);background-color:#fff;overflow-y:scroll}.color-search-page__back-button{margin-left:-4px;margin-right:9px;flex-shrink:0}.color-search-page__back-button:not(.color-search-page__back-button--custom){width:24px;height:24px}.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;-webkit-transition:height .3s;transition:height .3s}.color-search-page__header{position:relative;display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-align:center;align-items:center;height:50px;padding-left:24px;line-height:normal;background-color:#fff;box-sizing:border-box}.color-search-page__input{-webkit-box-flex:1;flex-grow:1;min-width:0;border:0;padding:0 16px 0 0;caret-color:#06f;font-size:16px;line-height:21px}.color-search-page__input::-webkit-input-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:20px;width:20px;padding-right:14px;color:rgba(0,0,0,.9)}.color-search-page__vertical-divider{flex-shrink:0;width:1px;height:16px;background-color:rgba(0,0,0,.12)}.color-search-page__divider{position:absolute;left:0;bottom:0;width:100%;height:1px;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 14px;margin:0 10px 0 0;border:none;background-color:initial;font-size:14px;line-height:20px;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{-webkit-transition:opacity .25s;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-slider{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:28px;-webkit-transform:translateX(var(--translateX));transform:translateX(var(--translateX));-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.color-slider:after{content:"";display:block;position:absolute;margin:0 auto;background:rgba(0,0,0,.12);-webkit-transition:all .202s cubic-bezier(.3,0,.1,1);transition:all .202s cubic-bezier(.3,0,.1,1);z-index:1}.color-slider .color-slider__bar,.color-slider:after{width:calc(100% - 8px);height:20px;border-radius:100px}.color-slider .color-slider__bar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;overflow:hidden;z-index:2;box-sizing:border-box;padding:0 10px}.color-slider .color-slider__bar .color-slider__bar-wrap{position:relative;width:100%;height:100%}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__pointer{position:absolute;width:20px;height:20px;border-radius:50%;left:calc(var(--progress));z-index:3;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__pointer:before{content:"";display:block;position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .202s cubic-bezier(.3,0,.1,1),height .202s cubic-bezier(.3,0,.1,1);transition:width .202s cubic-bezier(.3,0,.1,1),height .202s cubic-bezier(.3,0,.1,1);z-index:2}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop{width:calc(100% + 6px);height:100%;position:absolute;left:-3px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;box-sizing:border-box;z-index:2}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item{height:6px;width:6px;border-radius:100%;background-color:rgba(0,0,0,.26)}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item.color-slider__stop-over{background-color:#fff}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item:not(:last-child){-webkit-transform:translateX(calc(var(--translateX)/3));transform:translateX(calc(var(--translateX)/3))}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__progress{width:calc(100% + 20px);z-index:1;position:absolute;background-color:#06f;height:100%;margin-left:-10px;left:calc(var(--progress) - 100%);border-radius:100px;position:relative;overflow:hidden}.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__progress-light{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(left,transparent,#fff);background:linear-gradient(90deg,transparent,#fff);opacity:0;pointer-events:none}.color-slider .color-slider__label{position:absolute;width:100%;height:20px;left:0;top:-18px;box-sizing:border-box;padding:0 10px;color:rgba(0,0,0,.9);font-size:14px;font-variation-settings:"wght" 550;font-weight:400}.color-slider .color-slider__label .color-slider__label-wrap{position:relative;width:100%;height:100%}.color-slider .color-slider__label .color-slider__label-wrap .color-slider__label-text{position:absolute;left:var(--progress);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:-webkit-transform .202s cubic-bezier(.3,0,.1,1);transition:-webkit-transform .202s cubic-bezier(.3,0,.1,1);transition:transform .202s cubic-bezier(.3,0,.1,1);transition:transform .202s cubic-bezier(.3,0,.1,1),-webkit-transform .202s cubic-bezier(.3,0,.1,1)}.color-slider.color-slider--hideProgress .color-slider__bar .color-slider__bar-wrap .color-slider__progress{background-color:initial!important}.color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__pointer:before{background-color:#cfddf3}.color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item.color-slider__stop-over{background-color:hsla(0,0%,100%,.54)}.color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__progress{background-color:rgba(0,102,255,.3)}.color-slider:not(.color-slider--moving) .color-slider__bar{-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.color-slider:not(.color-slider--moving) .color-slider__bar .color-slider__pointer,.color-slider:not(.color-slider--moving) .color-slider__bar .color-slider__progress{-webkit-transition:left .2s ease-out;transition:left .2s ease-out}.color-slider:not(.color-slider--moving) .color-slider__bar .color-slider__stop .color-slider__stop-item{-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.color-slider.color-slider--moving{-webkit-transition:-webkit-transform .15s ease-out;transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;transition:transform .15s ease-out,-webkit-transform .15s ease-out}.color-slider.color-slider--moving:not(.color-slider--disabled):after{width:100%;height:28px}.color-slider.color-slider--moving:not(.color-slider--disabled) .color-slider__bar .color-slider__bar-wrap .color-slider__pointer:before{width:16px;height:16px}.color-slider--dark.color-slider:after,.dark-colorui .color-slider:after{background:hsla(0,0%,100%,.2)}.color-slider--dark.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item,.dark-colorui .color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__stop .color-slider__stop-item{background-color:hsla(0,0%,100%,.3)}.color-slider--dark.color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__progress,.dark-colorui .color-slider .color-slider__bar .color-slider__bar-wrap .color-slider__progress{background-color:#5c9dff}.color-slider--dark.color-slider .color-slider__label,.dark-colorui .color-slider .color-slider__label{color:hsla(0,0%,100%,.9)}.color-slider--dark.color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__pointer:before,.dark-colorui .color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__pointer:before{background-color:#cfddf3}.color-slider--dark.color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__progress,.dark-colorui .color-slider.color-slider--disabled .color-slider__bar .color-slider__bar-wrap .color-slider__progress{background-color:rgba(36,124,255,.3)}.color-index-list{position:relative;overflow-y:auto;height:100%}.color-index-list-content{height:100%}.color-index-list-sidebar{position:fixed;top:50%;right:9px;-webkit-transform:translateY(-50%);transform:translateY(-50%);min-width:22px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;margin:0;padding:0;text-align:center;-webkit-user-select:none;user-select:none;z-index:1;font-variation-settings:"wght" 700;font-weight:500}.color-index-list-sidebar__index{position:relative;list-style:none;font-size:10px;color:rgba(0,0,0,.54);text-align:center;line-height:14px;padding-bottom:2px}.color-index-list-sidebar__index:last-child{padding-bottom:0}.color-index-list-sidebar__index--active,.color-index-list-sidebar__index--before{color:#06f;opacity:1}.color-index-list-sidebar__index--before:before{content:attr(data-index);font-variation-settings:"wght" 700;font-weight:500;position:absolute;right:32px;top:calc(50% - 24px);border-radius:100px;min-width:48px;height:48px;box-sizing:border-box;box-shadow:0 4px 32px 2px rgba(0,0,0,.1);text-align:center;line-height:48px;background-color:#fff;font-size:20px;color:rgba(0,0,0,.9);z-index:1}.color-index-list-sidebar__index--active:before{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:0}.color-index-list.color-index-list-dark .color-index-list-sidebar .color-index-list-sidebar__index,.dark-colorui .color-index-list .color-index-list-sidebar .color-index-list-sidebar__index{color:hsla(0,0%,100%,.54)}.color-index-list.color-index-list-dark .color-index-list-sidebar .color-index-list-sidebar__index--before:before,.dark-colorui .color-index-list .color-index-list-sidebar .color-index-list-sidebar__index--before:before{background-color:#333;color:hsla(0,0%,100%,.9);box-shadow:0 4px 32px 2px rgba(0,0,0,.25)}.color-index-list.color-index-list-dark .color-index-list-sidebar .color-index-list-sidebar__index--active,.color-index-list.color-index-list-dark .color-index-list-sidebar .color-index-list-sidebar__index--before,.dark-colorui .color-index-list .color-index-list-sidebar .color-index-list-sidebar__index--active,.dark-colorui .color-index-list .color-index-list-sidebar .color-index-list-sidebar__index--before{color:#5c9dff}.color-index-section .color-cell__indicator{padding-right:57px}.color-label-bar{position:relative;height:54px;overflow:hidden;flex-shrink:0}.color-label-bar .color-label-bar__divider{position:absolute;top:0;display:block;width:100%;height:2px;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scaleY(.33);transform:scaleY(.33);background-color:rgba(0,0,0,.12)}.color-label-bar .color-label-bar__container{height:54px;display:-webkit-box;display:flex;justify-content:space-around;-webkit-box-align:center;align-items:center;padding:0 16px}.color-tool-bar{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;width:100vw;height:56px;background-color:#fafafa;box-shadow:inset 0 .33px 0 rgba(0,0,0,.12);box-sizing:border-box;z-index:100;padding:0 16px}@media screen and (min-width:600px){.color-tool-bar{padding:0 48px}}.color-tool-bar--tb .color-tool-bar-item .color-tool-bar__item-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.color-tool-bar--bt .color-tool-bar-item .color-tool-bar__item-container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.color-tool-bar--lr .color-tool-bar-item .color-tool-bar__item-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.color-tool-bar--lr .color-tool-bar-item .color-tool-bar__item-container .color-tool-bar-item-text{margin-left:8px}.color-tool-bar--rl .color-tool-bar-item .color-tool-bar__item-container{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.color-tool-bar--rl .color-tool-bar-item .color-tool-bar__item-container .color-tool-bar-item-text{margin-right:0}.color-tool-bar.color-tool-bar--single{-webkit-box-pack:center;justify-content:center}.color-tool-bar.color-tool-bar--single .color-tool-bar-item-container{max-width:50vw}.color-tool-bar .color-tool-bar-item-container{-webkit-box-flex:1;flex:auto;margin-right:8px}.color-tool-bar .color-tool-bar-item-container:last-of-type{margin-right:unset}.color-tool-bar .color-tool-bar-item-container .color-popper__reference-container{display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.color-tool-bar.color-tool-bar--dark,.dark-colorui .color-tool-bar{background-color:#1e1e1e}.color-tool-bar.color-tool-bar--dark .color-tool-bar-item,.dark-colorui .color-tool-bar .color-tool-bar-item{color:hsla(0,0%,100%,.9)}.color-tool-bar.color-tool-bar--dark .color-tool-bar-item svg path,.dark-colorui .color-tool-bar .color-tool-bar-item svg path{fill:currentColor}.color-tool-bar.color-tool-bar--dark .color-tool-bar-item.color-tool-bar-item--disabled,.dark-colorui .color-tool-bar .color-tool-bar-item.color-tool-bar-item--disabled{opacity:unset;color:hsla(0,0%,100%,.3)}.color-tool-bar-slide-enter-active,.color-tool-bar-slide-leave-active{-webkit-transition:bottom .5s cubic-bezier(.3,0,.1,1);transition:bottom .5s cubic-bezier(.3,0,.1,1)}.color-tool-bar-slide-enter-to,.color-tool-bar-slide-leave{bottom:0}.color-tool-bar-slide-enter,.color-tool-bar-slide-leave-to{bottom:-56px}.color-popup.color-popup--color-drawer{width:0;height:100%;top:0;left:0;-webkit-transform:none;transform:none;overflow:visible}.color-popup.color-popup--color-drawer.color-popup--color-drawer-right{left:unset}.color-popup.color-popup--color-drawer.color-drawer-slide-enter-active,.color-popup.color-popup--color-drawer.color-drawer-slide-leave-active,.color-popup.color-popup--color-drawer.color-drawer-slide-right-enter-active,.color-popup.color-popup--color-drawer.color-drawer-slide-right-leave-active{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.color-popup.color-popup--color-drawer.color-drawer-slide-enter,.color-popup.color-popup--color-drawer.color-drawer-slide-leave-to{-webkit-transform:translate3d(-270px,0,0);transform:translate3d(-270px,0,0)}.color-popup.color-popup--color-drawer.color-drawer-slide-right-enter,.color-popup.color-popup--color-drawer.color-drawer-slide-right-leave-to{-webkit-transform:translate3d(270px,0,0);transform:translate3d(270px,0,0)}.color-popup.color-popup--color-drawer.color-drawer-slide-enter-to,.color-popup.color-popup--color-drawer.color-drawer-slide-leave,.color-popup.color-popup--color-drawer.color-drawer-slide-right-enter-to,.color-popup.color-popup--color-drawer.color-drawer-slide-right-leave{-webkit-transform:translateZ(0);transform:translateZ(0)}.color-drawer{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:270px;height:100%;background-color:#fff}.color-drawer.color-drawer--with-transition{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.color-drawer.color-drawer--right{position:absolute;top:0;right:0}.color-drawer .color-drawer__container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:auto}.color-drawer .color-drawer__container:not(.color-drawer__container--header-fixed){overflow-y:auto}.color-drawer .color-drawer__container .color-scroll{-webkit-box-flex:1;flex-grow:1;flex-shrink:0}.color-drawer .color-drawer__header{position:relative;flex-shrink:0}.color-drawer .color-drawer__header-divider{position:absolute;left:50%;bottom:0;opacity:0;background-color:rgba(0,0,0,.12);height:2px;width:312px;z-index:10;-webkit-transform:translateX(-50%) scaleY(.33);transform:translateX(-50%) scaleY(.33)}.color-drawer .color-drawer__title{padding:99px 24px 12px;line-height:29px;font-size:22px;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700;font-weight:500}.color-drawer .color-drawer__content{padding:14px 0 0}.color-drawer .color-drawer__content.color-drawer__content--header-fixed{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:0;overflow-y:auto}.color-drawer .color-drawer__content-button .color-cell__title{font-size:16px}.color-drawer .color-drawer__footer{border-top:1px solid rgba(0,0,0,.1)}.color-drawer .color-drawer__footer .color-cell:last-child{padding-bottom:28px}.color-drawer .color-drawer__layer{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex-grow:1;flex-shrink:0}.color-dialog-panel.color-popup{overflow:unset}.color-dialog-panel.color-popup--bottom{margin-bottom:24px}.color-dialog-panel.color-popup--round{border-radius:0!important}.color-dialog-panel.color-popup--round .color-dialog{border-radius:24px}.color-dialog-panel .color-dialog{box-sizing:border-box;max-width:360px;max-height:600px;overflow:hidden;width:calc(100vw - 32px);position:relative;background-color:#fff;margin-left:auto;margin-right:auto}.color-dialog-panel .color-dialog,.color-dialog-panel .color-dialog .color-dialog-wrapper{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.color-dialog-panel .color-dialog .color-dialog-wrapper{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding-top:24px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title{width:100%;box-sizing:border-box;text-align:center;line-height:26px;font-size:18px;color:rgba(0,0,0,.9);font-variation-settings:"wght" 700;font-weight:500;flex-shrink:0;word-break:break-all;padding:0 24px 6px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text{max-height:78px;overflow-y:auto}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-title .color-dialog-title-text.shadowBottom{-webkit-mask:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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:52px 24px 32px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc{width:100%;box-sizing:border-box;text-align:center;line-height:20px;font-size:14px;color:rgba(0,0,0,.9);font-variation-settings:"wght" 550;font-weight:400;flex-shrink:0;word-break:break-all;padding:18px 24px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text{max-height:286px;overflow-y:auto}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc .color-dialog-desc-text.shadowBottom{-webkit-mask:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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 24px 4px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc.pd2{padding:8px 24px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-desc.lines{padding:8px 24px;text-align:left}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:20px;margin-bottom:8px;align-self:flex-start}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox .color-checkbox__content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-checkbox .color-checkbox__content .checkbox-tip{font-size:12px;color:rgba(0,0,0,.54)}.color-dialog-panel .color-dialog .color-dialog-wrapper .color-dialog-content{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-align:center;-webkit-box-pack:center;justify-content:center;width:100%}.color-dialog-panel .color-dialog .color-dialog-footer{display:-webkit-box;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;user-select:none;-webkit-transform:translateZ(0);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:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;box-sizing:border-box}.color-dialog-panel .color-dialog .color-dialog-footer .color-option-content__title{font-size:16px;white-space:normal;line-height:24px;font-variation-settings:"wght" 700;font-weight:500;position:relative}.color-dialog-panel .color-dialog .color-dialog-footer .color-option-loading{position:absolute;width:16px;height:16px;left:50%;top:50%;-webkit-transform:translate(-50%,-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:24px;left:50%;height:20px;z-index:1;background-color:rgba(0,0,0,.12);width:1px}.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:12px;padding-bottom:22px}.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:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow-y:scroll}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical.color-dialog-footer--recommend{margin-top:16px;margin-bottom:12px}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical.color-dialog-footer--recommend .co-button-group{padding-top:4px;padding-bottom:4px}.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:14px 24px}.color-dialog-panel .color-dialog .color-dialog-footer.color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-child{padding-bottom:26px}.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% - 48px);bottom:0;left:24px;z-index:1;background-color:rgba(0,0,0,.12);height:1px;-webkit-transform:scaleY(.33);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:26px}.color-dialog-panel .color-dialog.color-dialog-only-title .color-dialog-wrapper{padding-top:52px}.color-dialog-panel .color-dialog.color-dialog-only-title .color-dialog-wrapper .color-dialog-title{padding-bottom:34px}.color-dialog-panel.color-dialog-panel--image .color-dialog--image{width:calc(100vw - 32px);max-width:360px;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:92px}.color-dialog-panel.color-dialog-panel--assign .color-dialog .color-dialog-wrapper .color-dialog-checkbox{margin-top:8px}.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:92px}.color-dialog-panel.color-dialog-panel--custom .color-dialog .color-dialog-wrapper .color-dialog-checkbox{margin-top:8px}.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:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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:-webkit-linear-gradient(top,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)}.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-popup.color-popup--round.color-popup--color-loading{border-radius:24px}.color-popup.color-popup--bottom.color-popup--color-loading{margin-bottom:24px;display:-webkit-box;display:flex;background-color:initial}.color-popup.color-popup--bottom.color-popup--color-loading .color-loading{margin-left:auto;margin-right:auto;border-radius:24px}.color-popup--color-loading .color-popup--color-loading--dark{background-color:#1e1e1e}.dark-colorui .color-popup--color-loading{background:transparent}.color-loading{min-width:180px;background-color:#fff;box-sizing:border-box;padding:24px 0 32px;overflow:hidden}.color-loading .loading-button-wrapper{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;text-align:center;height:61px;-webkit-user-select:none;user-select:none}.color-loading .loading-button-wrapper .loading-button{height:100%;-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;box-sizing:border-box;padding-bottom:6px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.color-loading .button-divider{align-self:flex-end;margin-bottom:23px;height:20px;width:1px;background:rgba(0,0,0,.12)}.color-loading .color-loading__title__line{display:none}.color-loading .color-progress.loadingProgressClass{margin-top:28px!important}.color-loading .color-progress{height:unset!important;margin:5px 80px 32px!important}.color-loading .color-progress__bar,.color-loading .color-progress__progress{height:4px}.color-loading--long{min-width:320px}.color-loading.color-loading--with-cancel{padding:24px 0 0}.color-loading--no-title{min-width:unset;width:152px;padding-top:32px;padding-bottom:30px}.color-loading .color-loading__title{font-variation-settings:"wght" 700;font-weight:500;padding:0 24px;margin-bottom:20px;text-align:center;font-size:18px;line-height:23px;color:rgba(0,0,0,.9)}.color-loading .color-loading__title__line{height:10px}.color-loading .color-loading__progress{width:26px;height:26px;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;-webkit-transition:stroke-dasharray .1s;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:168px;height:34px;margin:-11px auto}.color-loading .color-progress-circle{margin:0 auto}.color-loading .color-loading__cancel-button{font-size:16px;font-variation-settings:"wght" 700;font-weight:500;height:61px;color:#06f;text-align:center;overflow:hidden}.color-loading .color-loading__cancel-button.margin-btm-when-no-progress{margin-bottom:18px}.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{-webkit-transition:all .25s;transition:all .25s}.color-loading-enter{-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);opacity:0}.color-loading-leave-to{opacity:0}.color-loading-enter-to,.color-loading-leave,.color-loading-leave-to{-webkit-transform:translate3d(-50%,-50%,0) scaleX(1);transform:translate3d(-50%,-50%,0) scaleX(1)}.color-loading-enter-to,.color-loading-leave{opacity:1}.color-area-loading{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align: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:26px;height:26px;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:16px;height:16px;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{-webkit-transition:opacity .5s;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:20px;height:20px}.color-loading__description{margin-top:16px;padding-left:16px;padding-right:16px;font-size:12px;color:rgba(0,0,0,.54);text-align:center;font-variation-settings:"wght" 700;font-weight:500}.color-area-loading__description{margin-top:16px;font-size:14px;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-emptytip{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#fff}.color-emptytip,.color-emptytip__pic{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.color-emptytip__pic{width:110px;height:110px;opacity:var(--opacity)}.color-emptytip__content-text{position:relative;max-height:92px;overflow-y:auto;margin-bottom:0}.color-emptytip__content-text:before{content:"";position:fixed;height:24px;bottom:36px;left:0;right:0;background:-webkit-linear-gradient(top,rgba(67,56,67,.1019607843),#fff);background:linear-gradient(180deg,rgba(67,56,67,.1019607843),#fff);z-index:1000}.color-emptytip__text{font-size:16px;line-height:21px;max-height:42px}.color-emptytip__subtext,.color-emptytip__text{max-width:280px;opacity:.4;color:rgba(0,0,0,.9)}.color-emptytip__subtext{font-size:12px;letter-spacing:.08px;line-height:16px;margin-top:2px}.color-emptytip__button .co-button{margin-top:6px}.color-emptytip__button .co-button>span{font-size:16px;line-height:22px}.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:-webkit-linear-gradient(top,transparent,var(--darkBg));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{-webkit-transform:translateY(var(--translateY));transform:translateY(var(--translateY));text-align:center}.color-emptytip__container img{width:280px;height:200px;display:block}.color-emptytip__icon{position:relative;width:120px;height:120px;-webkit-animation:fadeIn 267ms linear;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:100px;height:100px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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{-webkit-animation:frontIn 817ms cubic-bezier(.17,.17,0,1);animation:frontIn 817ms cubic-bezier(.17,.17,0,1)}.color-emptytip__icon-background{-webkit-animation:backgroundIn 817ms cubic-bezier(.17,.17,0,1);animation:backgroundIn 817ms cubic-bezier(.17,.17,0,1)}@-webkit-keyframes frontIn{0%{-webkit-transform:translateY(-42px);transform:translateY(-42px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes frontIn{0%{-webkit-transform:translateY(-42px);transform:translateY(-42px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes backgroundIn{0%{-webkit-transform:translateY(-66px);transform:translateY(-66px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes backgroundIn{0%{-webkit-transform:translateY(-66px);transform:translateY(-66px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:320px){.color-emptytip__container{-webkit-transform:translateY(0);transform:translateY(0)}.color-emptytip__container img{width:168px;height:120px}}@media screen and (max-height:480px){.color-emptytip__container{-webkit-transform:translateY(0);transform:translateY(0)}.color-emptytip__container img{width:168px;height:120px}}.color-more{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-more__container .color-popper__inner-container{min-width:var(--containerWidth);max-width:232px;padding:unset;line-height:unset;color:#000;color:initial;box-shadow:0 10px 40px 0 rgba(0,0,0,.2);-webkit-transition:all .3s;transition:all .3s}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell{font-variation-settings:"wght" 550;font-weight:400}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell .color-cell__wrapper .color-cell__content-right{padding-left:4px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell .color-cell__wrapper .color-cell__icon+.color-cell__content{padding-left:12px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell:first-child .color-cell__wrapper.p13{padding-top:15px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell:first-child .color-cell__wrapper.p12{padding-top:14px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell:last-child .color-cell__wrapper.p13{padding-bottom:15px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell:last-child .color-cell__wrapper.p12{padding-bottom:14px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell.color-cell--titleLines .color-cell__wrapper{padding-top:8px;padding-bottom:8px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell.color-cell--titleLines:first-child .color-cell__wrapper.p12,.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell.color-cell--titleLines:first-child .color-cell__wrapper.p13{padding-top:10px}.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell.color-cell--titleLines:last-child .color-cell__wrapper.p12,.color-more__container .color-popper__inner-container .color-cell-group .color-cell-group-wrap .color-cell.color-cell--titleLines:last-child .color-cell__wrapper.p13{padding-bottom:10px}.color-more__container .color-popper__inner-container .moreActive.color-cell .color-cell__wrapper .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title{color:#06f}.color-more__container.color-popper__container-dark .color-popper__inner-container,.dark-colorui .color-more__container .color-popper__inner-container{box-shadow:0 10px 40px 0 rgba(0,0,0,.6)}.color-more__container.color-popper__container-dark .moreActive.color-cell .color-cell__wrapper .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title,.dark-colorui .color-more__container .moreActive.color-cell .color-cell__wrapper .color-cell__content .color-cell__content-left .color-cell__text .color-cell__title{color:#5c9dff}.color-picker{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;font-style:normal;background:#fff;font-variation-settings:"wght" 700;font-weight:500;border-radius:12px;overflow:hidden;font-size:16px;z-index:0}.color-picker .line{content:"";width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:50px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px 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;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.74),hsla(0,0%,100%,.74) var(--clip-height),transparent 0),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.74),hsla(0,0%,100%,.74) var(--clip-height),transparent 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:-5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;height:50px;line-height:50px}.color-picker-unit-span{display:inline-block;font-variation-settings:"wght" 700;font-weight:500}.color-picker-unit-Enh{margin-right:21px}.color-picker-unit-Enm{margin-right:16px}.color-picker-unit-Cnh,.color-picker-unit-Cnm{margin-right:14px}.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:7px}.color-picker-item--unit{width:62px;margin-left:2px}.color-picker-item::-webkit-scrollbar{display:none}.color-picker-item--default{width:120px;overflow:hidden}.color-picker-item--month,.color-picker-item--number{width:76px}.color-picker-item--year{width:96px}.color-picker-item--year .color-picker-item-li-span{margin-left:14px}.color-picker-item--year+.color-picker-item--month .color-picker-item-li-span{margin-right:1px;margin-left:unset}.color-picker-item--year+.color-picker-item--month+.color-picker-item--month .color-picker-item-li-span{margin-right:17px;margin-left:unset}.color-picker-item--week{width:150px}.color-picker-item--week .color-picker-item-li-span{margin-left:11px}.color-picker-item--week+.color-picker-item--number .color-picker-item-li-span{margin-left:9.73px}.color-picker-item--week+.color-picker-item--number+.color-picker-item--number .color-picker-item-li-span{margin-right:9px}.color-picker-item-li{display:inline-block;white-space:nowrap;line-height:45px;height:45px;-webkit-transform-origin:center;transform-origin:center;width:100%}.color-picker-item-li-span{width:100%;display:inline-block;-webkit-transition:font-size .2s linear;transition:font-size .2s linear;color:rgba(0,0,0,.9);font-size:16px;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:20px;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:1px solid hsla(0,0%,100%,.2);border-bottom:1px 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;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.7),rgba(0,0,0,.7) var(--clip-height),transparent 0),-webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) var(--clip-height),transparent 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;-webkit-transform:translateZ(0);transform:translateZ(0);background-image:-webkit-linear-gradient(top,rgba(70,70,70,.7),rgba(70,70,70,.7) var(--clip-height),transparent 0),-webkit-linear-gradient(bottom,rgba(70,70,70,.7),rgba(70,70,70,.7) var(--clip-height),transparent 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-swipe-card{width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.color-swipe-card,.color-swipe-card__group{display:-webkit-box;display:flex;height:100%}.color-swipe-card__group{-webkit-box-align:center;align-items:center;white-space:nowrap}.color-swipe-card-item{position:relative;box-sizing:border-box;flex-shrink:0;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.color-collapse{overflow:hidden}.color-collapse.round{background-color:#fff;margin:0 16px;border-radius:12px}.color-collapse .color-collapse-wrap{position:relative;margin:0 auto}.color-collapse .color-collapse-wrap .color-cell{padding:unset}.color-collapse .color-collapse-wrap .color-cell .color-cell__wrapper{margin:unset;width:100%}@media screen and (min-width:600px){.color-collapse.responsive .color-collapse-wrap{width:calc(75% + 46.5px)}.color-collapse.responsive.round .color-collapse-wrap{width:calc(75% - 1.5px)}.color-collapse.responsive,.color-collapse.responsive.round{padding:0 24px}}@media screen and (min-width:840px){.color-collapse.responsive .color-collapse-wrap{width:calc(66.7% + 44.4px)}.color-collapse.responsive.round .color-collapse-wrap{width:calc(66.7% - 3.6px)}.color-collapse.responsive,.color-collapse.responsive.round{padding:0 40px}}.color-collapse .color-cell{background:unset}.color-collapse .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow{display:-webkit-box;display:flex;width:16px}.color-collapse .color-collapse__content{overflow:hidden;-webkit-transition:height .4s cubic-bezier(.3,0,0,1);transition:height .4s cubic-bezier(.3,0,0,1);-webkit-transform:translateZ(0);transform:translateZ(0)}.color-collapse .color-collapse__content--icon .color-cell__content{padding-left:52px}.color-collapse .color-collapse__content--text .color-cell__content{padding-left:16px}.color-collapse.color-collapse-dark.round,.dark-colorui .color-collapse.round{background-color:hsla(0,0%,100%,.1)}.color-collapse.color-collapse-dark .color-cell .color-cell__wrapper,.dark-colorui .color-collapse .color-cell .color-cell__wrapper{background-color:unset}.color-collapse.color-collapse-dark .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-a svg path,.dark-colorui .color-collapse .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-a svg path{stroke:hsla(0,0%,100%,.3);stroke-opacity:1}.color-collapse.color-collapse-dark .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-b svg g g:nth-child(2) path:first-child,.dark-colorui .color-collapse .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-b svg g g:nth-child(2) path:first-child{fill:#fff}.color-collapse.color-collapse-dark .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-b svg g g:nth-child(2) path:last-child,.dark-colorui .color-collapse .color-cell .color-cell__wrapper .color-cell__widget .color-collapse__arrow.arrow-b svg g g:nth-child(2) path:last-child{stroke:#fff}.color-fab{display:inline-block;width:-webkit-fit-content;width:fit-content}.color-fab-content{position:relative;z-index:1}.color-fab-content .color-fab-button-text{position:absolute}.color-fab-activator{z-index:2;position:relative}.color-fab--fixed{position:fixed;right:20px;bottom:40px}.color-fab--scrollHide{-webkit-transform:scale(.6);transform:scale(.6);opacity:0}.color-fab--scrollHide,.color-fab--scrollShow{-webkit-transition:all .35s cubic-bezier(.3,0,.1,1);transition:all .35s cubic-bezier(.3,0,.1,1)}html[dir=rtl] .color-fab--fixed{left:20px;right:unset}.fab-btns-enter-active>*{-webkit-transition:all .35s cubic-bezier(.15,.2,0,1.14);transition:all .35s cubic-bezier(.15,.2,0,1.14)}.fab-btns-enter-active>* .color-fab-button-text{-webkit-transition:opacity .35s ease .1s;transition:opacity .35s ease .1s}.fab-btns-leave-active>*{-webkit-transition:all .3s cubic-bezier(.3,0,.2,1);transition:all .3s cubic-bezier(.3,0,.2,1)}.fab-btns-leave-active>* .color-fab-button-text{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.fab-btns-enter>*,.fab-btns-leave-to>*{position:absolute;opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}.fab-btns-enter>* .color-fab-button-text,.fab-btns-leave-to>* .color-fab-button-text{opacity:0}.fab-btns-enter-to>*,.fab-btns-leave>*{position:absolute;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.fab-btns-enter-to>* .color-fab-button-text,.fab-btns-leave>* .color-fab-button-text{opacity:1}@media screen and (min-width:600px)and (max-width:839px){.color-fab--fixed{right:24px;bottom:40px}}@media screen and (min-width:840px){.color-fab--fixed{right:40px;bottom:40px}}.color-label-bar-item{position:relative;display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;min-width:49px;font-size:10px;color:rgba(0,0,0,.9);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-label-bar-item.color-label-bar-item--active{color:rgba(0,0,0,.9)!important}.color-label-bar-item.color-label-bar-item--active svg{fill:#000!important}.color-label-bar-item.color-label-bar-item--disabled{opacity:.15}.color-label-bar-item-container{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}@media (min-aspect-ratio:7/10){.color-label-bar-item-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}.color-label-bar-item-icon{font-size:0;margin-bottom:2px}@media (min-aspect-ratio:7/10){.color-label-bar-item-icon{margin-bottom:0}}.color-label-bar-item-icon .color-badge__container.color-badge__container--absolute{right:-10px}.color-label-bar-item-icon .color-badge__container.color-badge__container--absolute.color-badge__container--multiple-digits{right:-12px}.color-tool-bar-item{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%;font-size:10px;font-variation-settings:"wght" 700;font-weight:500;color:rgba(0,0,0,.9);box-sizing:initial;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-tool-bar-item.color-tool-bar-item--disabled{opacity:.26}.color-tool-bar-item .color-tool-bar__item-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.color-tool-bar-item .color-tool-bar__item-container .color-tool-bar-item__icon{display:-webkit-inline-box;display:inline-flex;position:relative;margin-bottom:1px}.color-tool-bar-item .color-tool-bar__item-container .color-tool-bar-item__icon.color-tool-bar-item__icon--more{width:24px;height:24px;font-size:24px}.color-tool-bar-item .color-tool-bar__item-container .color-tool-bar-item-text{white-space:nowrap;line-height:14px}.color-popup-panel{overflow:hidden;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#fff}.color-popup-panel.color-popup--round{border-radius:24px 24px 0 0}.color-popup-panel--resizing{-webkit-transition:height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1);transition:height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1);transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1);transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1)}.color-popup-panel--touching{-webkit-transition:none;transition:none}.color-popup-panel--transition{-webkit-transition:height .4s cubic-bezier(.33,0,0,1),bottom .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1);transition:height .4s cubic-bezier(.33,0,0,1),bottom .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1)}.color-popup-panel.color-popup-panel--expanded{height:100%}.color-popup-panel.color-popup-panel--expanded .color-panel-wrapper{-webkit-box-flex:1;flex:1}.color-popup-panel .color-title-bar__title .color-title-bar__title-wrapper{margin-bottom:13.5px}.color-panel-wrapper{overflow:hidden;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.color-panel-wrapper--no-handler{padding-top:30px}.color-panel-wrapper__bar{flex-shrink:0;min-height:30px;text-align:center;position:relative}.color-panel-wrapper__bar__inner{width:22px;height:2px;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--bg-color);border-radius:2px;position:absolute}.color-panel-wrapper.color-panel-wrapper-dark .color-panel-item__content .color-scroll__inner{background-color:#2e2e2e!important}.color-panel-wrapper.color-panel-wrapper-dark .close-icon-exhibit svg path{fill:#fff!important;opacity:.9}.color-panel-wrapper.color-panel-wrapper-dark .finish-icon svg path{stroke:#fff!important;opacity:.9}.color-panel-wrapper.color-panel-wrapper-dark .close-icon svg path{fill:#fff!important}.color-panel-wrapper.color-panel-wrapper-dark .close-icon svg circle{fill-opacity:.3;fill:#fff!important}.color-panel{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;position:relative;-webkit-transition:height .25s cubic-bezier(.3,0,.1,1);transition:height .25s cubic-bezier(.3,0,.1,1)}.color-popup-panel--expanded .color-panel{-webkit-box-flex:1;flex:1}.color-panel-slide-bottom-enter,.color-panel-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.color-panel-slide-bottom-enter-active{-webkit-transition:height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1);transition:height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1);transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1);transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1),-webkit-transform .3s cubic-bezier(0,0,.15,1)}.color-popup-panel--quick-leave.color-panel-slide-bottom-leave-active{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.color-panel-slide-bottom-leave-active{-webkit-transition:-webkit-transform .3s cubic-bezier(.3,0,1,1);transition:-webkit-transform .3s cubic-bezier(.3,0,1,1);transition:transform .3s cubic-bezier(.3,0,1,1);transition:transform .3s cubic-bezier(.3,0,1,1),-webkit-transform .3s cubic-bezier(.3,0,1,1)}@media screen and (max-width:600px){.color-popup-panel.color-popup{max-width:100%;left:0}}@media screen and (min-width:600px)and (max-width:840px){.color-popup-panel.color-popup{max-width:486px;left:calc(50% - 243px);border-radius:24px!important;margin-bottom:16px;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}}@media screen and (min-width:840px){.color-popup-panel.color-popup{max-width:523px;left:calc(50% - 261.5px);border-radius:24px!important;margin-bottom:16px;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}}.color-panel-wrapper-dark .color-panel-item__content .color-scroll__inner .panel-content{background-color:#2e2e2e!important;border:1px dashed hsla(0,0%,100%,.4)}.color-panel-wrapper-dark .color-panel-item__content .color-scroll__inner .panel-content span{color:hsla(0,0%,100%,.6)!important}.color-panel-item{width:100%;overflow:hidden;-webkit-transition:opacity .1s cubic-bezier(.3,0,.1,1);transition:opacity .1s cubic-bezier(.3,0,.1,1);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1}.color-fade-in-out-enter-active{opacity:0}.color-fade-in-out-leave-active{opacity:0;position:absolute;left:0;bottom:0}.color-panel-item__header{flex-shrink:0;height:50px}.color-panel-item__content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1;min-height:auto;overflow:hidden}.color-panel-item__content .color-panel-item__content__inner{overflow:scroll;box-sizing:border-box}.color-panel-item__divider{flex-shrink:0;height:1px;-webkit-transform:scaleY(.667);transform:scaleY(.667);background-color:var(--divider-color)}.color-panel-item .color-panel-item__footer{flex-shrink:0;box-sizing:border-box;text-align:center;position:relative;overflow:scroll}@media (min-aspect-ratio:7/10)and (min-width:640px){.color-panel-item .color-panel-item__footer--horizontal{padding-bottom:0}.color-panel-item .color-panel-item__footer--vertical{padding-bottom:10px}}@media (orientation:landscape)and (min-width:640px){.color-panel-item .color-panel-item__footer--horizontal{padding-bottom:0}.color-panel-item .color-panel-item__footer--vertical{padding-bottom:10px}}.color-panel-item .color-panel-item__footer .color-option{width:100%;padding:0 30px}.color-panel-item .color-panel-item__footer .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;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-panel-item .color-panel-item__footer .color-option--bold{font-variation-settings:"wght" 700;font-weight:500}.color-panel-item .color-panel-item__footer .color-option--disabled{color:rgba(0,0,0,.3)}.color-panel-item .color-panel-item__footer .color-option-content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;box-sizing:border-box;min-height:38px}.color-panel-item .color-panel-item__footer .color-option-content__title{font-size:14px;white-space:normal;line-height:20px}.color-panel-item .color-panel-item__footer .color-option-content__sub{font-size:12px;color:rgba(0,0,0,.5);margin-top:1px;line-height:17px}.color-panel-item .color-panel-item__footer__inner--horizontal{position:relative;display:-webkit-box;display:flex}.color-panel-item .color-panel-item__footer__inner--horizontal .color-option{height:58px}.color-panel-item .color-panel-item__footer__inner--horizontal:before{content:"";position:absolute;top:18px;left:50%;height:22px;z-index:1;-webkit-transform:scaleX(.667);transform:scaleX(.667);background-color:var(--divider-color);width:1px}.color-panel-item .color-panel-item__footer__inner--horizontal--single-btn:before{display:none}.color-panel-item .color-panel-item__footer__inner--vertical .color-option{height:52px}.color-panel-item .color-panel-item__footer__inner--vertical .co-button--middle:nth-child(odd){margin-right:8px}.color-panel-item .color-panel-item__footer__inner--vertical .co-button{margin-top:4px}.co-popup-parent--hidden,.v-modal{overflow:hidden}.v-modal{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:.2}.dark-colorui .v-modal,.v-modal.v-modal-dark{opacity:.6}.co-panel__wrap{position:fixed;width:100%;height:100%;bottom:0;left:0;overflow:hidden;margin:0;pointer-events:none}.co-panel__wrap .co-panel{position:absolute;bottom:0;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;box-sizing:border-box;width:100%;max-height:calc(100% - 40px);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;pointer-events:auto}.co-panel__wrap .co-panel .co-panel__header{position:relative}.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon{margin-top:6px;position:relative;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;z-index:3}.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon svg{position:relative;z-index:2;pointer-events:none}.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone{width:68px;height:28px;position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50px}@media(hover:hover)and (pointer:fine){.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone:hover{background-color:rgba(0,0,0,.08)}}.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone.co-panel-foldicon-hotzone-active{background-color:rgba(0,0,0,.12)}.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap{position:relative;padding-top:6px}.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle-content{display:-webkit-box;display:flex;height:52px;-webkit-box-align:center;align-items:center;position:relative;color:rgba(0,0,0,.9)}.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle-content .co-panel-header-secondarytitle-icon{display:-webkit-box;display:flex;width:48px;height:100%;margin:0 4px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-user-select:none;user-select:none}.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle-content .co-panel-header-secondarytitle{font-size:18px;font-variation-settings:"wght" 700;font-weight:500;letter-spacing:.18px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap{position:relative;padding-top:6px}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title{height:52px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;z-index:2}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title .co-panel__cancel{position:absolute;left:4px;z-index:2}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title .co-panel__title{position:relative;z-index:1;font-size:18px;font-variation-settings:"wght" 700;font-weight:500;letter-spacing:.18px;width:100%;height:100%;line-height:52px;text-align:center;-webkit-user-select:none;user-select:none}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title .co-panel__confirm{position:absolute;right:4px;z-index:2}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title .co-panel__cancel_loading{position:absolute;left:16px}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel-title .co-panel__confirm_loading{position:absolute;right:16px}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle{margin:0 24px 12px;box-sizing:border-box;font-size:12px;font-variation-settings:"wght" 550;font-weight:400;line-height:16px;letter-spacing:.24px;text-align:center;color:rgba(0,0,0,.54)}.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle a{color:#06f;text-decoration:none}.co-panel__wrap .co-panel .co-panel__header:after{content:"";display:none;position:absolute;width:100%;height:1px;bottom:0;z-index:3;box-shadow:inset 0 -.4px 0 0 rgba(0,0,0,.12)}.co-panel__wrap .co-panel .co-panel__body{overflow:auto;-webkit-box-flex:1;flex:1}.co-panel__wrap .co-panel .co-panel__body .co-panel__body-wrap{height:100%;position:relative}.co-panel__wrap .co-panel .co-panel__footer{display:block}.co-panel__wrap .co-panel .co-panel__footer .co-button-group{padding-top:16px;padding-bottom:24px}@media screen and (min-width:600px){.co-panel__wrap:not(.co-panel-fold) .co-panel{right:50%;bottom:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);border-radius:20px;width:calc(75% - 37.5px);max-height:calc(100% - 128px)}}@media screen and (min-width:1120px){.co-panel__wrap:not(.co-panel-fold) .co-panel{width:calc(50% - 46px)}}@media screen and (min-width:600px){.co-panel__wrap.co-panel-fold .co-panel{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:calc(75% - 37.5px);max-height:calc(100% - 64px)}}@media screen and (min-width:600px)and (min-height:864px){.co-panel__wrap.co-panel-fold .co-panel{max-height:800px}}@media screen and (min-width:1120px){.co-panel__wrap.co-panel-fold .co-panel{width:calc(50% - 46px)}}.co-panel__wrap.co-panel-line .co-panel .co-panel__header:after{display:block}.co-panel__wrap.co-panel-fullHeight .co-panel{min-height:calc(100% - 40px)}@media screen and (min-width:600px){.co-panel__wrap.co-panel-fullHeight:not(.co-panel-fold) .co-panel{min-height:calc(100% - 128px)}}@media screen and (min-width:600px){.co-panel__wrap.co-panel-fullHeight.co-panel-fold .co-panel{min-height:calc(100% - 64px)}}.co-panel__wrap.co-panel-submt .co-panel__header .co-panel__header-wrap .co-panel__subtitle{text-align:left}.co-panel-dark.co-panel__wrap .co-panel,.dark-colorui .co-panel__wrap .co-panel{background-color:#1e1e1e}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header:after,.dark-colorui .co-panel__wrap .co-panel .co-panel__header:after{box-shadow:inset 0 -.4px 0 0 hsla(0,0%,100%,.12)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__title,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__title{color:hsla(0,0%,100%,.9)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle{color:hsla(0,0%,100%,.54)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle a,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel__header-wrap .co-panel__subtitle a{color:#5c9dff}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle,.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle-icon,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel-header-secondarytitle-wrap .co-panel-header-secondarytitle-icon{color:hsla(0,0%,100%,.9)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon svg rect,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon svg rect{fill:hsla(0,0%,100%,.25)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone:hover,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone:hover{background-color:hsla(0,0%,100%,.15)}.co-panel-dark.co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone-active,.dark-colorui .co-panel__wrap .co-panel .co-panel__header .co-panel-foldicon-hotzone-active{background-color:hsla(0,0%,100%,.2)}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.panel-fade-enter,.panel-fade-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.panel-fade-enter-active{-webkit-transition:all .25s cubic-bezier(0,0,.15,1);transition:all .25s cubic-bezier(0,0,.15,1)}.panel-fade-leave-active{-webkit-transition:all .35s cubic-bezier(.3,0,1,1);transition:all .35s cubic-bezier(.3,0,1,1)}.color-fab-button{width:-webkit-fit-content;width:fit-content}.color-fab-button,.color-fab-button-btn{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;border-radius:36px}.color-fab-button-btn{width:56px;height:56px;box-sizing:border-box;background:#06f;box-shadow:0 10px 40px 0 rgba(0,0,0,.2);-webkit-box-pack:center;justify-content:center;flex-shrink:0;color:#fff;-webkit-transform:scale(1);transform:scale(1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-fab-button-btn,.color-fab-button-btn--touchStart{-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1)}.color-fab-button-btn--touchStart{background:rgba(0,102,255,.12)}.color-fab-button-btn--disabled{background:rgba(0,102,255,.3)}.color-fab-button-text__wrap{position:relative}.color-fab-button-text{position:absolute;width:-webkit-max-content;width:max-content;padding:4px 8px;font-size:12px;color:#fff;text-align:justify;background:#06f;border-radius:4px;max-width:220px;flex-shrink:0;box-sizing:border-box}.color-fab-button-text div{white-space:nowrap}.color-fab-button-text--limited div{line-height:16px;max-height:46px;text-overflow:ellipsis;word-wrap:break-word;white-space:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.color-fab-button-text--vertical{max-width:70px}.color-fab-button-text--vertical div{max-height:unset;-webkit-line-clamp:4}.fab-page-popup{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2)}.dark-colorui .fab-page-popup,.fab-page-popup.fab-page-popup-dark{background:rgba(0,0,0,.5)}.fab-page-popup-enter-to.fab-page-popup-leave{opacity:.4}.fab-page-popup-enter,.fab-page-popup-leave-to{opacity:0}.fab-page-popup-enter-active{-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.fab-page-popup-leave-active{-webkit-transition:opacity .22s cubic-bezier(.3,0,1,1);transition:opacity .22s cubic-bezier(.3,0,1,1)}.fab-page{position:fixed;width:100vw;height:100vh;border-radius:0;top:0;left:0;background:#fff}.fab-page .fab-page-fakeIcon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fab-page-dark.fab-page-enter{background:#4d4d4d!important}.fab-page-dark.fab-page-enter-to{background:#000!important}.fab-page-dark.fab-page-enter-active{-webkit-transition:background .35s cubic-bezier(.35,.53,.2,1),border-radius .35s cubic-bezier(.35,0,.35,1);transition:background .35s cubic-bezier(.35,.53,.2,1),border-radius .35s cubic-bezier(.35,0,.35,1)}.fab-page-enter{border-radius:36px;overflow:hidden}.fab-page-enter>*{opacity:0}.fab-page-enter .fab-page-fakeIcon{opacity:1}.fab-page-enter-to{border-radius:0;overflow:hidden}.fab-page-enter-to>*{opacity:1}.fab-page-enter-to .fab-page-fakeIcon{opacity:0}.fab-page-enter-active{-webkit-transition:border-radius .35s cubic-bezier(.35,0,.35,1);transition:border-radius .35s cubic-bezier(.35,0,.35,1)}.fab-page-enter-active>*{-webkit-transition:opacity .29s cubic-bezier(.35,.53,.2,1) 60ms;transition:opacity .29s cubic-bezier(.35,.53,.2,1) 60ms}.fab-page-enter-active .fab-page-fakeIcon{-webkit-transition:opacity 60ms cubic-bezier(.33,0,.33,1);transition:opacity 60ms cubic-bezier(.33,0,.33,1)}.fab-page-leave{-webkit-transform:translate(0);transform:translate(0)}.fab-page-leave-to{-webkit-transform:translateY(100vh)!important;transform:translateY(100vh)!important}.fab-page-leave-active{-webkit-transition:-webkit-transform .22s cubic-bezier(.3,0,1,1);transition:-webkit-transform .22s cubic-bezier(.3,0,1,1);transition:transform .22s cubic-bezier(.3,0,1,1);transition:transform .22s cubic-bezier(.3,0,1,1),-webkit-transform .22s cubic-bezier(.3,0,1,1)}.color-fab-button.color-fab-button-dark .color-fab-button-btn{background:#247cff;color:hsla(0,0%,100%,.9);box-shadow:0 10px 40px 0 rgba(0,0,0,.6)}.color-fab-button.color-fab-button-dark .color-fab-button-btn.color-fab-button-btn--touchStart{background:rgba(36,124,255,.2)}.color-fab-button.color-fab-button-dark .color-fab-button-text{background-color:#247cff}.color-chip{position:relative;display:-webkit-inline-box;display:inline-flex;vertical-align:middle;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:rgba(0,0,0,.08);padding:0 12px;color:rgba(0,0,0,.9);border-radius:50px;font-size:14px;line-height:20px;min-width:52px;height:32px;box-sizing:border-box;white-space:nowrap;-webkit-transition:background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),background-color .3s cubic-bezier(0,0,.2,1),color .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);overflow:hidden;-webkit-user-select:none;user-select:none}.color-chip:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;-webkit-transition:background-color .3s;transition:background-color .3s;pointer-events:none}.color-chip:focus{outline:unset}.color-chip.color-chip-show-close{padding-right:0}.color-chip.color-chip-show-avatar{padding-left:0}.color-chip .color-chip-close{margin:0 9px;position:relative;z-index:9}.color-chip .color-chip-avatar{width:24px;height:24px;margin:0 4px;border-radius:50%;overflow:hidden}.color-chip .color-chip-avatar>*{width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-variation-settings:"wght" 550;font-weight:400;font-size:14px;color:#fff;background-color:#5c93e5}.color-chip.color-chip-actived{background-color:#06f;color:#fff}.color-chip.color-chip-small{height:28px;line-height:16px}.color-chip.color-chip-small.color-chip-show-close .color-chip-close{margin:0 8px;width:12px;height:12px}.color-chip.color-chip-small .color-chip-avatar{margin-left:2px}.color-chip-disabled{color:rgba(0,0,0,.26)}.color-chip.color-chip-actived.color-chip-disabled{background-color:rgba(0,102,255,.3);color:hsla(0,0%,100%,.54)}.color-chip.color-chip-touch:not(.color-chip-disabled){-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),-webkit-transform .16s cubic-bezier(.4,0,.2,1);transition:background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),-webkit-transform .16s cubic-bezier(.4,0,.2,1);transition:transform .16s cubic-bezier(.4,0,.2,1),background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1);transition:transform .16s cubic-bezier(.4,0,.2,1),background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1),-webkit-transform .16s cubic-bezier(.4,0,.2,1)}.color-chip.color-chip-touch:not(.color-chip-disabled):before{background-color:rgba(0,0,0,.12);-webkit-transition:background-color .16s;transition:background-color .16s}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-chip:not(.color-chip-disabled):focus{outline:3px solid rgba(0,102,255,.4)}.color-chip:hover{outline:unset!important}.color-chip:not(.color-chip-disabled):hover:before{-webkit-transition:background-color .1s;transition:background-color .1s;background-color:rgba(0,0,0,.08)}}.color-chip.color-chip-dark,.dark-colorui .color-chip{background-color:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.color-chip.color-chip-dark.color-chip-actived,.dark-colorui .color-chip.color-chip-actived{background-color:#247cff}.color-chip.color-chip-dark.color-chip-disabled,.dark-colorui .color-chip.color-chip-disabled{color:hsla(0,0%,100%,.3)}.color-chip.color-chip-dark.color-chip-actived.color-chip-disabled,.dark-colorui .color-chip.color-chip-actived.color-chip-disabled{background-color:rgba(36,124,255,.3)}@media(hover:hover)and (pointer:fine){.focus-outline-visible .color-chip.color-chip-dark:not(.color-chip-disabled):focus,.focus-outline-visible.dark-colorui .color-chip:not(.color-chip-disabled):focus,.focus-outline-visible .dark-colorui .color-chip:not(.color-chip-disabled):focus{outline:3px solid rgba(92,157,255,.4)}.color-chip.color-chip-dark:not(.color-chip-disabled):hover:before,.dark-colorui .color-chip:not(.color-chip-disabled):hover:before{background-color:hsla(0,0%,100%,.15)}}.color-chips-group{font-size:0}.color-chips-group.color-chips-group--nowrap{white-space:nowrap;width:100%;overflow-x:scroll}.color-chips-group.color-chips-group--nowrap .color-chip{margin-right:var(--columnGap)}.color-chips-group.color-chips-group--flow .color-chip{margin:0 var(--columnGap) var(--rowGap) 0}.color-chips-group.color-chips-group--grid{display:grid;-moz-column-gap:var(--columnGap);grid-column-gap:var(--columnGap);-webkit-column-gap:var(--columnGap);column-gap:var(--columnGap);grid-row-gap:var(--rowGap);row-gap:var(--rowGap);grid-template-columns:repeat(var(--column),1fr);grid-template-rows:32px}.flexible-input-wrap{height:32px;position:relative;display:inline-block;min-width:1px;max-width:100%;font-size:16px;line-height:21px;text-align:justify;outline:none;border:none;padding:0;margin:0}.flexible-input-wrap .flexible-input-value{line-height:32px;visibility:hidden;display:inline-block}.flexible-input-wrap .flexible-input{position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flexible-input-wrap .color-field .color-field-wrap{padding:0}.color-field-chips{padding:10px 0}.color-field-chips.color-field-chips--line{position:relative;box-shadow:inset 0 -.4px 0 0 rgba(0,0,0,.12)}.color-field-chips.color-field-chips--line:after{content:"";position:absolute;left:0;bottom:1px;height:1px;width:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.color-field-chips.color-field-chips--line.color-field-chips--line-active:after{width:100%;-webkit-transition:width .28s cubic-bezier(.25,.1,.1,1);transition:width .28s cubic-bezier(.25,.1,.1,1);background-color:#06f}.color-field-chips .color-chips-group .flexible-input-wrap{vertical-align:top}.color-field-chips .color-chips-group .flexible-input-wrap .flexible-input .color-field-wrap{width:auto;background-color:unset}.color-field-chips.color-field-chips-dark.color-field-chips--line,.dark-colorui .color-field-chips.color-field-chips--line{box-shadow:inset 0 -.4px 0 0 hsla(0,0%,100%,.2)}.color-field-chips.color-field-chips-dark.color-field-chips--line.color-field-chips--line-active:after,.dark-colorui .color-field-chips.color-field-chips--line.color-field-chips--line-active:after{background-color:#247cff}.color-scroll-container{height:100%;-webkit-box-flex:1;flex:auto;position:relative;overflow:hidden}.color-scroll-container__inner-container{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:auto}.color-scroll-bar{position:absolute;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;top:24px;right:11.5px;width:24px;height:36px;border-radius:40px;background-color:#fff;-webkit-transform-origin:center;transform-origin:center;z-index:10;-webkit-transition:width .2s,height .2s;transition:width .2s,height .2s}.color-scroll-bar.color-scroll-bar--active{width:30px;height:45px;right:12px}.color-scroll-bar.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.color-scroll-bar.fade-leave{opacity:1}.color-scroll-bar.fade-leave-to{opacity:0}.color-scroll-bar:after{position:absolute;display:block;content:"";box-sizing:border-box;width:100%;height:100%;border-radius:40px}@media (-webkit-min-device-pixel-ratio:2){.color-scroll-bar:after{width:200%;height:200%;border-radius:80px;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}@media (-webkit-min-device-pixel-ratio:3){.color-scroll-bar:after{width:300%;height:300%;border-radius:120px;-webkit-transform:scale3d(.3333,.33333,1);transform:scale3d(.3333,.33333,1)}}.color-scroll-bar__lower-arrow,.color-scroll-bar__upper-arrow{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid #000;margin:2px auto}.color-scroll-bar__lower-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.color-scroll-bar__message{position:absolute;top:22px;right:74px;min-width:48px;max-width:200px;height:48px;line-height:48px;padding:0 15px;font-size:20px;text-align:center;font-variation-settings:"wght" 700;font-weight:500;z-index:10;border-radius:100px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-scroll-bar__message:after{position:absolute;top:0;left:0;display:block;content:"";box-sizing:border-box;width:100%;height:100%;border-radius:100px;-webkit-transform-origin:left top;transform-origin:left top}@media (-webkit-min-device-pixel-ratio:2){.color-scroll-bar__message:after{width:200%;height:200%;border-radius:200px;-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}}@media (-webkit-min-device-pixel-ratio:3){.color-scroll-bar__message:after{width:300%;height:300%;border-radius:300px;-webkit-transform:scale3d(.3333,.33333,1);transform:scale3d(.3333,.33333,1)}}.color-scroll-container.color-scroll-container-dark .color-scroll-bar,.color-scroll-container.color-scroll-container-dark .color-scroll-bar__message{background-color:#333}.color-scroll-container.color-scroll-container-dark .color-scroll-bar__message svg,.color-scroll-container.color-scroll-container-dark .color-scroll-bar svg{color:hsla(0,0%,100%,.9)}.color-scroll-container.color-scroll-container-dark .color-scroll-bar__message svg path,.color-scroll-container.color-scroll-container-dark .color-scroll-bar svg path{fill:currentColor}.color-code-input{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0 16px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.color-code-input input{box-sizing:border-box;width:42px;height:46px;padding:0;font-size:30px;line-height:35px;text-align:center;border:1px solid transparent;border-radius:8px;outline:none;-webkit-appearance:none;appearance:none;font-variation-settings:"wght" 700;font-weight:500;background-color:#fff;caret-color:transparent;color:rgba(0,0,0,.9)}.color-code-input input.readonly-focus,.color-code-input input:focus{border:1.6px solid #06f}.color-code-input input.is-password{color:transparent}.color-code-input input.is-password.has-value{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABcCAYAAADwOJKsAAAAAXNSR0IArs4c6QAAA+lJREFUeF7tnYFx2jAUht/bgG4AE5ROQDNByQQJEwATFCYITABMEJggbFA6AWxQNlDvd6WUECfC9ruTEn7dcYFD/mN//mXJwnpP5cLinGuJSNe/vooIPrf9X6jg/UcuB7/zRxHBC59/i8hOVbeXHpjGKjrnAGooIvcn8GKbfbbvAXgtIlNVDeBLj/FNoN6RADn5bHQaHs9EVadvaZQC9a58+gTNuCG7NzeHS2/K3PoKKGFefA5Kob4ASpgXwwwVX0E9B7pnM68F9ZuqouOSZ6DOuZ/sgCrDDBug9y867wKob+pwJ0t9Ah10UgHowo8z68txy7mqjgLQP1c8aLeyAq6hHXXOfRcRjDlZmhO4AdCRiDw016KCiIwBdCkid8RhQmAJoGjuaPYszQlsAPSXn5JrLkeFHYDy7sjOCAcCtYMJpQKos9W8bjUCNT7/BEqgxgSM5ehQAjUmYCxHhxKoMQFjOTqUQI0JGMvRoQRqTMBYjg4lUGMCxnJ0KIEaEzCWo0MJ1JiAsVyWDj0ej7JarWS73cput5PD4d9T2O12W7rdrvT7fbm7y/OX7+yALpdLGY/HAqjvFcCdTCbZgc0KKEDOZrNKjXA0GsnDQz4PvmQDtA7MQD4nqFkARTMfDAaVnHleGRo5XFezANrpdJ47nrpUW62W7Pd7wd+UJTlQC3cGgLj+DodYWpWuJAd6e3sr6zUWqTUvGE49Pj42F2qgkByoRXMPx4+hFJp9ypIcqGp0uWklPqmfLCLQSqcrXjk5UDb5+EmqVIOdUiVc8crz+Vxwp2NRFouF3N9jWX+6krzJYxIEzT42GRJDlEMPj31MDhQ7YTG4z8Gd2QDFjjSZHMHdUdVZqpjj636fhUPDzteBmhPMrBwaoKL5T6fT6GQJJkEwD5q6Ezp3clYOPd05gN1sNqU/gfR6vQJk6pmlsstCtkDrXsNSb0egxmeAQAnUmICxHB1KoMYEjOXoUAI1JmAsR4cSqDEBYzk6lECNCRjL0aEEakzAWI4OJVBjAsZydCiBGhMwloNDGVnMDioji9mxLJQKoAwmaEe1CCaIR377dppXrbQFUAZktfNAEZCVIYPtgBYhgxnU2g5oEdQaC3swdEq7wMfuoFIpHVX1S4hjjwWWaRf4pMJg93+Xqjpg6go7oP9TV0DTOYfkIEiwwlKdwMvkKh4orqEY5H/0ZH3VcTTb4qCqnSDBBFUNYZ6nUmMKtfpA4ynUgjZTqUUpX57k71SKHVUpWKSgnIWUaec1oitXvVsxAvhxxYN/RJRZeZD1EqWWnRt/m4p0vkjlG9L4hjusjz46OE3li/eAWKTy9el83w/T44H9BTBpL6UJVFkrAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%}.color-code-input.color-code-input-dark input,.dark-colorui .color-code-input input{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.color-code-input.color-code-input-dark input:focus,.dark-colorui .color-code-input input:focus{border:1.6px solid #247cff}.color-code-input.color-code-input-dark input.is-password.has-value,.dark-colorui .color-code-input input.is-password.has-value{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABcCAYAAADwOJKsAAAAAXNSR0IArs4c6QAAA9JJREFUeF7tndltFEEYhOvnFDeIS5AA7xAA4h0IgAAIAHiHACAAEiABCIAE4J0EEDZYwjJYgFk3qtG0WXZnvXPUantxtWT56i7NfFt/Xzvbf6BlSSkdAnB07CsAHAbAv7Pw51Uuo/ridwEkAPx9h18R8bPtjRHKviWldATAKQAnAcytP09vRf9PwD8AbEXE7/3uYSag2pEEeWZFISzqsgl1a5Z4I9DalRf/gzBeFFR2BxtNbp0CapitX4NGqP8ANczWMHPFKaiTQK86zHtB/RwRnB38HbVTShx8PAB15lk12BuoKofWoX6ln5Zb1QTWOUhloBcAnDCaQQS+R8RmBnrtAE/aB1Eca8w+dD1SSscBcM7pMpzABoGeBnB2uJYVAGwS6Pl6nW4iwwlsE+glAMeGa1mBGygEyukSd5RchhPYIVCvjoaD3FuKGqgOJpVGBHpdq3mw1QxU/PobqIGKCYjl7FADFRMQy9mhBiomIJazQw1UTEAsZ4caqJiAWM4ONVAxAbGcHWqgYgJiOTvUQMUExHKlOpQPrd0DcAvADQD5XYWPAD4AeAvgtZiFRK5EoPcBPG7xJCDhviwNbGlAnwB40NEqrwA879hmYdVLAtoHZgZTDNRSgDLMnw20zdMSwr8UoG/GBp6+XPlRl7t8mrivgKJdCUAV7sws2Jcy/JdWSgD6AsAdEQFOpx6JtHrJlABUEe755jmVYtgvrZQA9L347m+K9TrJGWgnXPMrlwDUIT//depUw4NSJ1zzK3OpyVWSoix9cl9CyHNniWE/9GORSx/h6YgSgPI6FJP7pbuzJKC8Fm+OKDq9CY0+UIvZaSrNoZktw/9hi80SboJw7V7Uzn0pfWiT2Qn29oy3QN7VIJe6s9R00SUDXUCPsnhJAxUzNlADFRMQy9mhBiomIJazQw1UTEAsZ4caqJiAWM4ONVAxAbGcHWqgYgJiOTvUQMUExHJ2qIGKCYjl6FCfLKaDWh2EZaBioD5MUAe0OkyQp9vylFuX4QR+EagPZB0OMitUB7L6yGAd0OrIYB9qrQNaHWrNBFMc6Q9qriQVzt2I+JTPsT9XJ6FSiR9Ene2I+JqBMv0ZXerSn8BaRIz2wtzJVfqTnEquQqm6L73s9D+dwY4iYi23msynxNDnufarngGxM5WeDZig6gtDvRFo7VRDbUd3CiabzUryZ6j7Q22EORNo1vJA1UiVT00zd1KVMm2yzJ3Mp5ToVn6GiAms5tZvFy0rV4uJUrcBfBvvL3sBHW9UL1NzOt+cxjdDXvWBLA8shMfssvxepfKt0/k2OnIS6h8Mppk5nKWFBwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%}.color-code-input.color-code-input-dark input.is-password,.dark-colorui .color-code-input input.is-password{color:transparent}.color-grid-container{overflow:auto;padding:0 16px}@media screen and (max-width:599px){.color-grid-container{display:grid;grid-column-gap:8px;grid-template-columns:repeat(4,1fr);padding:0 16px}.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:8px;grid-template-columns:repeat(8,1fr);padding:0 24px}.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:12px;grid-template-columns:repeat(12,1fr);padding:0 40px}.grid-container__content{grid-column:span 8}.grid-container__gap{grid-column:span 2}}