/**
 * Auto-generated file. Do not edit directly.
 */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
/**
 * Auto-generated file. Do not edit directly.
 */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
:host {
  display: contents;
}

:host([hidden]) {
  display: none;
}

::slotted(nav) {
  padding: 0.25rem;
}
.aligned ::slotted(nav) {
  min-width: 8rem;
  max-width: 16rem;
}
.justified ::slotted(nav) {
  width: 100%;
}

.content {
  position: fixed;
  background: white;
  -webkit-overflow-scrolling: touch;
  min-height: 2rem;
  max-height: calc(100vh - 48px);
  box-shadow: 0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);
  border-radius: var(--cat-border-radius-m, 0.25rem);
  border: 1px solid rgb(var(--cat-border-color, 235, 236, 240));
  z-index: calc(var(--cat-z-index, 1000) + 100);
  display: none;
  opacity: 0;
  transform: scale(0.9);
  transition: transform 125ms cubic-bezier(0.3, 0, 0.8, 0.15), opacity 125ms cubic-bezier(0.3, 0, 0.8, 0.15);
}
.content[data-placement^=top] {
  transform-origin: bottom;
}
.content[data-placement^=top-start] {
  transform-origin: bottom left;
}
.content[data-placement^=top-end] {
  transform-origin: bottom right;
}
.content[data-placement^=left] {
  transform-origin: right;
}
.content[data-placement^=left-start] {
  transform-origin: right top;
}
.content[data-placement^=left-end] {
  transform-origin: right bottom;
}
.content[data-placement^=right] {
  transform-origin: left;
}
.content[data-placement^=right-start] {
  transform-origin: left top;
}
.content[data-placement^=right-end] {
  transform-origin: left bottom;
}
.content[data-placement^=bottom] {
  transform-origin: top;
}
.content[data-placement^=bottom-start] {
  transform-origin: top left;
}
.content[data-placement^=bottom-end] {
  transform-origin: top right;
}
.content.show {
  opacity: 1;
  transform: scale(1);
  transition: transform 250ms cubic-bezier(0.05, 0.7, 0.1, 1), opacity 250ms cubic-bezier(0.05, 0.7, 0.1, 1);
}
.content.overflow-auto {
  overflow: auto;
}