/* Exclusive shared-component styles. Global and layout rules stay shared. */

.mbk-tag-picker {
background: var(--chrome-surface);
  border: 1px solid var(--chrome-border);
  border-radius: 10px;
  box-shadow: var(--chrome-shadow);
  left: -1px;
  padding: 9px 11px 11px;
  position: absolute;
  right: -1px;
  top: calc(100% + 7px);
}

.mbk-tag-picker-head {
color: var(--chrome-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.mbk-tag-picker .mbk-chips {
max-height: 210px;
  overflow-y: auto;
}

.mbk-shell--mobile .mbk-tag-picker {
border-radius: 0 0 12px 12px;
  border-top: 0;
  left: 0;
  right: 0;
  top: calc(100% + 1px);
}