.fui-type-html p + p {
  margin-block-start: 1.6rem;
}

.fui-alert {
  --fui-alert-font-size: 1.6rem;
  --fui-alert-padding: 2rem;
}
.fui-alert p {
  line-height: 1.2;
}

.fui-form-container {
  container-type: inline-size;
}

@container ( width < 500px) {
  .fui-page-row[data-fui-field-count="2"] {
    flex-direction: column;
  }
}

.fui-form-container {
  --fui-label-font-size:1.6rem;
  --fui-input-font-size:1.6rem;
  --fui-check-font-size:1.4rem;
  --fui-check-label-line-height: 1.2;
  --fui-label-color: #666666;
  --fui-check-label-width: 1.8rem;
  --fui-check-label-height: 1.8rem;
  --fui-check-label-padding-left: 3rem;
}
.fui-form-container .fui-input-container {
  --fui-input-border-radius: calc(var(--border-radius) / 2);
}

main > .fui-i {
  max-width: 650px;
  --fui-field-gutter: var(--gutter0);
  --fui-row-gutter: var(--gutter1);
}

.js-has-pseudo [csstools-has-2u-33-36-31-1m-2w-2p-37-14-1q-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-2w-2x-2s-2s-2t-32-2l-15-1m-32-33-38-14-1m-2w-2p-37-14-1q-w-1m-32-33-38-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-2w-2x-2s-2s-2t-32-2l-15-15-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
  display: none;
}

form:has(> input[type=hidden]):not(:has(> :not(input[type=hidden]))) {
  display: none;
}

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 */