.numbering-current { overflow: hidden; background: #f7f8fb; border: 1px solid #e1e5eb; border-radius: 7px; }
.numbering-current__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; background: #fff8fc; border-bottom: 1px solid #efd3e2; }
.numbering-current__heading span, .numbering-current__heading strong { display: block; }
.numbering-current__heading span { color: #a70f62; font-size: 8px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.numbering-current__heading strong { margin-top: 2px; color: #202635; font-size: 15px; }
.numbering-current__heading small { color: #7c8798; font-size: 9px; text-align: right; }
.numbering-preview { display: grid; gap: 7px; min-height: 98px; padding: 13px 18px; background: #eef1f6; border-bottom: 1px solid #e1e5eb; }
.numbering-preview > div { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; margin-left: calc(var(--list-level, 0) * 14px); transition: margin .18s ease; }
.numbering-preview b { overflow: hidden; color: #d90b77; font-size: 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.numbering-preview i { width: 76%; height: 3px; margin-left: 9px; background: #738197; border-radius: 2px; }
.numbering-preview > div:nth-child(2) i { width: 62%; }
.numbering-preview > div:nth-child(3) i { width: 70%; }
.numbering-preview[data-list-type="none"] b { color: transparent; }
.numbering-preview[data-list-type="none"] > div { grid-template-columns: 0 minmax(0, 1fr); }
.numbering-property-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.numbering-property-grid > div { min-width: 0; padding: 8px 10px; border-bottom: 1px solid #e9ecf0; }
.numbering-property-grid > div:nth-child(odd) { border-right: 1px solid #e9ecf0; }
.numbering-property-grid > div:nth-last-child(-n + 2) { border-bottom: 0; }
.numbering-property-grid span, .numbering-property-grid strong { display: block; }
.numbering-property-grid span { color: #7c8798; font-size: 9px; }
.numbering-property-grid strong { margin-top: 2px; overflow: hidden; color: #202635; font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.numbering-controls { padding-top: 16px; border-top: 1px solid #e1e5eb; }
.numbering-controls > h3, .numbering-section-heading h3 { margin: 0; color: #202635; font-size: 13px; font-weight: 700; }
.numbering-controls > h3 { margin-bottom: 11px; }
.numbering-type-control { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 6px; overflow: hidden; border: 1px solid #d90b77; border-radius: 999px; }
.numbering-type-control button { min-width: 0; padding: 8px 3px; color: #a70f62; background: #fff; border: 0; font: inherit; font-size: 8px; font-weight: 650; }
.numbering-type-control button + button { border-left: 1px solid #efacd1; }
.numbering-type-control button:hover, .numbering-type-control button:focus-visible, .numbering-type-control button.is-active { color: #fff; background: #c40f70; }
.numbering-level-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px; }
.numbering-level-row small { display: block; margin-top: 2px; color: #7c8798; font-size: 8px; }
.numbering-stepper { display: flex; overflow: hidden; border: 1px solid #d8dde5; border-radius: 999px; }
.numbering-stepper button { display: grid; width: 36px; height: 30px; place-items: center; color: #a70f62; background: #fff; border: 0; font-size: 16px; }
.numbering-stepper button + button { border-left: 1px solid #d8dde5; }
.numbering-stepper button:hover:not(:disabled) { color: #fff; background: #c40f70; }
.numbering-stepper button:disabled { color: #b7bec8; background: #f4f5f7; }
.numbering-definition { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e1e5eb; transition: opacity .16s ease; }
.numbering-definition.is-disabled { opacity: .48; }
.numbering-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
.numbering-section-heading span { color: #8a94a4; font-size: 8px; text-align: right; }
.numbering-field-grid .demo-field-label--wide { grid-column: 1 / -1; }
.numbering-field-grid .demo-text-input { margin-top: 5px; }
.numbering-restart { display: flex; align-items: center; gap: 7px; margin: 10px 0 12px; color: #202635; font-size: 9px; font-weight: 650; }
.numbering-restart input { width: 15px; height: 15px; accent-color: #d90b77; }

@media (max-width: 575.98px) {
    .numbering-property-grid { grid-template-columns: 1fr; }
    .numbering-property-grid > div, .numbering-property-grid > div:nth-child(odd), .numbering-property-grid > div:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid #e9ecf0; }
    .numbering-property-grid > div:last-child { border-bottom: 0; }
}