@import 'shared/colors';
@import 'shared/fonts';

ion-toast {
  --background: #{get-color(gb-700)};
  --button-color: #{get-color(gb-700)};
  --border-radius: 10px;
  --start: 16px;
  --end: 16px;

  &::part(container) {
    align-items: start;
  }

  &::part(header) {
    @include text-type(w, st2, m);
  }

  &::part(message) {
    @include text-type(w, b3, m);
  }

  &::part(button) {
    background-color: #{get-color(bk-150)};
    padding: 0;
    margin: 15px;
    margin-left: 0;
    min-height: 20px;
    min-width: 20px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}