:host {
  @apply flex flex-row h-split-screen-tablet max-h-split-screen-tablet desktop-small:h-split-screen-desktop desktop-small:max-h-split-screen-desktop overflow-scroll;
}

.shared-splitscreen__side {
  @apply w-[31rem] min-w-[31rem] flex-grow-0 flex-shrink;
}

.shared-splitscreen__gap {
  @apply w-[1.5rem] min-w-[1.5rem] flex-grow-0 flex-shrink;
}

.shared-splitscreen__primary {
  @apply flex-grow;
}

.shared-splitscreen__hidden {
  @apply min-w-0 w-0;
}
