.#{$n}-interrupt {
  display: flex;
  position: absolute;
  inset: 0;
  background: $white;
}

&.#{$n}-app--layout-inline.#{$n}-app--collapsed .#{$n}-interrupt {
  position: static;
  width: 100%;
  border-radius: $borderradius;

  @include media('>desktop') {
    width: 67%;
  }
}

.#{$n}-interrupt__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  gap: $spacer * 0.5;
  padding: $spacer * 2;
  text-align: left;
}

.#{$n}-chat .#{$n}-interrupt__body {
  margin: $spacer * 0.5;
}

.#{$n}-interrupt__title {
  margin: 0;
  font-size: $fontsize-default;
  font-weight: bold;
}

.#{$n}-interrupt__message {
  font-size: $fontsize-default;
}

.#{$n}-interrupt__actions {
  margin-top: auto;
}