.url-section .slug-field {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d9dde3;
  border-radius: 6px;
  background: #fff;
}
.url-section .slug-field:focus-within { outline: 2px solid #b8336a; outline-offset: 2px; }
.url-section .slug-field span { padding-left: 11px; color: #6f7681; font-size: 12px; white-space: nowrap; }
.url-section .slug-field input { min-width: 0; border: 0; outline: 0; padding-left: 3px; }
.url-section .slug-field input:focus-visible { outline: 0; }
.url-section .slug-status { font-size: 12px; line-height: 1.5; margin: 9px 0 0; color: #6d737e; }
.url-section .slug-status[data-state="available"] { color: #236e54; }
.url-section .slug-status[data-state="invalid"] { color: #aa2b4b; }
.url-section .field-hint { margin-top: 10px; }
@media (max-width: 520px) {
  .url-section .slug-field { display: block; padding-top: 9px; }
  .url-section .slug-field span { display: block; padding: 0 11px; }
  .url-section .slug-field input { width: 100%; padding-top: 5px; }
}