@use "sb-element/core/theming";
@use "sb-element/core/border";
/*****************************************************************************
Toast / Theme
******************************************************************************/

// THEME
@mixin theme($theme) {
  .sb-toast {
    color: theming.get-background-text($theme);

    hr {
      border: 0;
      @include border.border-side-accent(top, $theme, s);
    }

    &__border {
      @include border.border-accent($theme, s);
      background: theming.get-background($theme);
    }

    &__close:hover {
      background: theming.get-accent($theme);
      color: theming.get-accent-text($theme);
    }
  }
}