._sidebar_x6f4a_5{display:flex;height:100%;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 0 2px #16161740,0 4px 6px -2px #1616171f,0 2px 2.5px -2px #1616171f,0 1px 1.75px -2px #1616171f;color:#161617;flex-basis:320px;flex-shrink:0;min-width:320px;padding:16px 20px;gap:16px;box-sizing:border-box}._segmentedControlWrapper_x6f4a_26{display:flex;align-items:center}._segmentedLabel_x6f4a_31{min-width:6.2rem;color:#161617;font-size:14px;letter-spacing:.02em;line-height:20px}._segmentedOptions_x6f4a_39{display:flex;flex-grow:1;border:1px solid #ebebeb;background:#fafafa;border-radius:6px;color:#161617a6}._segmentedOptions_x6f4a_39 button{display:flex;flex-grow:1;justify-content:center;padding:2px 6px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:20px;white-space:nowrap;color:#161617a6}._segmentedOptions_x6f4a_39 button:hover{color:#000}._segmentedOptions_x6f4a_39 button._active_x6f4a_69,._segmentedOptions_x6f4a_39 ._active_x6f4a_69{margin:-1px;background-color:#161617;box-shadow:0 0 2px #00000040,0 6px 6px -2px #121a211f,0 2.5px 2.5px -2px #121a211f,0 1.25px 1.25px -2px #121a211f;color:#fff}._segmentedOptions_x6f4a_39 button._active_x6f4a_69:hover,._segmentedOptions_x6f4a_39 ._active_x6f4a_69:hover{background:#161617;color:#fff;cursor:default}._divider_x6f4a_89{border:none;border-top:1px solid #e0e0e0;margin:0}._wrapper_1ax6o_1{display:flex;align-items:center;justify-content:space-between;gap:8px}._wrapper--dark_1ax6o_8{--colorpicker-background-color: #161617;--colorpicker-border-color: rgba(255, 255, 255, .25);--colorpicker-arrow-color: white}._wrapper--sm_1ax6o_14{--colorpicker-input-padding: .2rem .7rem .2rem .2rem}._wrapper--lg_1ax6o_18{--colorpicker-input-padding: 6px 11px 6px 6px}._wrapper--light_1ax6o_22{--colorpicker-background-color: white;--colorpicker-border-color: rgba(0, 0, 0, .25);--colorpicker-arrow-color: #161617}._label_1ax6o_28{min-width:5rem;color:#161617;font-family:var(--font-family-ibm-sans);font-size:14px;letter-spacing:.02em}._input_1ax6o_37{display:none}._colorPreviewSpan_1ax6o_41{width:1rem;height:1rem;border:1px solid var(--colorpicker-border-color);border-radius:9999px;color:var(--colorpicker-arrow-color)}._inputWrapper_1ax6o_49 svg{margin-left:.5rem}._pickerModal_1ax6o_53{position:absolute;z-index:99;width:min-content;padding:.4rem;margin:0!important;background:#fff;border-radius:12px;box-shadow:0 0 2px #121a2140,0 12px 12px -2px #121a211f,0 5px 5px -2px #121a211f,0 2.5px 2.5px -2px #121a211f}._pickerModal--right_1ax6o_68{left:0rem}._pickerModal--left_1ax6o_72{right:0rem}._pickerModal--top_1ax6o_76{bottom:2rem}._pickerModal--bottom_1ax6o_80{top:2rem}._pickerModal_1ax6o_53 .react-colorful{width:150px;height:150px;gap:4px}._pickerModal_1ax6o_53 .react-colorful>*{border-radius:6px}._pickerModal_1ax6o_53 input{width:100%;border:1px solid rgba(22,22,23,.08);border-radius:6px;box-shadow:inset 0 2px 4px #121a2129;color:#161617;font-size:16px;letter-spacing:.01em;line-height:28px}._inputWrapper_1ax6o_49{display:flex;box-sizing:border-box;align-items:center;padding:var(--colorpicker-input-padding);border:1px solid rgba(22,22,23,.65);background:var(--colorpicker-background-color);border-radius:9999px;box-shadow:0 0 2px #121a2140,0 6px 6px -2px #121a211f,0 2.5px 2.5px -2px #121a211f,0 1.25px 1.25px -2px #121a211f;color:var(--colorpicker-arrow-color);cursor:pointer}._selectionWrapper_1ax6o_122{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(0deg,#fafafa,#fafafa);border-radius:9999px}._selectionWrapper_1ax6o_122>div:first-child{display:flex;align-items:center;gap:8px}._colorPreset_1ax6o_137{width:1rem;height:1rem;border:1px solid rgba(0,0,0,.25);border-radius:999px;cursor:pointer;padding:0;background:transparent}._colorPreset_1ax6o_137:hover,._colorPreset_1ax6o_137:focus-visible{border:1px solid rgba(0,0,0,.75)}html{font-size:16px;-webkit-font-smoothing:antialiased;line-height:1.45}*,*:before,*:after{border-style:solid;border-width:0;box-sizing:border-box}body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;padding:0}button,[role=button]{cursor:pointer}button::-moz-focus-inner{border:0!important}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{height:auto;max-width:100%}a{background-color:transparent;color:inherit;text-decoration:inherit}*:focus{-webkit-tap-highlight-color:transparent;outline:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#d6dbe1}html.demo-preview,html.demo-preview body{background:transparent}#root{width:100%;height:100%}._appWrapper_f4v2r_138{height:100%;display:flex;border-radius:.75rem;flex-grow:1;gap:1rem;padding:1rem}html.demo-preview ._appWrapper_f4v2r_138{background:transparent}._editorWrapper_f4v2r_156{position:relative;display:flex;overflow:hidden;flex:1;width:100%;border-radius:.75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 2px #16161740,0 4px 6px -2px #1616171f,0 2px 2.5px -2px #1616171f,0 1px 1.75px -2px #1616171f}._editorContainer_f4v2r_172{flex:1;height:100%}