@use 'libs/components/theme/src/lib/styles/mixins' as mixins;
@use 'libs/components/theme/src/lib/styles/variables' as *;
@use 'scss/variables' as *;

.sky-toolbar-section {
  display: flex;
  flex-wrap: nowrap;
  padding: $sky-padding-half $sky-padding 0;
  min-height: $sky-toolbar-min-height;
  align-items: center;
  position: relative;
  overflow-x: auto;
}

.sky-toolbar-section-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@include mixins.sky-theme-modern {
  .sky-toolbar-section {
    padding: $sky-theme-modern-space-sm 0;
  }
}
