.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

.sidemenu {
  margin: 0 24px;
  width: 200px;
}
.sidemenu .list__tile {
  font-weight: 500;
}
.sidemenu .icon {
  color: inherit;
}
@media (max-width: 599.98px) {
  .sidemenu {
    position: static !important;
    margin: 0;
    width: auto;
  }
}

.bg-error .v-icon,
.bg-primary .v-icon,
.bg-red .v-icon,
.bg-secondary .v-icon,
.bg-success .v-icon,
.text-grey .v-icon,
.text-primary .v-icon,
.v-input .v-icon,
.v-list-item__append .v-icon,
.v-list-item__prepend .v-icon {
  color: inherit;
}

.v-icon,
.v-list-item__append .v-btn .v-icon,
.v-list-item__prepend .v-btn .v-icon {
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}

.v-toolbar__content {
  gap: 8px !important;
}
.v-toolbar__content .v-input--plain-underlined {
  margin-bottom: 16px;
}
.v-toolbar__content .v-toolbar-title:has(+ .v-divider) {
  flex: none;
}

.flex-2-1 {
  flex: 2 1 auto !important;
}

table th {
  background: #f5f5f5;
}
table td, table th {
  padding: 0 8px !important;
}

table.properties {
  width: 100%;
}
table.properties th, table.properties td {
  border-bottom: dotted 1px gray;
  line-height: 1.7;
}
table.properties th {
  color: gray;
  background: none;
  text-align: left;
  font-weight: normal;
}

ol, ul {
  padding-left: 24px;
}

.v-toolbar-title-no-shrink.v-toolbar-title, .v-toolbar-title-no-shrink .v-toolbar-title {
  flex: 0 1 auto;
}

.multiline {
  white-space: pre-line;
  overflow: auto;
}

.text-monospace {
  font-family: monospace;
}