.mf-content.has-small-padding{padding:24px}.mf-content.has-medium-padding{padding:48px}
.mf-grid{display:grid}
.mf-page-header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box;padding:16px 48px;position:sticky;top:32px;z-index:100}
.mf-status-message{align-items:center;display:flex;font-weight:500;gap:6px}.mf-status-message svg{flex-shrink:0}.mf-status-message.is-success{color:#00a32a}.mf-status-message.is-success svg{fill:#00a32a}.mf-status-message.is-error{color:#d63638}.mf-status-message.is-error svg{fill:#d63638}
.mf-field-name-code p{color:#757575;font-size:12px;margin-bottom:4px}.mf-field-name-code-snippet{align-items:center;background-color:rgba(0,0,0,.07);border-radius:4px;display:flex;gap:4px}.mf-field-name-code-snippet code{background-color:transparent;flex:auto;font-size:11px;overflow-x:scroll;padding:0 0 0 10px;white-space:nowrap}.mf-field-name-code-snippet button svg{height:18px;width:18px}
.mf-key-value-item{position:relative}.mf-key-value-item .components-base-control{margin-bottom:0}.mf-key-value-item input[type=text]{background-color:#f0f0f0;border-color:transparent}.mf-key-value-delete-button{background-color:#fff;border:2px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;height:24px;padding:3px;position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(50%);width:24px}.mf-key-value-item:not(:hover) .mf-key-value-delete-button{display:none}.mf-key-value-add-option-button:hover{color:var(--wp-admin-theme-color);fill:var(--wp-admin-theme-color);cursor:pointer}