/* Layout only; Semantic UI and dark.css provide colors and theme states. */
.coco-duel [data-tag-filter] > .ui.grid {
  margin-left: -.3rem;
  margin-right: -.3rem;
}

.coco-duel [data-tag-filter] > .ui.grid > .row > .column {
  padding-left: .3rem !important;
  padding-right: .3rem !important;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu {
  padding: .75rem !important;
  max-height: min(24rem, 50vh) !important;
}

/* Duel's grouped choices can extend beyond the narrow tag input. */
.coco-duel .ui.selection.dropdown.coco-tag-dropdown > .menu {
  width: min(720px, calc(100vw - 96px)) !important;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .coco-tag-type {
  display: block;
  margin: .9rem 0 .5rem;
  padding: 0 0 .4rem;
  text-transform: none;
  overflow-wrap: anywhere;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .coco-tag-type:first-child {
  margin-top: 0;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .coco-tag-type[hidden] {
  display: none !important;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .item.ui.label {
  display: inline-block !important;
  width: auto;
  max-width: 100%;
  min-height: 0;
  margin: .25rem .4rem .25rem 0;
  padding: .55em .75em !important;
  border-top: 0 !important;
  white-space: normal;
  overflow-wrap: anywhere;
  vertical-align: top;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .item.ui.label.filtered {
  display: none !important;
}

.ui.selection.dropdown.coco-tag-dropdown > .menu > .item.ui.label.selected {
  outline: 1px solid currentColor;
  outline-offset: 1px;
}