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

:host {
  margin-left: auto;
}

.sky-toolbar-view-actions {
  display: flex;
  align-items: center;
  margin-bottom: $sky-margin-half;

  ::ng-deep > :not(:last-child) {
    margin-right: $sky-margin-half;
  }
}

@include mixins.sky-theme-modern {
  .sky-toolbar-view-actions {
    margin-bottom: 0;

    ::ng-deep > :not(:last-child) {
      margin-top: $sky-theme-modern-margin-inline-xs;
      margin-bottom: $sky-theme-modern-margin-inline-xs;
      margin-right: $sky-theme-modern-margin-inline-sm;
    }

    ::ng-deep .sky-btn {
      background-color: transparent;
      border: none;
      padding-left: $sky-theme-modern-space-sm;
      padding-right: $sky-theme-modern-space-sm;

      &:not(:hover):not(:active):not(:focus) {
        box-shadow: inset 0 0 0 1px transparent;
      }
    }
  }
}
