/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** CODE/CONSOLE **/
@property --rotation {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate-border {
  to {
    --rotation: 360deg;
  }
}
:host {
  /**
   * @prop --portal-arrow-color: arrow color.
   */
  --portal-arrow-color: var(--kv-neutral-6, #3f3f3f);
}

.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;
}