/* Same inset disclosure chevron, with contrast in both workspace themes. */
:root {
  --workspace-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23172554' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
:root[data-workspace-theme="dark"] {
  --workspace-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23edf2fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
html[data-workspace-mode="live"] select:not([multiple]) {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: var(--workspace-select-chevron) !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px 16px !important;
  padding-inline-end: 44px !important;
}

@media (max-width: 760px) {
  html[data-workspace-mode="live"] select:not([multiple]) {
    background-position: right 12px center !important;
    padding-inline-end: 36px !important;
  }
}