.KlaroButtonEditor_editorForm__uKwa6{padding:20px 48px 22px;color:#fff}.KlaroButtonEditor_formSection__V6lcx{margin-bottom:24px}.KlaroButtonEditor_formSectionSmall__wc6dh{margin-bottom:20px}.KlaroButtonEditor_formSectionLarge__nRUuy{margin-bottom:32px}.KlaroButtonEditor_helpText__lQhd_{margin-top:8px;font-size:12px;opacity:.8;font-style:italic}.ContrastHint_list__HDVu0{list-style:none;margin:0 0 8px;padding:0 48px;display:grid;grid-gap:4px}.ContrastHint_item__UoqQm{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:6px 8px;line-height:1.4;color:hsla(0,0%,100%,.85)}.ContrastHint_badge__2i8_Z,.ContrastHint_item__UoqQm{font-size:12px}.ContrastHint_badge__2i8_Z{display:inline-block;padding:1px 8px;border-radius:10px;border:1px solid;font-weight:500;white-space:nowrap}.ContrastHint_warn__pTSvJ .ContrastHint_badge__2i8_Z{color:#ffd166}.ContrastHint_block__ND_p_ .ContrastHint_badge__2i8_Z{color:#ff9b8f}.ContrastHint_ratio__ti8cO{color:hsla(0,0%,100%,.7);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ContrastHint_block__ND_p_ .ContrastHint_ratio__ti8cO{color:#ff9b8f}.ContrastHint_fix__iB_Y2{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.5);border-radius:4px;color:#fff;cursor:pointer;font:inherit;font-size:12px;padding:2px 8px}.ContrastHint_fix__iB_Y2:hover{background:hsla(0,0%,100%,.22)}.ContrastHint_fix__iB_Y2:focus{outline:2px solid #fff;outline-offset:2px}.ContrastHint_swatch__6Kp6J{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;border:1px solid hsla(0,0%,100%,.6);vertical-align:-1px}.ContrastHint_summary__v9VtB{margin:0 48px 16px;padding:10px 14px;border-radius:6px;background:rgba(0,0,0,.25);font-size:13px;line-height:1.5;color:#fff}.ContrastHint_summary__v9VtB p{margin:0 0 4px}.ContrastHint_summary__v9VtB ul{margin:0;padding-left:18px}.ContrastHint_summaryWarn__yqD_w{border-left:3px solid #ffd166}.ContrastHint_summaryInfo__2OwPZ{border-left:3px solid hsla(0,0%,100%,.5)}.KlaroEditor_root__Tk35r{padding:24px;max-width:800px;margin:0 auto}.KlaroEditor_section__0RU5D{margin-bottom:32px}.KlaroEditor_section__0RU5D h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.KlaroEditor_description__qsWg4{margin:8px 0 16px;font-size:14px;line-height:1.5;color:hsla(0,0%,100%,.8)}.KlaroEditor_description__qsWg4 a{color:#66b3ff;text-decoration:none}.KlaroEditor_description__qsWg4 a:hover{text-decoration:underline;color:#9cf}.KlaroEditor_toggle__pXTmv{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;margin-bottom:8px}.KlaroEditor_toggle__pXTmv input[type=checkbox]{margin-right:12px;width:20px;height:20px;cursor:pointer}.KlaroEditor_toggle__pXTmv span{font-size:16px;font-weight:500;color:#fff}.KlaroEditor_field__w_1bX{margin-bottom:16px}.KlaroEditor_field__w_1bX label{display:block;margin-bottom:8px;font-weight:500}.KlaroEditor_field__w_1bX label,.KlaroEditor_input__LF1Pk{font-size:14px;color:#fff}.KlaroEditor_input__LF1Pk{width:100%;max-width:300px;padding:8px 12px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;background:hsla(0,0%,100%,.1)}.KlaroEditor_input__LF1Pk::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.KlaroEditor_input__LF1Pk::-moz-placeholder{color:hsla(0,0%,100%,.4)}.KlaroEditor_input__LF1Pk:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.KlaroEditor_input__LF1Pk::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.KlaroEditor_input__LF1Pk::placeholder{color:hsla(0,0%,100%,.4)}.KlaroEditor_input__LF1Pk:focus{outline:none;border-color:#66b3ff;background:hsla(0,0%,100%,.15);-webkit-box-shadow:0 0 0 3px rgba(102,179,255,.2);box-shadow:0 0 0 3px rgba(102,179,255,.2)}.KlaroEditor_hint__5IAAd{margin:6px 0 0;font-size:13px;color:hsla(0,0%,100%,.6);line-height:1.4}.KlaroEditor_servicesField__ghgZ_{margin-top:8px}.KlaroEditor_colorGrid__chn7T{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:4px 20px;margin:16px -20px}.KlaroEditor_colorInput__H0iMx{width:60px;height:40px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;cursor:pointer;background:hsla(0,0%,100%,.1)}.KlaroEditor_colorInput__H0iMx:focus{outline:none;border-color:#66b3ff;-webkit-box-shadow:0 0 0 3px rgba(102,179,255,.2);box-shadow:0 0 0 3px rgba(102,179,255,.2)}.KlaroEditor_colorValue__jeSwD{display:inline-block;margin-left:12px;font-size:13px;color:hsla(0,0%,100%,.7);font-family:Monaco,Courier New,monospace;vertical-align:middle}