@use '@angular/material' as mat;
@mixin sc-page-indicator-theme($theme) {
  $primary: map-get($theme, primary);
  $warn: map-get($theme, warn);
  $success: map-get($theme, success);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);

  .vert-slides {
    &__dot {
      // border: 1px solid mat-color($primary, 500) !important;
      // border-color: map-get($foreground, divider);
      background-color: map-get($foreground, divider);

      &--active {
        background-color: mat.get-color-from-palette($primary, 500);

        .vert-slides__dot--content {
          color: mat.get-contrast-color-from-palette($primary, 500);
        }
      }

      &--content {
        color: map-get($foreground, secondary-text);
      }
    }
  }
}