/* Styles for src/components/dropdown-button.js and nothing else. A ToolStripDropDownButton. */

.dropdown-button { position: relative; display: inline-block; }
.dropdown-button__btn {
  border-color: transparent;
  background: none;
  min-height: 22px;
  padding: 1px 6px;
}
.dropdown-button__btn:hover, .dropdown-button__btn[aria-expanded="true"] { background: var(--c-menu-hover); border-color: var(--c-menu-hover-border); }
.dropdown-button__caret { margin-left: 5px; font-size: 9px; }
.dropdown-button__pop { position: absolute; top: 100%; left: 0; z-index: 35; }
.dropdown-button--right .dropdown-button__pop { left: auto; right: 0; }