/* Settings dropdown menu */
/* ====================== */
.settings-dropdown-menu-indicator {
  position: absolute;
  top: 0;
  left: 100%;

  transform: translate(-50%, -50%);


  padding: 0.25rem;

  border: 1px solid;
  border-radius: 50%;
  border-color: var(--bs-light);

  background-color: var(--bs-primary);
}

.settings-dropdown-menu-container {}

.settings-dropdown-menu {
  min-width: 14rem;
  max-width: none;
  width: max-content;

  padding: 0;

  font-size: 0.9rem;

  & .form-check-label {
    white-space: nowrap;
  }

  @media (width <=576px) {
    min-width: min(14rem, calc(100vw - 2rem));
    max-width: calc(100vw - 1rem);
  }
}

.settings-dropdown-menu-item {
  padding: 0.7rem 0.6rem;

  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);

  &:last-child {
    border-bottom: none;
  }

  & div {
    display: flex;
    align-items: center;

    column-gap: 0.6rem;
  }
}

.settings-dropdown-menu-item .form-check {
  min-height: max-content;

  margin-bottom: 0;
}

.settings-dropdown-menu-item .form-check-input {
  margin-top: 0;
}

.settings-dropdown-menu-item .form-check-label {
  line-height: 1;
}