@value (colorBackgroundTertiary) from '../../styles/variables/_color.css';
@value (spaceNone, spaceXSmall, spaceSmall, spaceMedium) from '../../styles/variables/_space.css';

@value (sizeFluid) from '../../styles/variables/_size.css';

.pageTitleWrapper {
  composes: borderBottomPrimary from '../../styles/border.module.css';
  background: colorBackgroundTertiary;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding: spaceSmall spaceMedium;
  width: sizeFluid;
  gap: spaceMedium;
  height: fit-content;
}

.leftSlot {
  display: flex;
  flex-direction: column;
  gap: spaceXSmall;
  justify-content: center;
}

.pageTitle {
  display: flex;
  flex-direction: row;
  gap: spaceXSmall;
  justify-content: flex-start;
  align-items: center;
}

.rightSlot {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.headerWithBackBtn {
  display: flex;
  gap: spaceXSmall;
  align-items: center;
}