/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
.ga-notification {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
  border-radius: var(--ga-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ga-color-border-primary);
  background-color: var(--ga-color-surface-primary);
  padding-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  padding-left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 4);
  font-size: calc(
    var(--ga-text-md-font-size) * var(--ga-base-scaling-factor, 1)
  );
  line-height: var(--tw-leading, calc(
    var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
  ));
  letter-spacing: var(--tw-tracking, calc(
    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
  ));
  &.ga-notification--information {
    border-color: var(--ga-color-border-information);
    background-color: var(--ga-color-surface-information);
    .ga-notification__icon {
      color: var(--ga-color-icon-information);
    }
    .ga-notification__progress .ga-notification__progress-bar {
      background-color: var(--ga-color-icon-information);
    }
  }
  &.ga-notification--success {
    border-color: var(--ga-color-border-success);
    background-color: var(--ga-color-surface-success);
    .ga-notification__icon {
      color: var(--ga-color-icon-success);
    }
    .ga-notification__progress .ga-notification__progress-bar {
      background-color: var(--ga-color-icon-success);
    }
  }
  &.ga-notification--error {
    border-color: var(--ga-color-border-error);
    background-color: var(--ga-color-surface-error);
    .ga-notification__icon {
      color: var(--ga-color-icon-error);
    }
    .ga-notification__progress .ga-notification__progress-bar {
      background-color: var(--ga-color-icon-error);
    }
  }
  &.ga-notification--warning {
    border-color: var(--ga-color-border-warning);
    background-color: var(--ga-color-surface-warning);
    .ga-notification__icon {
      color: var(--ga-color-icon-warning);
    }
    .ga-notification__progress .ga-notification__progress-bar {
      background-color: var(--ga-color-icon-warning);
    }
  }
  .ga-notification__icon {
    margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    flex-shrink: 0;
    color: var(--ga-color-icon-action);
  }
  .ga-notification__description {
    margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.5);
    padding-right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2.5);
  }
  .ga-notification__heading {
    display: flex;
    min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 10);
    flex-direction: row;
    align-items: center;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    ~ .ga-notification__description {
      margin-top: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    }
  }
  .ga-notification__title {
    flex: 1;
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .ga-notification__title-actions {
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
    gap: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
  }
  .ga-notification__content {
    flex: 1;
    &:not(:has(.ga-notification__heading)) {
      min-height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 8);
    }
    &:has(.ga-notification__heading) {
      padding-bottom: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 2);
    }
  }
  .ga-notification__progress {
    position: absolute;
    right: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    bottom: 1px;
    left: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 0);
    height: calc(calc(0.25rem * var(--ga-base-scaling-factor, 1)) * 1);
    overflow: hidden;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: var(--ga-color-surface-disabled);
    .ga-notification__progress-bar {
      position: absolute;
      height: 100%;
      transform-origin: 0 0;
      border-radius: var(--ga-radius);
      background-color: var(--ga-color-surface-progress);
    }
    &.ga-notification__progress--indeterminate .ga-notification__progress-bar {
      width: calc(1 / 5 * 100%);
      animation: ga-notification-progress-animation 1400ms linear infinite;
    }
  }
}
@keyframes ga-notification-progress-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(500%);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}