@use './tokens' as kt;

@include kt.block {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;

  &--fullscreen {
    position: fixed;
    inset: 0;
    z-index: 1000;
    padding: 16px;
    background: hsl(var(--background));
  }

  &__main {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    background: hsl(var(--card));
  }

  &__main-content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    padding: 16px;
  }
}
