.StyleSection_section__0cceb{border-bottom:1px solid #dfe1e6}.StyleSection_section__0cceb:last-of-type{margin-bottom:12px}.StyleSection_section__0cceb>header{display:flex;align-items:center;max-width:360px;padding:12px}.StyleSection_section__0cceb>header .StyleSection_sectionTitle__0cceb{margin-right:12px;white-space:nowrap}.StyleSection_section__0cceb>header .StyleSection_styleSummary__0cceb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter;font-weight:500;font-style:normal;font-size:12px;line-height:1.3333333333;color:#a3aab8;margin-left:auto}.StyleSection_section__0cceb>header .StyleSection_titleButton__0cceb{font-family:Inter;font-weight:600;font-style:normal;font-size:16px;line-height:1.5;color:#13151a;display:flex;align-items:center;flex-grow:1;margin-right:12px;max-width:calc(100% - 32px);text-align:left}.StyleSection_section__0cceb>header button{margin-left:auto}.StyleSection_section__0cceb>header button svg{fill:#757c8a;color:#757c8a;margin-top:-4px;vertical-align:middle}.StyleSection_setting__0cceb{font-family:Inter;font-weight:500;font-style:normal;font-size:14px;line-height:1.1428571429;border-radius:6px;color:#757c8a;display:flex;margin-bottom:12px;max-height:32px;overflow:visible;padding:8px 12px;white-space:nowrap}.StyleSection_setting__0cceb:hover{background-color:#f7f8f9}.StyleSection_setting__0cceb:focus-within{background-color:#edeef0}.StyleSection_setting__0cceb .StyleSection_control__0cceb{font-family:Inter;font-weight:500;font-style:normal;font-size:14px;line-height:1.1428571429;align-content:center;color:#13151a;display:flex;margin-left:auto}.StyleSection_setting__0cceb .StyleSection_control__0cceb input{font-family:Inter;font-weight:500;font-style:normal;font-size:14px;line-height:1.1428571429;color:#13151a;margin-right:-7px;margin-top:-7px;padding:5px 8px;text-align:right}.StyleSection_setting__0cceb .StyleSection_control__0cceb input:focus{border-radius:4px;border:1px solid var(--focus-10);caret-color:var(--focus-50);box-shadow:0 0 0 3px var(--focus-glare),inset 0 0 0 1px var(--focus-50);margin-right:-8px;margin-top:-8px}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_controlDropdown__0cceb{scrollbar-width:none}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_controlDropdown__0cceb::-webkit-scrollbar{display:none}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_controlDropdown__0cceb{max-height:400px;overflow:auto;right:-12px;top:calc(100% + 8px)}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_colorPicker__0cceb{right:-12px}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_fontDropdown__0cceb ul>li{height:28px}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_fontDropdown__0cceb ul>li img{bottom:-2px;position:relative}.StyleSection_setting__0cceb .StyleSection_control__0cceb button{white-space:nowrap}.StyleSection_setting__0cceb .StyleSection_control__0cceb button.StyleSection_removeColor__0cceb{font-family:Inter;font-weight:500;font-style:normal;font-size:12px;line-height:1.3333333333;margin-right:8px}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_noColor__0cceb{left:-2px;position:relative;stroke:#c2c7d1;top:-2px}.StyleSection_setting__0cceb .StyleSection_control__0cceb .StyleSection_colorPreview__0cceb{border:1px solid #dfe1e6;border-radius:50%;height:20px;left:-2px;position:relative;top:-2px;width:20px}.StyleSection_semibold__0cceb{font-weight:600}.StyleSection_labelIcon__0cceb{fill:#a3aab8;margin:-4px 8px -4px 0}.StyleSection_labelIcon__0cceb.StyleSection_shortLabelIcon__0cceb{fill:#13151a;margin-right:0}.ColorPicker_picker__7ca04{padding:8px}.ColorPicker_picker__7ca04 .react-colorful{width:100%}.ColorPicker_picker__7ca04 .react-colorful__saturation{margin-bottom:8px;border-radius:4px}.ColorPicker_picker__7ca04 .react-colorful__hue,.ColorPicker_picker__7ca04 .react-colorful__alpha{height:12px;margin-bottom:8px;border-radius:4px}.ColorPicker_picker__7ca04 .react-colorful__saturation-pointer,.ColorPicker_picker__7ca04 .react-colorful__hue-pointer,.ColorPicker_picker__7ca04 .react-colorful__alpha-pointer{width:16px;height:16px}.ColorPicker_swatches__7ca04{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.ColorPicker_swatch__7ca04{width:16px;height:16px;background-color:var(--swatch-color);border-radius:6px;border:1px solid var(--dark-4)}