/* Layered important colors take precedence over legacy module-specific palettes. */
@layer shared-button-colors {
  html body [data-ui-button] {
    --button-red:#ff4b3e;
    --button-red-hover:#ed3f32;
    --button-black:#222426;
    --button-black-hover:#101214;
    --button-lime:#dcff57;
  }
  html body [data-ui-button=primary] {
    background:#ff4b3e!important;
    border-color:#ff4b3e!important;
    color:#ffffff!important;
    box-shadow:0 3px 9px #ff4b3e22!important;
  }
  html body [data-ui-button=primary]:hover:not(:disabled) {
    background:#ed3f32!important;border-color:#ed3f32!important;
  }
  html body [data-ui-button=asset] {
    background:#222426!important;border-color:#222426!important;color:#ffffff!important;box-shadow:none!important;
  }
  html body [data-ui-button=asset]:hover:not(:disabled) {
    background:#101214!important;border-color:#101214!important;
  }
  html body [data-ui-button=secondary] {
    background:#ffffff!important;border-color:#e3e7ec!important;color:#68727f!important;box-shadow:none!important;
  }
  html body [data-ui-button=secondary]:hover:not(:disabled) {
    background:#f5f6f8!important;border-color:#cbd1d9!important;color:#303843!important;
  }
  html body [data-ui-button=text] {
    background:transparent!important;border-color:transparent!important;color:#68727f!important;box-shadow:none!important;
  }
  html body [data-ui-button=text]:is(:hover,:active,:focus-visible):not(:disabled) {
    background:transparent!important;border-color:transparent!important;color:#25272b!important;box-shadow:none!important;
  }
  html body [data-ui-button=toggle] {
    background:#f5f6f8!important;border-color:#f5f6f8!important;color:#818a95!important;box-shadow:none!important;
  }
  html body [data-ui-button=toggle]:is([aria-pressed=true],[aria-selected=true],.active,.selected) {
    background:#dcff57!important;border-color:#dcff57!important;color:#303720!important;
  }
  html body [data-ui-button=toggle]:hover:not(:disabled):not([aria-pressed=true]):not([aria-selected=true]):not(.active):not(.selected) {
    background:#ebedf1!important;border-color:#ebedf1!important;
  }
  html body [data-ui-button=danger] {
    background:#ffffff!important;border-color:#ff4b3e!important;color:#ee4539!important;box-shadow:none!important;
  }
  html body [data-ui-button=danger]:hover:not(:disabled) {
    background:#fff0ed!important;
  }
  html body [data-ui-button=icon] {
    background:transparent!important;border-color:transparent!important;color:#7d8794!important;box-shadow:none!important;
  }
  html body [data-ui-button=icon]:hover:not(:disabled) {
    background:#f1f3f6!important;color:#343d49!important;
  }
  html body [data-ui-button=upload-tile] {
    background:#f7f8fa!important;border-color:#dce1e7!important;color:#697582!important;box-shadow:none!important;
  }
  html body [data-ui-button=upload-tile]:hover:not(:disabled) {
    background:#f0f2f5!important;border-color:#9ba5b2!important;color:#343d49!important;
  }
  html body [data-ui-button]:is(:disabled,[aria-disabled=true]) {
    background:#e4e7eb!important;border-color:#e4e7eb!important;color:#9ba2ac!important;box-shadow:none!important;opacity:1!important;
  }
  html body [data-ui-button=text]:disabled {background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
}

/* Shared close glyphs are independent of font baselines and inherited padding. */
html body .dialog-dismiss{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;line-height:1;box-sizing:border-box;flex:none}
.dialog-dismiss .close-glyph{display:block;width:18px;height:18px;margin:0;pointer-events:none}