/*
* Copyright IBM Corp. 2023, 2024
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/spacing' as *;

$story-prefix: 'side-panel-stories__';

.#{$story-prefix}body-content {
  display: flex;
  flex-direction: column;
  padding: $spacing-05;
  gap: $spacing-05;
}

.#{$story-prefix}text-inputs {
  display: flex;
  gap: $spacing-05;

  > * {
    flex-basis: 50%;
  }
}

.#{$story-prefix}story-container {
  position: fixed;
  display: grid;
  block-size: 100vh;
  grid-template-rows: 3rem 1fr;
  inline-size: 100vw;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.#{$story-prefix}story-header {
  background: $background-inverse;
}

.#{$story-prefix}story-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}