﻿.axepanel {
  background-color: var(--dynaui-bg);
  margin-left: 5em;
  width: 60em;
  padding: 1.5em 2em;
  border-radius: 1em;
  float: left;
}
.axepanel.flat {
  background-color: transparent;
}
.axepanel nav.fs li a svg,
.axepanel nav.fs li a img {
  opacity: 0.9;
}
.axepanel nav.fs li a:hover svg,
.axepanel nav.fs li a:hover img {
  opacity: 1;
}
.axepanel h1 .button,
.axepanel h2 .button {
  line-height: 1.3em;
  padding: 0 0.5em;
  margin: 0.2em 0.4em;
}
.axepanel > h3 {
  margin-top: 0;
}
.axepanel.full {
  margin-right: 5em;
  width: calc(100% - 14em);
}
@media (max-width: 69em) {
  .axepanel {
    margin-left: 2em;
    width: calc(100% - 8em);
  }
}