.mws-talk-list__option-control {
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  z-index: 1;
  width: 32px;
  height: 32px;
}

.mws-talk-list__option-control.is-open {
  z-index: 5;
}

.mws-talk-list__option-control.is-open .mws-talk-list__options {
  background: var(--semantic-bg);
}

.mws-talk-list__option-control > .mws-talk-list__options {
  position: static;
  top: auto;
  right: auto;
}

.mws-talk-list__option-menu {
  position: absolute;
  top: 36px;
  left: -88px;
  display: flex;
  width: 120px;
  height: 64px;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--spacing-3xs);
  background: var(--semantic-white);
  box-shadow: var(--shadow-card);
}

.mws-talk-list__option-menu[hidden] {
  display: none;
}

.mws-talk-list__option-menu a,
.mws-talk-list__option-menu button {
  display: flex;
  width: 100%;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) var(--spacing-3xs);
  color: var(--neutral-tx2-title);
  background: var(--semantic-white);
  font-family: var(--font-family-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-16);
  text-align: center;
  text-decoration: none;
}

.mws-talk-list__option-menu button {
  color: var(--brand-accent-dark);
}

.mws-talk-list__option-menu a:hover,
.mws-talk-list__option-menu a:focus-visible,
.mws-talk-list__option-menu button:hover,
.mws-talk-list__option-menu button:focus-visible {
  background: var(--semantic-bg);
}