html {
  background-color: #e3e0dd;
}
[data-block='@appsemble/button-list'] {
  width: 100%;
}
[data-block='@appsemble/control-buttons'] {
  left: 0 !important;
  top: 3.25rem !important;

  @media screen and (min-width: 1024px) {
    left: 18rem !important;
  }
}
.modal-card {
  background: #e3e0dd;

  & .modal-card-head {
    background: none;
    border: none;
    padding-bottom: 0;

    & .modal-card-title {
      flex-shrink: 1;
      font-size: 1.25rem;
    }
  }

  & .modal-card-body {
    background: none;
    padding: 0 0.5rem;
  }

  & .delete {
    background: none;

    &::before,
    &::after {
      background: var(--primary-color);
    }
  }
}
[data-block='@sounding-bodies/video-history'] > h6 {
  font-size: 1.25rem !important;
  line-height: 28px !important;
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: normal;
  font-weight: 400;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-regular) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: italic;
  font-weight: 400;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-regular-italic)
    format('woff2');
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: normal;
  font-weight: 700;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-bold) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: italic;
  font-weight: 700;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-bold-italic) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: normal;
  font-weight: 900;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-black) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: brandon-grotesque;
  font-style: italic;
  font-weight: 900;
  src: url(https://appsemble.app/api/apps/129/assets/brandon-grotesque-black-italic) format('woff2');
}
.navbar-brand.is-flex-grow-1 {
  padding-left: 0.5rem;
  background-image: url(https://appsemble.app/api/apps/129/assets/logo-navbar);
  background-repeat: no-repeat;
  background-size: 11rem;
  background-position-y: center;
  background-origin: content-box;
}
.navbar-item.title {
  display: none;
}
.navbar-end .navbar-item a.navbar-item:hover {
  background-color: initial;
}
/* XXX: https://gitlab.com/appsemble/appsemble/-/merge_requests/2202 */
.navbar > .is-flex.is-justify-content-space-between {
  flex-grow: 1;
}
.menu {
  background: url(https://appsemble.app/api/apps/129/assets/sounding-bodies) no-repeat;
  background-position-x: 1rem;
  background-position-y: calc(100% - 1rem);
  background-size: 10rem;
  background-attachment: local;
  padding-bottom: 5rem;
}
aside > div:last-child {
  display: none !important;
}
[data-block='@appsemble/video'][data-path='pages.10.steps.5.blocks.1'] {
  background: #000000;
}
[data-path^='pages.0.steps.0'],
[data-path^='pages.1.steps.0'] {
  background-color: #b9b1ab;
}
[data-path='pages.1.steps.0.blocks.2'] {
  padding-bottom: 6rem;
}
[data-path='pages.1.steps.1.blocks.3'] {
  width: 100%;
}
[data-block^='@appsemble'] > h6 {
  /* Equivalent to is-size-5 */
  font-size: 1.25rem !important;
  line-height: 28px !important;
}
[data-path='pages.4.blocks.1'] {
  width: 100%;
}