:host,
input,
button,
select,
textarea {
  font-family: 'Roboto', sans-serif;
}

.fgpath {
  fill: var(--color-foreground-1);
}

.arrow {
  display: flex;
}
/*
.belongs-to-root .subitems {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 14px;
  padding-left: 1px;
}
 */
.subitems {
  display: none;
  position: absolute;
  left: 100%;
  margin-top: -24px;
  padding-left: 1px;
  background-color: var(--color-background-2);
}

.shown .subitems {
  display: block;
}

.dropdown .subitems {
  left: 0;
  margin-top: 13px;
  padding-top: 1px;
}

/*
.belongs-to-root.contextual .subitems {
  position: absolute;
  left: 100%;
  margin-top: -24px;
  padding-left: 1px;
}

.belongs-to-root.dropdown .subitems {
  margin-top: 14px;
}




 */