@use 'Presentation/themes/styles/fonts' as *;
@use 'Presentation/themes/styles/theme_colors_scheme' as *;
@use 'Presentation/themes/styles/variables' as *;
@use 'Presentation/themes/styles/mixins' as *;

.qb-uikit-layout * {
  box-sizing: border-box;
}

.qb-uikit-layout {
  font-family: 'Roboto';
  color: var(--main-text);
  background-color: var(--main-background);
  //to hide the scrollbars if DialogInfo clicked
  overflow: hidden !important;
  scrollbar-width: none !important;
}

/* Media-query for mobile devices */
@media only screen and (max-width: #{$qb-max-width-screen}) {
  :root {
    --max-width-message-view-container: #{$qb-max-width-message-view-container-mobile};
    --max-width-message-bubble: #{$qb-max-width-message-bubble-mobile};
    --max-width-image-message: #{$qb-max-width-image-message-mobile};
    --max-width-audio-message: #{$qb-max-width-audio-message-mobile};
    --max-width-dialog-list: #{$qb-max-width-dialog-list-mobile};
  }
}