/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** TODO: CODE/CONSOLE **/
@property --rotation {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate-border {
  to {
    --rotation: 360deg;
  }
}
/**
* Design Tokens - Auto-generated by Style Dictionary
* Do not edit manually - run `pnpm tokens:build` to regenerate
*/
kv-dropdown-base:not(.hydrated) > [slot=list] {
  display: none;
}

:host {
  /**
   * @prop --portal-arrow-color: arrow color.
   */
  --portal-arrow-color: var(--tooltip-background-default);
}

.portal-container {
  visibility: hidden;
  opacity: 0;
}
.portal-container--visible {
  visibility: visible;
  opacity: 1;
}
.portal-container--visible.portal-container--animated {
  transition: opacity 0.3s linear;
}
.portal-container .portal-arrow {
  position: absolute;
  background: var(--portal-arrow-color);
  width: 10px;
  height: 10px;
}