.window {
  @include container-border;

  @extend .position-relative;
  @extend .p-4;
  @extend .w-100;

  height: fit-content;
  background-color: var(--bs-tertiary-bg);
  border-top-width: 2px;

  > div.title {
    @include container-title;

    top: -15px;
    background: linear-gradient(
      to bottom,
      var(--bs-body-bg) 0%,
      var(--bs-body-bg) 55%,
      var(--bs-tertiary-bg) 50%,
      var(--bs-tertiary-bg) 100%
    );
  }

  > div.content {
    @extend .m-2;
    @extend .mt-4;
  }
}

.window-full-height {
  @extend .h-100;
}

@include media-breakpoint-down(sm) {
  .window {
    border-left: 0;
    border-right: 0;
  }
}