anj-overlay {
  display: none;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  background-color: var(--anj-light);
  background-clip: padding-box;
  border: 1px solid var(--anj-border-dark);
  max-width: 300px;
  opacity: 0;
  position: fixed;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1060;
}
anj-overlay, anj-overlay::before, anj-overlay::after {
  box-sizing: border-box;
  outline: none;
}
anj-overlay:focus, anj-overlay:active, anj-overlay *:focus, anj-overlay *:active {
  outline: none;
}
@media (min-width: 576px) {
  anj-overlay {
    max-width: 350px;
  }
}
@media (min-width: 768px) {
  anj-overlay {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  anj-overlay {
    max-width: 700px;
  }
}
anj-overlay.anj-show {
  opacity: 1;
  transition: opacity 0.2s 0.2s ease, transform 0.2s ease;
}
anj-overlay[x-placement=bottom] > anj-arrow {
  left: 50%;
  margin-left: -11px;
  top: -11px;
}
anj-overlay[x-placement=bottom-end] > anj-arrow {
  right: 1rem;
  margin-right: -11px;
  top: -11px;
}
anj-overlay[x-placement=bottom-start] > anj-arrow {
  left: 1rem;
  margin-left: -11px;
  top: -11px;
}
anj-overlay[x-placement=left] > anj-arrow {
  margin-top: -8px;
  right: -16px;
  top: 50%;
  transform: rotate(90deg);
}
anj-overlay[x-placement=left-end] > anj-arrow {
  bottom: 1rem;
  margin-top: -8px;
  right: -16px;
  transform: rotate(90deg);
}
anj-overlay[x-placement=left-start] > anj-arrow {
  margin-top: -8px;
  right: -16px;
  top: 1rem;
  transform: rotate(90deg);
}
anj-overlay[x-placement=right] > anj-arrow {
  left: -16px;
  margin-top: -8px;
  top: 50%;
  transform: rotate(-90deg);
}
anj-overlay[x-placement=right-end] > anj-arrow {
  bottom: 1rem;
  left: -16px;
  margin-top: -8px;
  transform: rotate(-90deg);
}
anj-overlay[x-placement=right-start] > anj-arrow {
  left: -16px;
  margin-top: -8px;
  top: 1rem;
  transform: rotate(-90deg);
}
anj-overlay[x-placement=top] > anj-arrow {
  left: 50%;
  margin-left: -11px;
  bottom: -11px;
  transform: rotate(180deg);
}
anj-overlay[x-placement=top-end] > anj-arrow {
  right: 1rem;
  margin-right: -11px;
  bottom: -11px;
  transform: rotate(180deg);
}
anj-overlay[x-placement=top-start] > anj-arrow {
  left: 1rem;
  margin-left: -11px;
  bottom: -11px;
  transform: rotate(180deg);
}

.anj-popover {
  display: block;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  min-height: 1.5rem;
  min-width: 60px;
}
.anj-popover, .anj-popover::before, .anj-popover::after {
  box-sizing: border-box;
  outline: none;
}
.anj-popover:focus, .anj-popover:active, .anj-popover *:focus, .anj-popover *:active {
  outline: none;
}
.anj-popover .anj-popover-content {
  padding: 1rem;
}

.anj-dropdown-menu {
  display: none;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background-color: var(--anj-light);
  z-index: 1060;
  min-width: 10rem;
  text-align: left;
}
.anj-dropdown-menu, .anj-dropdown-menu::before, .anj-dropdown-menu::after {
  box-sizing: border-box;
  outline: none;
}
.anj-dropdown-menu:focus, .anj-dropdown-menu:active, .anj-dropdown-menu *:focus, .anj-dropdown-menu *:active {
  outline: none;
}

.anj-select-menu {
  max-width: initial;
}
.anj-select-menu[x-placement^=bottom] {
  border-top: 0;
  box-shadow: 0 3px 8px -1px var(--anj-shadow);
}
.anj-select-menu[x-placement^=top] {
  border-bottom: 0;
  box-shadow: 0 -3px 8px -1px var(--anj-shadow);
}