html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,button,audio,video{margin:0;padding:0;border:0 none;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,dt,dd,ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{-webkit-appearance:none;outline:none;overflow-x:hidden}a{color:inherit;text-decoration:none;outline:none}*{box-sizing:border-box;outline:none;scrollbar-width:none}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:auto}:root{--background-color: #ffffff}body{overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;width:100%;height:auto;word-break:break-word;background:var(--background-color);font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,sans-serif;color:#181818}body.hide-scrollbar ::-webkit-scrollbar{width:0}h1,h2,h3,h4,h5,h6{position:relative}h1{font-size:90px;line-height:85px}h2{font-size:48px;line-height:50px}h3{font-size:24px;line-height:30px}h4{font-size:16px;line-height:20px}h5{font-size:14px;line-height:17px}h6{font-size:12px;line-height:15px}@media (any-hover: hover){::-webkit-scrollbar{width:0}::-webkit-scrollbar-track-piece{background-color:#181818}::-webkit-scrollbar-thumb:vertical{background-color:#181818}::-moz-selection{color:#181818;background:#ffffff}::selection{color:var(--background-color);background:#dddddd}}.copyright:after{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;content:"";z-index:5}.clear{clear:both}.abs,.Gate .logo svg,.Gate{position:absolute;top:0;left:0;width:100%;height:100%}.fsr{position:absolute;top:0;left:0;width:100%;height:100%}.wheel-picker .inner-dragger,.wheel-picker .outer-dragger,.wheel-picker .circle-center,.wheel-picker .circle-border,.wheel-picker .darkness,.wheel-picker .conic-canvas,.wheel-picker .wheel-canvas,.wheel-picker .conic-background,.wheel-picker,.no-select{user-select:none;-webkit-user-select:none}.wheel-picker .circle-center,.wheel-picker .circle-border,.wheel-picker .darkness,.wheel-picker .svg-line path,.wheel-picker .svg-line,.wheel-picker .conic-canvas,.wheel-picker .wheel-canvas,.wheel-picker .conic-background,.no-event{pointer-events:none}.center{height:100%;padding:50px 8%}@media (min-width: 768px){.center{padding:100px 0 120px;width:80%;margin:0 auto}}@media (min-width: 1440px){.center{width:1280px}}@media (min-width: 768px){.dp-s-only{display:none}}@media (max-width: 768px){.dp-m{display:none}}.Gate{text-align:left;margin-top:25px;opacity:0;transition:opacity .5s;background:#ffffff}.Gate.on{opacity:1}.Gate .box{text-align:left;width:85%;margin:5px 0 0 35px}.Gate .links{margin-top:20px}.Gate .links a{display:inline-block;padding:2px 15px 0;background:#1f1f1f;border-radius:20px;font-size:12px;line-height:26px;height:30px;color:#efefef;transition:all .25s;margin-bottom:12px}.Gate .links a.dev{background:#ff6a00}.Gate .links a.non-dev{background:#1f1f1f}.Gate .links a:hover{background:#ff6a00;color:#fff}.Gate .links a:not(:last-child){margin-right:14px}.Gate .logo{position:fixed;bottom:30px;left:30px;width:60px;height:35px}.Gate .logo svg path.st1{fill:#151515}.Gate .logo svg path.st2{fill:#717171}.Gate .logo svg path.st3{fill:#333}.wheel-picker{position:relative;top:0;left:0}.wheel-picker .darkness,.wheel-picker .circle-border{position:absolute;box-sizing:border-box;top:50%;left:50%}.wheel-picker .outer-dragger{border:5px solid #ffffff}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,button,audio,video{margin:0;padding:0;border:0 none;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,dt,dd,ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{-webkit-appearance:none;outline:none;overflow-x:hidden}a{color:inherit;text-decoration:none;outline:none}.no-select{user-select:none;-webkit-user-select:none}.no-event{pointer-events:none}*{box-sizing:border-box;outline:none;scrollbar-width:none}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:auto}:root{--background-color: #ffffff}body{overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;width:100%;height:auto;word-break:break-word;background:var(--background-color);font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,sans-serif;color:#181818}body.hide-scrollbar ::-webkit-scrollbar{width:0}h1,h2,h3,h4,h5,h6{position:relative}h1{font-size:90px;line-height:85px}h2{font-size:48px;line-height:50px}h3{font-size:24px;line-height:30px}h4{font-size:16px;line-height:20px}h5{font-size:14px;line-height:17px}h6{font-size:12px;line-height:15px}@media (any-hover: hover){::-webkit-scrollbar{width:0}::-webkit-scrollbar-track-piece{background-color:#181818}::-webkit-scrollbar-thumb:vertical{background-color:#181818}::-moz-selection{color:#181818;background:#ffffff}::selection{color:var(--background-color);background:#dddddd}}.copyright:after{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;content:"";z-index:5}.clear{clear:both}.abs,.fsr{position:absolute;top:0;left:0;width:100%;height:100%}.no-select{user-select:none;-webkit-user-select:none}.no-event{pointer-events:none}.center{height:100%;padding:50px 8%}@media (min-width: 768px){.center{padding:100px 0 120px;width:80%;margin:0 auto}}@media (min-width: 1440px){.center{width:1280px}}@media (min-width: 768px){.dp-s-only{display:none}}@media (max-width: 768px){.dp-m{display:none}}._panel_xuyp1_1{height:calc(100vh - 48px)}@media (min-width: 1024px){._panel_xuyp1_1{height:calc(100vh - 64px)}}._panel_xuyp1_1 ._panel__controller_xuyp1_9{height:75%;overflow-y:scroll}._panel--desktop_xuyp1_14{height:calc(100vh - 48px)}@media (min-width: 1024px){._panel--desktop_xuyp1_14{height:calc(100vh - 64px)}}._panel--desktop_xuyp1_14 ._panel__previewer_xuyp1_22{background-size:16px 16px;background-image:linear-gradient(to right,rgba(190,190,190,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(190,190,190,.07) 1px,transparent 1px)}._panel--desktop_xuyp1_14 ._panel__controller_xuyp1_9{overflow-y:scroll;border-left:1px solid var(--border-color)}._color-match__color--selected_xuyp1_31 ._color-match__border-bottom_xuyp1_31{position:relative}._color-match__color--selected_xuyp1_31 ._color-match__border-bottom_xuyp1_31:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--border-color)}._color-offset-list_xuyp1_45{display:grid;grid-template-columns:60px 60px 1fr 40px;column-gap:28px;row-gap:14px;align-items:center}@media (min-width: 768px) and (max-width: 1024px){._color-offset-list_xuyp1_45{column-gap:14px}}._twist-list_xuyp1_58{display:grid;grid-template-columns:88px 1fr 35px;column-gap:28px;row-gap:14px;align-items:center}._twist-list--en_xuyp1_66{grid-template-columns:128px 1fr 35px}._save-button_xuyp1_70{width:86px;height:24px;background-color:var(--copy-color--dark);text-align:center;vertical-align:middle;left:50%;transform:translate(-50%);bottom:16px;line-height:24px;border-radius:2px;box-shadow:0 1px 20px fade(black,20%)}._menu_jiinj_1{height:48px;border-bottom:1px solid var(--border-color)}@media (min-width: 1024px){._menu_jiinj_1{height:64px}}._menu__logo_jiinj_10{width:52px}._menu_jiinj_1 ._menu__title_jiinj_13{flex-grow:2.5!important}._menu__actions_jiinj_16{justify-content:space-between!important}._menu__palette_actions_jiinj_19{justify-content:flex-end;align-items:center}._menu__palette_actions_jiinj_19>h1{white-space:nowrap;line-height:16px}._menu__palette_actions_jiinj_19>div:not(:last-child){margin-right:32px}._start-icon__circle_37wh7_1,._start-icon__arrow_37wh7_1{stroke:var(--background--dark);transition:all .3s ease-in-out}._start-icon__circle_37wh7_1{fill:var(--background)}._start-icon--hover_37wh7_8 ._start-icon__circle_37wh7_1,._start-icon--hover_37wh7_8 ._start-icon__arrow_37wh7_1{stroke:var(--background)}._start-icon--hover_37wh7_8 ._start-icon__circle_37wh7_1{fill:var(--background--dark)}._intro_q6b1q_1{text-align:center}._intro__cover_q6b1q_4{max-width:140px;max-height:140px;margin-left:auto;margin-right:auto}._intro__title_q6b1q_10{margin-top:32px}._intro__description_q6b1q_13{margin-top:20%;max-width:267px;width:94%;margin-left:auto;margin-right:auto;line-height:20px;white-space:pre-wrap;font-size:14px}._intro__button_q6b1q_23{width:64px;height:64px}._intro__webframe_q6b1q_27{display:none}._intro__body-wrapper_q6b1q_30{padding-top:20%}@media (min-width: 768px){._intro_q6b1q_1{text-align:left}._intro__cover_q6b1q_4{flex-shrink:0;margin-left:initial}._intro__description_q6b1q_13{margin-top:auto;margin-left:initial;height:80px}._intro__body-wrapper_q6b1q_30{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding-top:0;padding-left:12%}._intro__body-inner-wrapper_q6b1q_55{height:calc((50vw - 36px) * .6677067083)}._intro__button-wrapper_q6b1q_58{display:flex;flex-direction:column;justify-content:center;align-items:center}._intro__webframe_q6b1q_27{display:flex;flex-direction:column;justify-content:center;padding-right:18px}}@media (min-width: 768px) and (max-width: 1024px){._intro__cover_q6b1q_4{max-width:100px;max-height:100px}._intro_q6b1q_1 ._intro__title_q6b1q_10{margin-top:16px;font-size:24px}._intro__description_q6b1q_13{font-size:14px}}@media (min-width: 1024px){._intro__body-wrapper_q6b1q_30{padding-left:20%;padding-right:16px}._intro__body-inner-wrapper_q6b1q_55{height:calc((50vw - 96px) * .6677067083)}._intro__description_q6b1q_13{margin-top:40px;height:initial}}@media (min-width: 1440px){._intro__cover_q6b1q_4{max-width:180px;max-height:180px}._intro__description_q6b1q_13{margin-top:auto}}._intro--mobile_67dvt_1{text-align:center;display:flex;flex-direction:column}._intro--mobile__body-wrapper_67dvt_6{padding-top:20%;flex-grow:0;flex-shrink:0;margin-bottom:8%}._intro--mobile__button-wrapper_67dvt_12{margin-top:auto;margin-bottom:28%}._intro--mobile__cover_67dvt_16{max-width:140px;max-height:140px;margin-left:auto;margin-right:auto}._intro--mobile__title_67dvt_22{margin-top:32px}._intro--mobile__description_67dvt_25{margin-top:20%;max-width:267px;width:90%;margin-left:auto;margin-right:auto;line-height:20px;white-space:pre-wrap;font-size:14px}._intro--mobile__button_67dvt_12{width:64px;height:64px}@media (max-height: 700px){._intro--mobile__button-wrapper_67dvt_12{margin-bottom:22%}._intro--mobile__description_67dvt_25{margin-top:12%}}@keyframes _ellipse_1m5zu_1{to{transform:translate(-30%,-30%)}}._dark-mode-icon_1m5zu_6{width:12px;height:12px;border-radius:50%;background-color:#1f1f1f;display:inline-block;position:relative;overflow:hidden}._dark-mode-icon_1m5zu_6:after{display:block;width:12px;height:12px;border-radius:50%;background-color:#f3f3f3;transform:translate(-100%,-100%);transition:transform .3s,background-color .3s}._dark-mode-icon_1m5zu_6:hover:after{content:"";animation:_ellipse_1m5zu_1 .3s forwards}._dark-mode-icon--dark_1m5zu_29{background-color:#f3f3f3}._dark-mode-icon--dark_1m5zu_29:after{background-color:#1f1f1f}._animating-enter-done_1m5zu_36 ._dark-mode-icon_1m5zu_6:after{transform:translate(0)!important;background-color:#1f1f1f}._animating-enter-done_1m5zu_36 ._dark-mode-icon--dark_1m5zu_29:after{background-color:#f3f3f3}._animating-exit_1m5zu_44 ._dark-mode-icon_1m5zu_6:after{transform:translate(-100%,-100%)!important}._animating-exit-done_1m5zu_48 ._dark-mode-icon_1m5zu_6:after{transform:translate(-100%,-100%)!important}._carousel-controller_18o9x_1{margin-top:16px}._carousel-controller-dot_18o9x_5{display:inline-block;width:16px;height:4px;cursor:pointer;border-radius:4px;transition:all .3s ease-in-out;background-color:var(--border-color)}._carousel-controller-dot_18o9x_5:first-child{margin-right:8px}._carousel-controller-dot_18o9x_5._carousel-controller-dot--highlight_18o9x_17{width:24px;background-color:var(--c60)}._c-60-dot_7yg4j_1{color:var(--copy-color);font-size:12px}._c-60-dot_7yg4j_1:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--c60);margin-right:6px}._c-60-dot--off_7yg4j_15:before{background-color:var(--border-color)}._palette__dot_7yg4j_19{display:inline-block;vertical-align:middle;height:4px;border-radius:4px}._panel_7yg4j_26{display:flex;flex-direction:column;height:calc(100vh - 48px)}@media (min-width: 1024px){._panel_7yg4j_26{height:calc(100vh - 64px)}}._panel__controller_7yg4j_37{height:64%;display:flex;flex-direction:column}._panel__previewer_7yg4j_43{height:34%;display:flex;flex-direction:column;box-sizing:border-box;padding-top:22px;padding-bottom:22px}@media (min-width: 768px){._panel__previewer_7yg4j_43{height:initial}}._panel__previewer--desktop_7yg4j_57{margin:44px auto}._panel__user-interface_7yg4j_64{background-size:16px 16px;background-image:linear-gradient(to right,rgba(190,190,190,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(190,190,190,.07) 1px,transparent 1px);height:100%;overflow:hidden}._input-info_7yg4j_71{border-bottom:1px solid var(--copy-color);width:68px;font-size:12px;align-items:center;padding-bottom:4px}._input-info_7yg4j_71 ._input-info__label_7yg4j_78{line-height:16px}._accessibility_7yg4j_82{display:grid;column-gap:2px;grid-template-columns:repeat(10,1fr);flex-grow:1}._panel__palette-view_7yg4j_89{overflow-y:scroll}._custom-color__content_7yg4j_93,._bezier-container_7yg4j_97{flex-grow:1}.user-input-color{font-family:var(--code-font);font-size:12px;text-align:center;width:80px;padding:0;background-color:transparent;border:none;border-bottom:1px solid var(--copy-color);text-transform:uppercase}.user-input-color::placeholder{font-size:12px;color:var(--copy-color-secondary--dark)}.user-input-color--desktop{font-size:16px;letter-spacing:2px;font-weight:700;color:var(--copy-color)}.user-input-color--breathing{color:var(--copy-color);font-size:16px;letter-spacing:2px;font-weight:700;border-bottom:none;vertical-align:middle}._color-bar_1welo_1{display:flex;column-gap:2px;width:100%;height:40px}._color-bar__item_1welo_8{border-radius:2px;flex-grow:1;margin-top:2px}._color-bar--with-label_1welo_14{height:initial}._color-bar--with-label_1welo_14 ._color-bar__item__block_1welo_17{height:40px;margin-bottom:5px;border-radius:3px;border:1px solid transparent}._color-bar--with-label_1welo_14 ._color-bar__item__block_1welo_17._color-bar__item__block--border_1welo_23{border:1px solid var(--border-color)}._color-bar--with-label_1welo_14 ._color-bar__item__label_1welo_26{width:30px;transform:scale(.7);transform-origin:left top}._color-bar__item--active_1welo_32{display:block}._color-bar_1welo_1 ._color-bar__item_1welo_8 ._suffix-dot_1welo_36{display:block;position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}._color-bar--palette_1welo_48{flex-shrink:1;overflow:scroll;margin-bottom:2}.abs,.fsr{position:absolute;top:0;left:0;width:100%;height:100%}.wheel-picker .inner-dragger,.wheel-picker .outer-dragger,.wheel-picker .circle-center,.wheel-picker .circle-border,.wheel-picker .darkness,.wheel-picker .conic-canvas,.wheel-picker .wheel-canvas,.wheel-picker .conic-background,.wheel-picker{user-select:none;-webkit-user-select:none}.wheel-picker .circle-center,.wheel-picker .circle-border,.wheel-picker .darkness,.wheel-picker .svg-line path,.wheel-picker .svg-line,.wheel-picker .conic-canvas,.wheel-picker .wheel-canvas,.wheel-picker .conic-background{pointer-events:none}.wheel-picker{position:relative;top:0;left:0}.wheel-picker .darkness,.wheel-picker .circle-border{position:absolute;box-sizing:border-box;top:50%;left:50%}.wheel-picker .outer-dragger{border:5px solid #ffffff}._divider_kz6mu_1{width:100%;height:1px;background-color:var(--border-color)}._abs_i5la2_1,._fsr_i5la2_9{position:absolute;top:0;left:0;width:100%;height:100%}._bezier-diagram__label_i5la2_17{writing-mode:vertical-rl;right:100%;top:50%;transform-origin:center;transform:translateY(-50%) scale(.8);height:fit-content}._bezier-diagram_i5la2_17 ._draggable-circle_i5la2_25{fill:#bebebe;stroke:#fff}._bezier-diagram_i5la2_17 ._draggable-circle_i5la2_25:hover{fill:#595959}._dark-mode_i5la2_32 ._bezier-diagram_i5la2_17 ._draggable-circle_i5la2_25{fill:#f3f3f3;stroke:#1f1f1f}._bezier-diagram_i5la2_17 ._draggable-circle--selected_i5la2_36{fill:#595959}._bezier-diagram_i5la2_17 ._bg-rect_i5la2_39{opacity:0}._bezier-diagram_i5la2_17 ._bg-rect_i5la2_39:hover{opacity:.3}._bezier-diagram_i5la2_17 ._bg-rect--selected_i5la2_45,._bezier-diagram_i5la2_17 ._bg-rect--selected_i5la2_45:hover{opacity:1}.abs,.fsr{position:absolute;top:0;left:0;width:100%;height:100%}.hsv-picker .bar .track,.hsv-picker .bar .dragger,.hsv-picker .bar,.hsv-picker .output .circ,.hsv-picker .output,.hsv-picker{user-select:none;-webkit-user-select:none}.hsv-picker{position:relative;top:0;left:0;width:100%;overflow:hidden;touch-action:none}.hsv-picker:before{display:block;content:"";width:100%;padding-top:50%}.hsv-picker>.inner{position:absolute;top:0;right:0;bottom:0;left:0}.hsv-picker .inner{display:flex}.hsv-picker .output{position:relative;flex-grow:1;background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-size:100% 100%;overflow:hidden}.hsv-picker .output .circ{width:12px;height:12px;border-radius:50%;position:absolute;display:block;border:2px solid #fff;transform:translate(-50%,-50%);z-index:1;cursor:grab}.hsv-picker .bar{position:relative}.hsv-picker .bar .dragger{position:absolute;cursor:pointer;top:0;display:block;right:0;left:0}.hsv-picker .bar .dragger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:4px solid;border-color:#fff}.hsv-picker .bar .track{position:absolute}.hsv-picker .bar--vertical{width:20px;height:100%}.hsv-picker .bar--vertical .dragger{transform:translateY(-50%);width:100%;height:8px}.hsv-picker .bar--vertical .dragger:before{border-top-color:transparent;border-bottom-color:transparent}.hsv-picker .bar--vertical .track{width:20px;height:100%}.hsv-picker .bar--vertical.bar--hue .track{background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-size:100% 100%}.hsv-picker .bar--horizontal{width:100%;height:20px}.hsv-picker .bar--horizontal .dragger{transform:translate(-50%);width:8px;height:100%}.hsv-picker .bar--horizontal .dragger:before{border-left-color:transparent;border-right-color:transparent}.hsv-picker .bar--horizontal .track{width:100%;height:20px}.hsv-picker .bar--horizontal.bar--hue{background-image:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-size:100% 100%}@media (max-width: 768px){.hsv-picker .bar--horizontal .dragger{width:13.3333333333px}.hsv-picker .bar--horizontal .dragger:before{border-width:6.6666666667px}.hsv-picker .bar--vertical .dragger{height:13.3333333333px}.hsv-picker .bar--vertical .dragger:before{border-width:6.6666666667px}}@media (max-width: 768px){.hsv-picker .bar{position:relative}.hsv-picker .bar .dragger{position:absolute;cursor:pointer;top:0;display:block;right:0;left:0}.hsv-picker .bar .dragger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:4px solid;border-color:#fff}.hsv-picker .bar .track{position:absolute}.hsv-picker .bar--vertical{width:24px;height:100%}.hsv-picker .bar--vertical .dragger{transform:translateY(-50%);width:100%;height:8px}.hsv-picker .bar--vertical .dragger:before{border-top-color:transparent;border-bottom-color:transparent}.hsv-picker .bar--vertical .track{width:24px;height:100%}.hsv-picker .bar--vertical.bar--hue .track{background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-size:100% 100%}.hsv-picker .bar--horizontal{width:100%;height:24px}.hsv-picker .bar--horizontal .dragger{transform:translate(-50%);width:8px;height:100%}.hsv-picker .bar--horizontal .dragger:before{border-left-color:transparent;border-right-color:transparent}.hsv-picker .bar--horizontal .track{width:100%;height:24px}.hsv-picker .bar--horizontal.bar--hue{background-image:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-size:100% 100%}}@media (max-width: 768px) and (max-width: 768px){.hsv-picker .bar--horizontal .dragger{width:16px}.hsv-picker .bar--horizontal .dragger:before{border-width:8px}.hsv-picker .bar--vertical .dragger{height:16px}.hsv-picker .bar--vertical .dragger:before{border-width:8px}}@media (max-width: 768px){.hsv-picker .output .circ{width:16px;height:16px;border-radius:50%}}.custom-color__hsv-picker .inner{top:8px;bottom:8px}.custom-color__hsv-picker .output{border-radius:4px;cursor:pointer}.custom-color__hsv-picker .output .circ{width:12px;height:12px;border-width:1.5px;box-shadow:0 0 1px #9b545433}.custom-color__hsv-picker .bar .dragger{width:12px;height:12px;cursor:grab;border-radius:50%;border:1px solid white;box-shadow:0 0 1px #9b545433;left:50%;transform:translate(-50%,-50%)}.custom-color__hsv-picker .bar .dragger:before{content:initial}.custom-color__hsv-picker .bar--vertical{margin-left:6px;width:10px}.custom-color__hsv-picker .bar--vertical .track{position:initial;margin-left:auto;margin-right:auto;width:4px;border-radius:4px}._separator_1si36_1{position:relative;height:100%;margin-left:8%;margin-right:8%;flex-grow:1}._separator_1si36_1:after{content:"";position:absolute;display:block;left:0;right:0;top:50%;height:1px;background-color:var(--border-color--dark, #595959)}.rc-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;background-color:#e9e9e9;height:4px;border-radius:6px}.rc-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#abe2fb}.rc-slider-handle{position:absolute;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;margin-top:-5px;cursor:grab;border-radius:50%;border:solid 2px #96dbfa;background-color:#fff;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child{margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;display:block!important;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{opacity:0;transform-origin:50% 100%;transform:scale(0)}}.rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.rc-slider{height:10px;padding:4.5px 0}.rc-slider-rail,.rc-slider-track{height:1px;background-color:var(--copy-color);transition:background-color .3s ease-in-out}.rc-slider-step{height:1px}.rc-slider-handle{width:10px;height:10px;border-color:var(--copy-color);border-width:1.2px;margin-top:-4.5px;background-color:var(--background);box-shadow:0 0 0 2px var(--background)!important;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out}.rc-slider-handle:hover{border-color:var(--copy-color)}.rc-slider-handle:active{border-color:var(--copy-color);box-shadow:none}.rc-slider-handle-active-focused:focus{border-color:var(--copy-color);box-shadow:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,button,audio,video{margin:0;padding:0;border:0 none;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}dl,dt,dd,ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{-webkit-appearance:none;outline:none;overflow-x:hidden}a{color:inherit;text-decoration:none;outline:none}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}input{border-radius:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}[bp~=container]{width:100%;margin:0 auto;display:block;max-width:1000px}[bp~=grid]{display:grid!important;grid-gap:16px;grid-template-columns:repeat(12,1fr)}[bp~=vertical-start]{align-items:start}[bp~=vertical-center]{align-items:center}[bp~=vertical-end]{align-items:end}[bp~=between]{justify-content:center}[bp~=gap-none]{grid-gap:0;margin-bottom:0}[bp~=gap-column-none]{grid-column-gap:0}[bp~=gap-row-none]{grid-row-gap:0;margin-bottom:0}[bp~=first]{order:-1}[bp~=last]{order:12}[bp~=hide]{display:none!important}[bp~=show]{display:initial!important}[bp~=grid][bp*="@"],[bp~=grid][bp*="@sm"],[bp~=grid][bp*="@md"],[bp~=grid][bp*="@lg"],[bp~=grid][bp*="@xl"]{grid-template-columns:12fr}[bp~="12@sm"],[bp~="12@md"],[bp~="12@lg"],[bp~="12@xl"],[bp~="11@sm"],[bp~="11@md"],[bp~="11@lg"],[bp~="11@xl"],[bp~="10@sm"],[bp~="10@md"],[bp~="10@lg"],[bp~="10@xl"],[bp~="9@sm"],[bp~="9@md"],[bp~="9@lg"],[bp~="9@xl"],[bp~="8@sm"],[bp~="8@md"],[bp~="8@lg"],[bp~="8@xl"],[bp~="7@sm"],[bp~="7@md"],[bp~="7@lg"],[bp~="7@xl"],[bp~="6@sm"],[bp~="6@md"],[bp~="6@lg"],[bp~="6@xl"],[bp~="5@sm"],[bp~="5@md"],[bp~="5@lg"],[bp~="5@xl"],[bp~="4@sm"],[bp~="4@md"],[bp~="4@lg"],[bp~="4@xl"],[bp~="3@sm"],[bp~="3@md"],[bp~="3@lg"],[bp~="3@xl"],[bp~="2@sm"],[bp~="2@md"],[bp~="2@lg"],[bp~="2@xl"],[bp~="1@sm"],[bp~="1@md"],[bp~="1@lg"],[bp~="1@xl"]{grid-column:span 12}[bp~=grid][bp~="1"]{grid-template-columns:repeat(12,1fr)}[bp~="1"]{grid-column:span 1/span 1}[bp~=grid][bp~="2"]{grid-template-columns:repeat(6,1fr)}[bp~="2"]{grid-column:span 2/span 2}[bp~=grid][bp~="3"]{grid-template-columns:repeat(4,1fr)}[bp~="3"]{grid-column:span 3/span 3}[bp~=grid][bp~="4"]{grid-template-columns:repeat(3,1fr)}[bp~="4"]{grid-column:span 4/span 4}[bp~=grid][bp~="5"]{grid-template-columns:repeat(2.4,1fr)}[bp~="5"]{grid-column:span 5/span 5}[bp~=grid][bp~="6"]{grid-template-columns:repeat(2,1fr)}[bp~="6"]{grid-column:span 6/span 6}[bp~=grid][bp~="7"]{grid-template-columns:repeat(1.7142857143,1fr)}[bp~="7"]{grid-column:span 7/span 7}[bp~=grid][bp~="8"]{grid-template-columns:repeat(1.5,1fr)}[bp~="8"]{grid-column:span 8/span 8}[bp~=grid][bp~="9"]{grid-template-columns:repeat(1.3333333333,1fr)}[bp~="9"]{grid-column:span 9/span 9}[bp~=grid][bp~="10"]{grid-template-columns:repeat(1.2,1fr)}[bp~="10"]{grid-column:span 10/span 10}[bp~=grid][bp~="11"]{grid-template-columns:repeat(1.0909090909,1fr)}[bp~="11"]{grid-column:span 11/span 11}[bp~=grid][bp~="12"]{grid-template-columns:repeat(1,1fr)}[bp~="12"]{grid-column:span 12/span 12}[bp~=offset-1]{grid-column-start:1}[bp~=offset-2]{grid-column-start:2}[bp~=offset-3]{grid-column-start:3}[bp~=offset-4]{grid-column-start:4}[bp~=offset-5]{grid-column-start:5}[bp~=offset-6]{grid-column-start:6}[bp~=offset-7]{grid-column-start:7}[bp~=offset-8]{grid-column-start:8}[bp~=offset-9]{grid-column-start:9}[bp~=offset-10]{grid-column-start:10}[bp~=offset-11]{grid-column-start:11}[bp~=offset-12]{grid-column-start:12}@media (min-width: 480px){[bp~=grid][bp~="1@sm"]{grid-template-columns:repeat(12,1fr)}[bp~="1@sm"]{grid-column:span 1/span 1}[bp~=grid][bp~="2@sm"]{grid-template-columns:repeat(6,1fr)}[bp~="2@sm"]{grid-column:span 2/span 2}[bp~=grid][bp~="3@sm"]{grid-template-columns:repeat(4,1fr)}[bp~="3@sm"]{grid-column:span 3/span 3}[bp~=grid][bp~="4@sm"]{grid-template-columns:repeat(3,1fr)}[bp~="4@sm"]{grid-column:span 4/span 4}[bp~=grid][bp~="5@sm"]{grid-template-columns:repeat(2.4,1fr)}[bp~="5@sm"]{grid-column:span 5/span 5}[bp~=grid][bp~="6@sm"]{grid-template-columns:repeat(2,1fr)}[bp~="6@sm"]{grid-column:span 6/span 6}[bp~=grid][bp~="7@sm"]{grid-template-columns:repeat(1.7142857143,1fr)}[bp~="7@sm"]{grid-column:span 7/span 7}[bp~=grid][bp~="8@sm"]{grid-template-columns:repeat(1.5,1fr)}[bp~="8@sm"]{grid-column:span 8/span 8}[bp~=grid][bp~="9@sm"]{grid-template-columns:repeat(1.3333333333,1fr)}[bp~="9@sm"]{grid-column:span 9/span 9}[bp~=grid][bp~="10@sm"]{grid-template-columns:repeat(1.2,1fr)}[bp~="10@sm"]{grid-column:span 10/span 10}[bp~=grid][bp~="11@sm"]{grid-template-columns:repeat(1.0909090909,1fr)}[bp~="11@sm"]{grid-column:span 11/span 11}[bp~=grid][bp~="12@sm"]{grid-template-columns:repeat(1,1fr)}[bp~="12@sm"]{grid-column:span 12/span 12}[bp~="offset-1@sm"]{grid-column-start:1}[bp~="offset-2@sm"]{grid-column-start:2}[bp~="offset-3@sm"]{grid-column-start:3}[bp~="offset-4@sm"]{grid-column-start:4}[bp~="offset-5@sm"]{grid-column-start:5}[bp~="offset-6@sm"]{grid-column-start:6}[bp~="offset-7@sm"]{grid-column-start:7}[bp~="offset-8@sm"]{grid-column-start:8}[bp~="offset-9@sm"]{grid-column-start:9}[bp~="offset-10@sm"]{grid-column-start:10}[bp~="offset-11@sm"]{grid-column-start:11}[bp~="offset-12@sm"]{grid-column-start:12}[bp~="hide@sm"]{display:none!important}[bp~="show@sm"]{display:initial!important}[bp~="first@sm"]{order:-1}[bp~="last@sm"]{order:12}}@media (min-width: 768px){[bp~=grid][bp~="1@md"]{grid-template-columns:repeat(12,1fr)}[bp~="1@md"]{grid-column:span 1/span 1}[bp~=grid][bp~="2@md"]{grid-template-columns:repeat(6,1fr)}[bp~="2@md"]{grid-column:span 2/span 2}[bp~=grid][bp~="3@md"]{grid-template-columns:repeat(4,1fr)}[bp~="3@md"]{grid-column:span 3/span 3}[bp~=grid][bp~="4@md"]{grid-template-columns:repeat(3,1fr)}[bp~="4@md"]{grid-column:span 4/span 4}[bp~=grid][bp~="5@md"]{grid-template-columns:repeat(2.4,1fr)}[bp~="5@md"]{grid-column:span 5/span 5}[bp~=grid][bp~="6@md"]{grid-template-columns:repeat(2,1fr)}[bp~="6@md"]{grid-column:span 6/span 6}[bp~=grid][bp~="7@md"]{grid-template-columns:repeat(1.7142857143,1fr)}[bp~="7@md"]{grid-column:span 7/span 7}[bp~=grid][bp~="8@md"]{grid-template-columns:repeat(1.5,1fr)}[bp~="8@md"]{grid-column:span 8/span 8}[bp~=grid][bp~="9@md"]{grid-template-columns:repeat(1.3333333333,1fr)}[bp~="9@md"]{grid-column:span 9/span 9}[bp~=grid][bp~="10@md"]{grid-template-columns:repeat(1.2,1fr)}[bp~="10@md"]{grid-column:span 10/span 10}[bp~=grid][bp~="11@md"]{grid-template-columns:repeat(1.0909090909,1fr)}[bp~="11@md"]{grid-column:span 11/span 11}[bp~=grid][bp~="12@md"]{grid-template-columns:repeat(1,1fr)}[bp~="12@md"]{grid-column:span 12/span 12}[bp~="offset-1@md"]{grid-column-start:1}[bp~="offset-2@md"]{grid-column-start:2}[bp~="offset-3@md"]{grid-column-start:3}[bp~="offset-4@md"]{grid-column-start:4}[bp~="offset-5@md"]{grid-column-start:5}[bp~="offset-6@md"]{grid-column-start:6}[bp~="offset-7@md"]{grid-column-start:7}[bp~="offset-8@md"]{grid-column-start:8}[bp~="offset-9@md"]{grid-column-start:9}[bp~="offset-10@md"]{grid-column-start:10}[bp~="offset-11@md"]{grid-column-start:11}[bp~="offset-12@md"]{grid-column-start:12}[bp~="hide@md"]{display:none!important}[bp~="show@md"]{display:initial!important}[bp~="first@md"]{order:-1}[bp~="last@md"]{order:12}}@media (min-width: 1024px){[bp~=grid][bp~="1@lg"]{grid-template-columns:repeat(12,1fr)}[bp~="1@lg"]{grid-column:span 1/span 1}[bp~=grid][bp~="2@lg"]{grid-template-columns:repeat(6,1fr)}[bp~="2@lg"]{grid-column:span 2/span 2}[bp~=grid][bp~="3@lg"]{grid-template-columns:repeat(4,1fr)}[bp~="3@lg"]{grid-column:span 3/span 3}[bp~=grid][bp~="4@lg"]{grid-template-columns:repeat(3,1fr)}[bp~="4@lg"]{grid-column:span 4/span 4}[bp~=grid][bp~="5@lg"]{grid-template-columns:repeat(2.4,1fr)}[bp~="5@lg"]{grid-column:span 5/span 5}[bp~=grid][bp~="6@lg"]{grid-template-columns:repeat(2,1fr)}[bp~="6@lg"]{grid-column:span 6/span 6}[bp~=grid][bp~="7@lg"]{grid-template-columns:repeat(1.7142857143,1fr)}[bp~="7@lg"]{grid-column:span 7/span 7}[bp~=grid][bp~="8@lg"]{grid-template-columns:repeat(1.5,1fr)}[bp~="8@lg"]{grid-column:span 8/span 8}[bp~=grid][bp~="9@lg"]{grid-template-columns:repeat(1.3333333333,1fr)}[bp~="9@lg"]{grid-column:span 9/span 9}[bp~=grid][bp~="10@lg"]{grid-template-columns:repeat(1.2,1fr)}[bp~="10@lg"]{grid-column:span 10/span 10}[bp~=grid][bp~="11@lg"]{grid-template-columns:repeat(1.0909090909,1fr)}[bp~="11@lg"]{grid-column:span 11/span 11}[bp~=grid][bp~="12@lg"]{grid-template-columns:repeat(1,1fr)}[bp~="12@lg"]{grid-column:span 12/span 12}[bp~="offset-1@lg"]{grid-column-start:1}[bp~="offset-2@lg"]{grid-column-start:2}[bp~="offset-3@lg"]{grid-column-start:3}[bp~="offset-4@lg"]{grid-column-start:4}[bp~="offset-5@lg"]{grid-column-start:5}[bp~="offset-6@lg"]{grid-column-start:6}[bp~="offset-7@lg"]{grid-column-start:7}[bp~="offset-8@lg"]{grid-column-start:8}[bp~="offset-9@lg"]{grid-column-start:9}[bp~="offset-10@lg"]{grid-column-start:10}[bp~="offset-11@lg"]{grid-column-start:11}[bp~="offset-12@lg"]{grid-column-start:12}[bp~="hide@lg"]{display:none!important}[bp~="show@lg"]{display:initial!important}[bp~="first@lg"]{order:-1}[bp~="last@lg"]{order:12}}@media (min-width: 1440px){[bp~=grid][bp~="1@xl"]{grid-template-columns:repeat(12,1fr)}[bp~="1@xl"]{grid-column:span 1/span 1}[bp~=grid][bp~="2@xl"]{grid-template-columns:repeat(6,1fr)}[bp~="2@xl"]{grid-column:span 2/span 2}[bp~=grid][bp~="3@xl"]{grid-template-columns:repeat(4,1fr)}[bp~="3@xl"]{grid-column:span 3/span 3}[bp~=grid][bp~="4@xl"]{grid-template-columns:repeat(3,1fr)}[bp~="4@xl"]{grid-column:span 4/span 4}[bp~=grid][bp~="5@xl"]{grid-template-columns:repeat(2.4,1fr)}[bp~="5@xl"]{grid-column:span 5/span 5}[bp~=grid][bp~="6@xl"]{grid-template-columns:repeat(2,1fr)}[bp~="6@xl"]{grid-column:span 6/span 6}[bp~=grid][bp~="7@xl"]{grid-template-columns:repeat(1.7142857143,1fr)}[bp~="7@xl"]{grid-column:span 7/span 7}[bp~=grid][bp~="8@xl"]{grid-template-columns:repeat(1.5,1fr)}[bp~="8@xl"]{grid-column:span 8/span 8}[bp~=grid][bp~="9@xl"]{grid-template-columns:repeat(1.3333333333,1fr)}[bp~="9@xl"]{grid-column:span 9/span 9}[bp~=grid][bp~="10@xl"]{grid-template-columns:repeat(1.2,1fr)}[bp~="10@xl"]{grid-column:span 10/span 10}[bp~=grid][bp~="11@xl"]{grid-template-columns:repeat(1.0909090909,1fr)}[bp~="11@xl"]{grid-column:span 11/span 11}[bp~=grid][bp~="12@xl"]{grid-template-columns:repeat(1,1fr)}[bp~="12@xl"]{grid-column:span 12/span 12}[bp~="offset-1@xl"]{grid-column-start:1}[bp~="offset-2@xl"]{grid-column-start:2}[bp~="offset-3@xl"]{grid-column-start:3}[bp~="offset-4@xl"]{grid-column-start:4}[bp~="offset-5@xl"]{grid-column-start:5}[bp~="offset-6@xl"]{grid-column-start:6}[bp~="offset-7@xl"]{grid-column-start:7}[bp~="offset-8@xl"]{grid-column-start:8}[bp~="offset-9@xl"]{grid-column-start:9}[bp~="offset-10@xl"]{grid-column-start:10}[bp~="offset-11@xl"]{grid-column-start:11}[bp~="offset-12@xl"]{grid-column-start:12}[bp~="hide@xl"]{display:none!important}[bp~="show@xl"]{display:initial!important}[bp~="first@xl"]{order:-1}[bp~="last@xl"]{order:12}}[bp~=flex]{flex-wrap:wrap;display:flex}[bp~=fill]{flex:1 1 0%;flex-basis:0%}[bp~=fit]{flex-basis:auto}[bp~=float-center]{margin-left:auto;margin-right:auto;display:block;float:none}[bp~=float-left]{float:left}[bp~=float-right]{float:right}[bp~=clear-fix]:after{content:"";display:table;clear:both}[bp~=text-left]{text-align:left!important}[bp~=text-right]{text-align:right!important}[bp~=text-center]{text-align:center!important}[bp~="1--max"]{max-width:83.3333333333px!important}[bp~="2--max"]{max-width:166.6666666667px!important}[bp~="3--max"]{max-width:250px!important}[bp~="4--max"]{max-width:333.3333333333px!important}[bp~="5--max"]{max-width:416.6666666667px!important}[bp~="6--max"]{max-width:500px!important}[bp~="7--max"]{max-width:583.3333333333px!important}[bp~="8--max"]{max-width:666.6666666667px!important}[bp~="9--max"]{max-width:750px!important}[bp~="10--max"]{max-width:833.3333333333px!important}[bp~="11--max"]{max-width:916.6666666667px!important}[bp~="12--max"]{max-width:1000px!important}[bp~=full-width]{width:100%}@media (max-width: 480px){[bp~="full-width-until@sm"]{width:100%!important;max-width:100%!important}}@media (max-width: 768px){[bp~="full-width-until@md"]{width:100%!important;max-width:100%!important}}@media (max-width: 1024px){[bp~="full-width-until@lg"]{width:100%!important;max-width:100%!important}}@media (max-width: 1440px){[bp~="full-width-until@xl"]{width:100%!important;max-width:100%!important}}[bp~=margin--xs]{margin:4px!important}[bp~=margin-top--xs]{margin-top:4px!important}[bp~=margin-bottom--xs]{margin-bottom:4px!important}[bp~=margin-right--xs]{margin-right:4px!important}[bp~=margin-left--xs]{margin-left:4px!important}[bp~=padding--xs]{padding:4px!important}[bp~=padding-top--xs]{padding-top:4px!important}[bp~=padding-bottom--xs]{padding-bottom:4px!important}[bp~=padding-right--xs]{padding-right:4px!important}[bp~=padding-left--xs]{padding-left:4px!important}[bp~=margin--sm]{margin:8px!important}[bp~=margin-top--sm]{margin-top:8px!important}[bp~=margin-bottom--sm]{margin-bottom:8px!important}[bp~=margin-right--sm]{margin-right:8px!important}[bp~=margin-left--sm]{margin-left:8px!important}[bp~=padding--sm]{padding:8px!important}[bp~=padding-top--sm]{padding-top:8px!important}[bp~=padding-bottom--sm]{padding-bottom:8px!important}[bp~=padding-right--sm]{padding-right:8px!important}[bp~=padding-left--sm]{padding-left:8px!important}[bp~=margin]{margin:16px!important}[bp~=margin-top]{margin-top:16px!important}[bp~=margin-bottom]{margin-bottom:16px!important}[bp~=margin-right]{margin-right:16px!important}[bp~=margin-left]{margin-left:16px!important}[bp~=padding]{padding:16px!important}[bp~=padding-top]{padding-top:16px!important}[bp~=padding-bottom]{padding-bottom:16px!important}[bp~=padding-right]{padding-right:16px!important}[bp~=padding-left]{padding-left:16px!important}[bp~=margin--lg]{margin:24px!important}[bp~=margin-top--lg]{margin-top:24px!important}[bp~=margin-bottom--lg]{margin-bottom:24px!important}[bp~=margin-right--lg]{margin-right:24px!important}[bp~=margin-left--lg]{margin-left:24px!important}[bp~=padding--lg]{padding:24px!important}[bp~=padding-top--lg]{padding-top:24px!important}[bp~=padding-bottom--lg]{padding-bottom:24px!important}[bp~=padding-right--lg]{padding-right:24px!important}[bp~=padding-left--lg]{padding-left:24px!important}[bp~=margin--none]{margin:0!important}[bp~=margin-top--none]{margin-top:0!important}[bp~=margin-bottom--none]{margin-bottom:0!important}[bp~=margin-right--none]{margin-right:0!important}[bp~=margin-left--none]{margin-left:0!important}[bp~=padding--none]{padding:0!important}[bp~=padding-top--none]{padding-top:0!important}[bp~=padding-bottom--none]{padding-bottom:0!important}[bp~=padding-right--none]{padding-right:0!important}[bp~=padding-left--none]{padding-left:0!important}.display-flex{display:flex}.display-flex-column{display:flex;flex-direction:column}.display-none{display:none}.display-block{display:block}.display-inline-block{display:inline-block}.align-self-flex-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-flex-end{align-self:flex-end}.position-absolute{position:absolute}.position-relative{position:relative}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-flex-end{align-items:flex-end}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.flex-grow-1{flex-grow:1}.margin-top-12{margin-top:12px}.margin-top-16{margin-top:16px}.margin-top-20{margin-top:20px}.margin-top-24{margin-top:24px}.margin-top-32{margin-top:32px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-24{margin-bottom:24px}.margin-bottom-32{margin-bottom:32px}.margin-right-16{margin-right:16px}.margin-right-32{margin-right:32px}.margin-top-auto{margin-top:auto}.margin-bottom-auto{margin-bottom:auto}.margin-right-auto{margin-right:auto}.margin-left-auto{margin-left:auto}.padding-top-12{padding-top:12px}.padding-top-16{padding-top:16px}.padding-top-20{padding-top:20px}.padding-top-24{padding-top:24px}.padding-top-32{padding-top:32px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-24{padding-bottom:24px}.padding-bottom-32{padding-bottom:32px}.padding-right-16{padding-right:16px}.padding-top-auto{padding-top:auto}.padding-bottom-auto{padding-bottom:auto}.pointer-events-none{pointer-events:none}.margin-top--desktop{margin-top:44px}.margin-bottom--desktop{margin-bottom:44px}.text-center{text-align:center}.text-right{text-align:right}.border-radius{border-radius:4px}.border-radius--sm{border-radius:2px}.opacity-0{opacity:0}.width-100p{width:100%}.height-100p{height:100%}.overflow-hidden{overflow:hidden}.flip-horizontally{transform:scaleX(-1)}.side-padding-top{padding-top:32px}.side-padding-bottom{padding-bottom:32px}.ratio-buddy-2-1{position:relative}.ratio-buddy-2-1:before{display:block;content:"";width:100%;padding-top:50%}.ratio-buddy-2-1>.inner{position:absolute;top:0;right:0;bottom:0;left:0}.white-space-pre-wrap{white-space:pre-wrap}.writing-mode-vertical-rl{writing-mode:vertical-rl}.not-selectable{cursor:default;pointer-events:none}.import-json-button{cursor:pointer}.import-json-button input{opacity:0;width:0;height:0;display:none}.menu-import-export-butns{display:flex;align-items:center;line-height:16px}.menu-import-export-butns h1{white-space:nowrap}.menu-import-export-butns h1:first-child{margin-right:16px}body{font-family:var(--font-family);color:var(--copy-color)}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,sans-serif;font-weight:750;margin:0}p{white-space:pre-wrap}ul,li{margin:0}.typography{color:var(--copy-color)}.typography--headline{font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,sans-serif;font-weight:750;font-size:36px}.typography--menu{font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,sans-serif;font-weight:750;font-size:16px}.typography--subtitle{font-size:14px;font-weight:700}.typography--subtitle2{font-size:12px;font-weight:600}.typography--caption{font-family:var(--font-family);font-size:12px;line-height:16px}.typography--label{font-family:var(--code-font);font-size:10px}.typography-util--font{font-family:var(--font-family)}.typography-util--code-font,.typography-util--mono{font-family:var(--code-font)}.typography-util--sm{font-size:12px}.typography-util--xs{font-size:10px}.typography-util--lighter{color:var(--copy-color-secondary)}.typography-util--secondary{color:var(--copy-color-secondary--dark)}.typography-util--medium-weight{font-weight:500}.typography-util--semibold-weight{font-weight:550}.typography-util--bold-weight{font-weight:600}.typography-util--accessibility-headline{font-size:16px;line-height:22px;font-weight:600}.typography-util--uppercase{text-transform:uppercase}.dark-mode .Root{color:var(--copy-color--dark)}.fade-enter{opacity:0}.fade-exit,.fade-enter-active{opacity:1}.fade-exit-active{opacity:0}.fade-enter-active,.fade-exit-active{transition:opacity .5s}.slide-enter{transform:translate(50%)}.slide-exit,.slide-enter-active{transform:initial}.slide-exit-active{transform:translate(-50%)}.slide-enter-active,.slide-exit-active{transition:transform .5s}.color-inherit{color:inherit}.container{padding-left:18px;padding-right:18px;min-height:calc(100vh - 48px)}@media (min-width: 1024px){.container{min-height:calc(100vh - 64px)}}.container--no-padding{min-height:calc(100vh - 48px)}@media (min-width: 1024px){.container--no-padding{min-height:calc(100vh - 64px)}}.side-padding{padding-left:18px;padding-right:18px}@media (min-width: 1024px){.side-padding{padding-left:48px;padding-right:48px}}.side-padding--desktop{padding-left:48px;padding-right:48px}.center-middle-container{display:flex;justify-content:center}.center-middle-container>.center-middle-item{flex:1;display:flex;justify-content:center}.center-middle-container>.center-middle-item:first-child{margin-right:auto;justify-content:flex-start}.center-middle-container>.center-middle-item:last-child{margin-left:auto;justify-content:flex-end}:root{--c100: #051437;--c90: #0a215c;--c80: #0f348f;--c70: #1548c9;--c60: #1b58f4;--c50: #457aff;--c40: #7ea3ff;--c30: #a6bfff;--c20: #d1ddff;--c10: #ebf0ff;--copy-color: #1f1f1f;--copy-color--dark: #f3f3f3;--copy-color-secondary: #595959;--copy-color-secondary--dark: #bebebe;--border-color: #ccc;--border-color--dark: #595959;--background: #fff;--background--dark: #1a1a1a;--font-family: "Helvetica Neue", Helvetica, "PingFang SC", -apple-system, Arial, sans-serif, "Microsoft Yahei", "Microsoft JhengHei", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI Emoji", "Segoe UI Symbol";--code-font: SF Mono, Consolas, Menlo, Liberation Mono, monospace}.dark-mode{--copy-color: #f3f3f3;--background: #1a1a1a;--background--dark: #fff;--border-color: #595959;--copy-color-secondary: #bebebe;--copy-color-secondary--dark: #595959}.b-design-bg-color-10{background-color:var(--c10)}.b-design-bg-color-20{background-color:var(--c20)}.b-design-bg-color-30{background-color:var(--c30)}.b-design-bg-color-40{background-color:var(--c40)}.b-design-bg-color-50{background-color:var(--c50)}.b-design-bg-color-60{background-color:var(--c60)}.b-design-bg-color-70{background-color:var(--c70)}.b-design-bg-color-80{background-color:var(--c80)}.b-design-bg-color-90{background-color:var(--c90)}.b-design-bg-color-100{background-color:var(--c100)}.bottom-border{box-shadow:0 1px 0 0 var(--border-color)}.top-border{border-top:1px solid var(--border-color)}.right-border{box-shadow:1px 0 0 0 var(--border-color)}.left-border{box-shadow:inset 1px 0 0 0 var(--border-color)}.background{background:var(--background)}.border{border:1px solid var(--border-color)}.copy-color{color:var(--copy-color)}.dark-mode .copy-color{color:#f3f3f3}.transition-all{transition:all .3s ease-in-out}.suffix-dot{height:10px}.suffix-dot:after{content:"";display:block;position:absolute;width:6px;height:6px;border-radius:50%;top:25%;left:50%;transform:translate(-50%)}.suffix-dot--primary:after{background-color:var(--c60)}.suffix-dot--gray:after{background-color:var(--border-color)}.vertical-center{display:flex;flex-direction:column;justify-content:center}.wheel{position:relative;width:140px;height:140px;align-self:center}.wheel-small{width:200px;height:200px}.wheel-small .wheel-picker{width:200px!important;height:200px!important}.wheel-picker{position:relative;width:140px;height:140px;top:0;left:0}.wheel-picker .conic-background{position:absolute;filter:saturate(2);background-image:radial-gradient(white,rgba(255,255,255,0) 90%),conic-gradient(#ffff00,#ff0000,#0000ff,#00ff00,#ffff00)}.wheel-picker .conic-canvas,.wheel-picker .wheel-canvas{position:absolute;top:0;left:0}.wheel-picker .svg-line{position:absolute}.wheel-picker .svg-line path{position:absolute;top:0;left:0;fill:none;stroke-width:1px;stroke:#fff}.wheel-picker .darkness{position:absolute;box-sizing:border-box;top:50%;left:50%}.wheel-picker .circle-border{position:absolute;box-sizing:border-box;top:50%;left:50%;border-color:#fff!important}.wheel-picker .circle-center{position:absolute;box-sizing:border-box;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:4px;background:#ffffff;top:50%;left:50%}.wheel-picker .inner-dragger,.wheel-picker .outer-dragger{box-sizing:border-box;position:absolute;cursor:pointer;top:50%;left:50%}.wheel-picker .inner-dragger{border:2px solid #ffffff}.wheel-picker .outer-dragger{border:3px solid black}.custom-color__user-input__color{border-bottom:1px solid var(--copy-color);align-items:center;padding-bottom:4px}.custom-color__user-input__color>*{height:16px;line-height:16px}.custom-color__user-input__color label{font-size:inherit;margin-right:4px;color:var(--copy-color-secondary)}.custom-color__user-input__color input{margin-right:12px;text-align:center;padding:0;width:48px;background-color:transparent;border:none}.custom-color__user-input__color input::placeholder{font-size:12px;color:var(--copy-color-secondary--dark)}.b-design-fill-color-10{fill:var(--c10)}.b-design-stroke-color-10{stroke:var(--c10)}.b-design-fill-color-20{fill:var(--c20)}.b-design-stroke-color-20{stroke:var(--c20)}.b-design-fill-color-30{fill:var(--c30)}.b-design-stroke-color-30{stroke:var(--c30)}.b-design-fill-color-40{fill:var(--c40)}.b-design-stroke-color-40{stroke:var(--c40)}.b-design-fill-color-50{fill:var(--c50)}.b-design-stroke-color-50{stroke:var(--c50)}.b-design-fill-color-60{fill:var(--c60)}.b-design-stroke-color-60{stroke:var(--c60)}.b-design-fill-color-70{fill:var(--c70)}.b-design-stroke-color-70{stroke:var(--c70)}.b-design-fill-color-80{fill:var(--c80)}.b-design-stroke-color-80{stroke:var(--c80)}.b-design-fill-color-90{fill:var(--c90)}.b-design-stroke-color-90{stroke:var(--c90)}.b-design-fill-color-100{fill:var(--c100)}.b-design-stroke-color-100{stroke:var(--c100)}.fill-f0f0f0{fill:#f0f0f0}.fill-666666{fill:#666}.fill-888888{fill:#888}.copy-fill{fill:var(--copy-color);transition:all .3s ease-in-out}.copy-fill-dark{fill:var(--copy-color--dark);transition:all .3s ease-in-out}.dark-mode .copy-fill-dark{fill:#1f1f1f}.copy-stroke{stroke:var(--copy-color);transition:all .3s ease-in-out}.copy-stroke-dark{stroke:var(--copy-color--dark);transition:all .3s ease-in-out}.dark-mode .copy-stroke-dark{stroke:#1f1f1f}.copy-secondary-fill{fill:var(--copy-color-secondary);transition:all .3s ease-in-out}.copy-secondary-fill-dark{fill:var(--copy-color-secondary--dark);transition:all .3s ease-in-out}.copy-secondary-stroke{stroke:var(--copy-color-secondary);transition:all .3s ease-in-out}.copy-secondary-stroke-dark{stroke:var(--copy-color-secondary--dark);transition:all .3s ease-in-out}.background-fill{fill:var(--background);transition:all .3s ease-in-out}.background-fill-dark{fill:var(--background--dark);transition:all .3s ease-in-out}.background-stroke{stroke:var(--background);transition:all .3s ease-in-out}.background-stroke-dark{stroke:var(--background--dark);transition:all .3s ease-in-out}.border-fill{fill:var(--border-color);transition:all .3s ease-in-out}.border-fill-dark{fill:var(--border-color--dark);transition:all .3s ease-in-out}.dark-mode .border-fill-dark{fill:#ccc}.border-stroke{stroke:var(--border-color);transition:all .3s ease-in-out}.border-stroke-dark{stroke:var(--border-color--dark);transition:all .3s ease-in-out}.dark-mode .border-stroke-dark{stroke:#ccc}#brand-linear-gradient #color-start{stop-color:var(--c60);transition:stop-color .3s ease-in-out}#brand-linear-gradient #color-end{transition:stop-color .3s ease-in-out;stop-color:var(--c40)}.dark-mode .dark-mode-fill-404040{fill:#404040}.dark-mode .dark-mode-fill-252525{fill:#252525}.dark-mode .dark-mode-fill-bebebe{stroke:#bebebe}.dark-mode .dark-mode-fill-f3f3f3{fill:#f3f3f3}.dark-mode .dark-mode-fill-595959-with-opacity{fill:#595959;fill-opacity:.4}.dark-mode .dark-mode-fill-2d2d2d{fill:#2d2d2d}.dark-mode .dark-mode-stroke-404040{stroke:#404040}.dark-mode .dark-mode-stroke-1f1f1f{stroke:#1f1f1f}._panel_aickn_1{height:calc(100vh - 48px)}@media (min-width: 1024px){._panel_aickn_1{height:calc(100vh - 64px)}}._panel_aickn_1 ._panel__previewer_aickn_9{height:35%}._panel_aickn_1 ._panel__controller_aickn_12{height:65%;overflow-y:scroll}._panel_aickn_1 ._upload_aickn_16{height:70%}._panel_aickn_1 ._image-upload-button_aickn_19{width:130px;height:130px}._panel--desktop_aickn_24{height:calc(100vh - 48px);overflow:hidden}@media (min-width: 1024px){._panel--desktop_aickn_24{height:calc(100vh - 64px)}}._panel--desktop_aickn_24 ._panel__previewer_aickn_9{height:initial;background-size:16px 16px;background-image:linear-gradient(to right,rgba(190,190,190,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(190,190,190,.07) 1px,transparent 1px)}._panel--desktop_aickn_24 ._panel__controller_aickn_12{border-left:1px solid var(--border-color)}._panel--desktop_aickn_24 ._panel__pick-up-color_aickn_41{border-bottom:1px solid var(--copy-color-secondary--dark)}._panel--desktop_aickn_24 ._image-upload-button_aickn_19{width:150px}._uploaded-image_aickn_48{position:relative;object-fit:contain;max-width:100%;max-height:100%}._uploaded-image_aickn_48:after{content:"";display:block;position:absolute;top:0;right:0;border-radius:50%;height:30px;width:30px;background-color:gray;opacity:0;transition:all 1s ease-in-out}._uploaded-image_aickn_48:hover:after{opacity:1}._palette__color-item_aickn_71{padding-top:9;border:1px solid transparent;max-height:50px;display:flex;align-items:center;justify-content:space-between;margin-bottom:1px}@media (min-width: 768px){._palette__color-item_aickn_71{margin-bottom:6px}}._after-upload_aickn_86{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}._after-upload__action-bar_aickn_93{order:2;margin-bottom:4%;position:absolute;bottom:0}._after-upload__action-bar_aickn_93>div{margin-right:16px}._after-upload__action-bar_aickn_93 svg{width:16px;height:16px}@media (min-width: 768px){._after-upload__action-bar_aickn_93{order:initial;position:static;width:70%;margin-bottom:20px}}._after-upload__upload_aickn_115{display:none}@media (min-width: 768px){._after-upload__upload_aickn_115{display:block}}@media (min-width: 768px){._after-upload_aickn_86{display:flex;flex-direction:column;align-items:center;justify-content:center}}.rc-input-number{display:flex;border:none;border-radius:0;height:initial;line-height:initial}.rc-input-number:hover,.rc-input-number-focused{box-shadow:none}.rc-input-number-handler-wrap{order:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:8px;margin-left:3px;cursor:pointer;border:none}.rc-input-number-handler{width:6px;height:6px;line-height:6px}.rc-input-number-handler-up,.rc-input-number-handler-down{border:none;text-align:center}.rc-input-number-handler-up>*,.rc-input-number-handler-down>*{width:6px;height:6px;vertical-align:middle}.rc-input-number-handler-down>*{transform:rotate(180deg)}.rc-input-number-input{width:100%;padding:0;height:12px;line-height:12px;border:none;text-align:right;background-color:transparent;color:var(--copy-color)}.color-dot{color:var(--copy-color);font-size:12px}.color-dot__suffix{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--c60);margin-right:6px}.color-dot--off:before{background-color:var(--border-color)}