/* Generated by scripts/generate-pds-ai-visuals.cjs from @pantheon-systems/pds-toolkit-react.
   Do not edit; rerun the build after updating that package. */

@layer pds-v1, pds-v2;

@layer pds-v2 {
  .focus-region-agent-host {
    --pds-animation-ai-badge-gradient-duration: 1.1s;
    --pds-animation-ai-gradient-duration: 1.5s;
    --pds-animation-ai-shimmer-duration: 1.6s;
    --pds-border-radius-default: 4px;
    --pds-border-width-thicker: 2px;
    --pds-color-ai-gradient-end: #ff6fb0;
    --pds-color-ai-gradient-mid: #4fa8ff;
    --pds-color-ai-gradient-start: #7c5cfc;
    --pds-color-badge-brand-muted-background: oklch(0.9577 0.0624 93.43);
    --pds-color-badge-brand-muted-foreground: oklch(0.3894 0.0774 72.04);
    --pds-gradient-ai-active: linear-gradient(115deg,var(--pds-color-ai-gradient-start) 0%,var(--pds-color-ai-gradient-mid) 33%,var(--pds-color-ai-gradient-end) 66%,var(--pds-color-ai-gradient-start) 100%);
    --pds-gradient-ai-active-badge: repeating-linear-gradient(115deg,#5e3de0,#1e85f2 30%,#c14fa0 50%,#f04a94 66%,#c14fa0 82%,#5e3de0);
    --pds-gradient-ai-shimmer: linear-gradient(120deg,transparent 35%,hsla(0,0%,100%,.45) 50%,transparent 65%);
    --pds-spacing-2xs: 8px;
    --pds-spacing-3xs: 6px;
    --pds-spacing-xl: 24px;
    --pds-typography-fw-medium: 500;
    --pds-typography-size-xs: 12px;
  }

  :where(.focus-region-agent-host) .pds-ai-active-border {
    position: relative;
  }

  :where(.focus-region-agent-host) .pds-ai-active-border:before {
    background: var(--pds-gradient-ai-active);
    background-size: 300% 300%;
    border-radius: inherit;
    content: "";
    inset: 0;
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
    padding: var(--pds-border-width-thicker);
    pointer-events: none;
    position: absolute;
  }

  @media (prefers-reduced-motion:no-preference) {
    :where(.focus-region-agent-host) .pds-ai-active-border:before {
      animation: pds-ai-gradient-shift var(--pds-animation-ai-gradient-duration) linear infinite;
    }
  }

  :where(.focus-region-agent-host) .pds-ai-active-shimmer {
    overflow: hidden;
    position: relative;
  }

  :where(.focus-region-agent-host) .pds-ai-active-shimmer:after {
    background: var(--pds-gradient-ai-shimmer);
    background-size: 250% 100%;
    border-radius: inherit;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
  }

  :where(.focus-region-agent-host) .pds-ai-active-border.pds-ai-active-shimmer:after {
    inset: var(--pds-border-width-thicker);
  }

  @media (prefers-reduced-motion:no-preference) {
    :where(.focus-region-agent-host) .pds-ai-active-shimmer:after {
      animation: pds-ai-shimmer-sweep var(--pds-animation-ai-shimmer-duration) linear infinite;
    }
  }

  @keyframes pds-ai-gradient-shift {
    0% {
      background-position: 0 50%;
    }
    to {
      background-position: 100% 50%;
    }
  }

  @keyframes pds-ai-shimmer-sweep {
    0% {
      background-position: 150% 0;
    }
    to {
      background-position: -150% 0;
    }
  }
}