// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

.TitleBarContainer {
  display: flex;
  flex-direction: column;
  height: 100vh;

  &__title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: $z-index-window-controls;

    // This matches the inline styles of frameless-titlebar
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
      Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial,
      sans-serif;

    & button {
      font-family: inherit;
    }
  }

  &__content {
    margin-top: var(--titlebar-height);
    height: var(--window-height);
    position: relative;
  }
}