flyout-panel .trigger.center {
  margin-left: auto;
  margin-right: auto;
}
.flyout-aside {
  position: fixed;
  height: 100vh;
  width: 400px;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  right: 0;
  transform: translateX(400px);
  transition: 300ms;
  background-color: white;
  z-index: 15;
}
.flyout-aside.show {
  transform: translateX(0px);
}
.flyout-aside.show ~ back-drop {
  pointer-events: all;
  z-index: 11;
}
.flyout-aside .aside-header,
.flyout-aside .aside-content {
  display: flex;
  padding: var(--gutter1);
  position: relative;
  gap: var(--gutter1);
  align-items: center;
}
.flyout-aside .aside-header:after {
  height: 1px;
  width: calc(100% - var(--gutter1) * 2);
  background-color: #dddddd;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: var(--gutter1);
}
.flyout-aside .aside-header picture.image {
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
}
.flyout-aside .aside-header picture.image img {
  min-width: 60px;
  height: 60px;
}
.flyout-aside .aside-content {
  flex-direction: column;
}
.flyout-aside h4 {
  line-height: 1.4;
}
.flyout-aside h4 svg {
  margin-left: 1ch;
  width: 0.8em;
  color: var(--tool-top-background-colour, #FDC705);
}
.flyout-aside .block {
  --grid-gap: var(--gutter1) var(--gutter2);
}
.flyout-aside .logged-in input-field input[rawname=firstName], .flyout-aside .logged-in input-field input[rawname=lastName], .flyout-aside .logged-in input-field input[rawname=emailAddress] {
  display: none;
}
.flyout-aside .logged-in input-field input[rawname=firstName] + label, .flyout-aside .logged-in input-field input[rawname=lastName] + label, .flyout-aside .logged-in input-field input[rawname=emailAddress] + label {
  display: none;
}
.flyout-aside .logged-in input-field[type=textarea] {
  --grid-row: 3;
}
.flyout-aside .logged-in input-field + button {
  --grid-row: 4;
}

details.tool-tip.is-dynamic {
  z-index: 999;
}
/*# sourceMappingURL=../sourcemaps/components/flyout-panel.css.map */