gov-toast,.gov-toast{position:fixed;display:flex;align-items:flex-start;gap:var(--spacing-s);padding:var(--spacing-s-nudge);padding-right:calc(var(--spacing-s-nudge) + var(--spacing-s) + 40px);border-radius:var(--border-radius, var(--corner-radius-s));overflow:hidden;width:20.5rem;opacity:1;transition:opacity 300ms ease-in-out;z-index:301;box-shadow:0 .25rem .75rem 0 rgba(0,0,0,.2);margin-top:0;margin-bottom:0}gov-toast *,.gov-toast *{margin-top:0;margin-bottom:0}gov-toast::before,.gov-toast::before{content:"";position:absolute;display:block;top:0;bottom:0;left:0;width:var(--height-xs)}gov-toast__icon,.gov-toast__icon{display:flex;align-items:center;height:var(--height-l)}gov-toast *[slot=icon],.gov-toast *[slot=icon]{flex:0 0 var(--icon-size-l);width:var(--icon-size-l);height:var(--icon-size-l)}gov-toast__content,.gov-toast__content{flex:1 1 auto}gov-toast__content>*:last-child,.gov-toast__content>*:last-child{margin-bottom:0}gov-toast__content,.gov-toast__content{font-size:var(--font-size-body-m);line-height:150%;font-weight:400}gov-toast__close,.gov-toast__close{position:absolute;top:calc(var(--spacing-s-nudge) - 4px);right:var(--spacing-s-nudge)}gov-toast__timer,.gov-toast__timer{position:absolute;inset:0;z-index:-1}gov-toast .gov-toast__timer,.gov-toast .gov-toast__timer{transform-origin:left;animation:countdown linear forwards var(--toast-duration, 0)}@media(prefers-reduced-motion: reduce){gov-toast .gov-toast__timer,.gov-toast .gov-toast__timer{animation:none;opacity:0}}gov-toast--hidden,.gov-toast--hidden{opacity:0}gov-toast[gravity=top i],.gov-toast[gravity=top i]{top:var(--spacing-m)}gov-toast[gravity=bottom i],.gov-toast[gravity=bottom i]{bottom:var(--spacing-m)}gov-toast[position=left i],.gov-toast[position=left i]{left:var(--spacing-m)}gov-toast[position=center i],.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}gov-toast[position=right i],.gov-toast[position=right i]{right:var(--spacing-m)}gov-toast[type=bold i]::before,.gov-toast[type=bold i]::before{content:none}gov-toast[color=primary][type=bold],.gov-toast[color=primary][type=bold]{background:var(--background, var(--background-primary));color:var(--color, var(--text-white-fixed))}gov-toast[color=primary][type=bold]::before,.gov-toast[color=primary][type=bold]::before{background-color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=primary][type=bold] *[slot=icon],.gov-toast[color=primary][type=bold] *[slot=icon]{color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=primary][type=bold] .gov-toast__timer,.gov-toast[color=primary][type=bold] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-primary-solid))}gov-toast[color=primary][type=bold]:not([type=subtle]) gov-button,gov-toast[color=primary][type=bold]:not([type=subtle]) .gov-button,.gov-toast[color=primary][type=bold]:not([type=subtle]) gov-button,.gov-toast[color=primary][type=bold]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-bold-white));--hover-background: var(--background-highlight, var(--interactive-timer-primary-solid));--hover-color: var(--icon-color, var(--icon-on-bold-white));--active-background: var(--background-highlight, var(--interactive-timer-primary-solid));--active-color: var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=primary][type=subtle],.gov-toast[color=primary][type=subtle]{background:var(--background, var(--background-primary-subtle));color:var(--color, var(--text-primary))}gov-toast[color=primary][type=subtle]::before,.gov-toast[color=primary][type=subtle]::before{background-color:var(--icon-color, var(--icon-on-subtle))}gov-toast[color=primary][type=subtle] *[slot=icon],.gov-toast[color=primary][type=subtle] *[slot=icon]{color:var(--icon-color, var(--icon-on-subtle))}gov-toast[color=primary][type=subtle] .gov-toast__timer,.gov-toast[color=primary][type=subtle] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-primary-subtle))}gov-toast[color=primary][type=subtle]:not([type=subtle]) gov-button,gov-toast[color=primary][type=subtle]:not([type=subtle]) .gov-button,.gov-toast[color=primary][type=subtle]:not([type=subtle]) gov-button,.gov-toast[color=primary][type=subtle]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-subtle));--hover-background: var(--background-highlight, var(--interactive-timer-primary-subtle));--hover-color: var(--icon-color, var(--icon-on-subtle));--active-background: var(--background-highlight, var(--interactive-timer-primary-subtle));--active-color: var(--icon-color, var(--icon-on-subtle))}gov-toast[color=neutral][type=bold],.gov-toast[color=neutral][type=bold]{background:var(--background, var(--background-neutral-primary));color:var(--color, var(--text-white-fixed))}gov-toast[color=neutral][type=bold]::before,.gov-toast[color=neutral][type=bold]::before{background-color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=neutral][type=bold] *[slot=icon],.gov-toast[color=neutral][type=bold] *[slot=icon]{color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=neutral][type=bold] .gov-toast__timer,.gov-toast[color=neutral][type=bold] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-neutral-solid))}gov-toast[color=neutral][type=bold]:not([type=subtle]) gov-button,gov-toast[color=neutral][type=bold]:not([type=subtle]) .gov-button,.gov-toast[color=neutral][type=bold]:not([type=subtle]) gov-button,.gov-toast[color=neutral][type=bold]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-bold-white));--hover-background: var(--background-highlight, var(--interactive-timer-neutral-solid));--hover-color: var(--icon-color, var(--icon-on-bold-white));--active-background: var(--background-highlight, var(--interactive-timer-neutral-solid));--active-color: var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=neutral][type=subtle],.gov-toast[color=neutral][type=subtle]{background:var(--background, var(--background-neutral-subtle));color:var(--color, var(--text-primary))}gov-toast[color=neutral][type=subtle]::before,.gov-toast[color=neutral][type=subtle]::before{background-color:var(--icon-color, var(--icon-default))}gov-toast[color=neutral][type=subtle] *[slot=icon],.gov-toast[color=neutral][type=subtle] *[slot=icon]{color:var(--icon-color, var(--icon-default))}gov-toast[color=neutral][type=subtle] .gov-toast__timer,.gov-toast[color=neutral][type=subtle] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-neutral-subtle))}gov-toast[color=neutral][type=subtle]:not([type=subtle]) gov-button,gov-toast[color=neutral][type=subtle]:not([type=subtle]) .gov-button,.gov-toast[color=neutral][type=subtle]:not([type=subtle]) gov-button,.gov-toast[color=neutral][type=subtle]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-default));--hover-background: var(--background-highlight, var(--interactive-timer-neutral-subtle));--hover-color: var(--icon-color, var(--icon-default));--active-background: var(--background-highlight, var(--interactive-timer-neutral-subtle));--active-color: var(--icon-color, var(--icon-default))}gov-toast[color=error][type=bold],.gov-toast[color=error][type=bold]{background:var(--background, var(--background-status-error));color:var(--color, var(--text-white-fixed))}gov-toast[color=error][type=bold]::before,.gov-toast[color=error][type=bold]::before{background-color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=error][type=bold] *[slot=icon],.gov-toast[color=error][type=bold] *[slot=icon]{color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=error][type=bold] .gov-toast__timer,.gov-toast[color=error][type=bold] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-error-solid))}gov-toast[color=error][type=bold]:not([type=subtle]) gov-button,gov-toast[color=error][type=bold]:not([type=subtle]) .gov-button,.gov-toast[color=error][type=bold]:not([type=subtle]) gov-button,.gov-toast[color=error][type=bold]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-bold-white));--hover-background: var(--background-highlight, var(--interactive-timer-error-solid));--hover-color: var(--icon-color, var(--icon-on-bold-white));--active-background: var(--background-highlight, var(--interactive-timer-error-solid));--active-color: var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=error][type=subtle],.gov-toast[color=error][type=subtle]{background:var(--background, var(--background-status-error-subtle));color:var(--color, var(--text-primary))}gov-toast[color=error][type=subtle]::before,.gov-toast[color=error][type=subtle]::before{background-color:var(--icon-color, var(--icon-error))}gov-toast[color=error][type=subtle] *[slot=icon],.gov-toast[color=error][type=subtle] *[slot=icon]{color:var(--icon-color, var(--icon-error))}gov-toast[color=error][type=subtle] .gov-toast__timer,.gov-toast[color=error][type=subtle] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-error-subtle))}gov-toast[color=error][type=subtle]:not([type=subtle]) gov-button,gov-toast[color=error][type=subtle]:not([type=subtle]) .gov-button,.gov-toast[color=error][type=subtle]:not([type=subtle]) gov-button,.gov-toast[color=error][type=subtle]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-error));--hover-background: var(--background-highlight, var(--interactive-timer-error-subtle));--hover-color: var(--icon-color, var(--icon-error));--active-background: var(--background-highlight, var(--interactive-timer-error-subtle));--active-color: var(--icon-color, var(--icon-error))}gov-toast[color=success][type=bold],.gov-toast[color=success][type=bold]{background:var(--background, var(--background-status-success));color:var(--color, var(--text-white-fixed))}gov-toast[color=success][type=bold]::before,.gov-toast[color=success][type=bold]::before{background-color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=success][type=bold] *[slot=icon],.gov-toast[color=success][type=bold] *[slot=icon]{color:var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=success][type=bold] .gov-toast__timer,.gov-toast[color=success][type=bold] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-success-solid))}gov-toast[color=success][type=bold]:not([type=subtle]) gov-button,gov-toast[color=success][type=bold]:not([type=subtle]) .gov-button,.gov-toast[color=success][type=bold]:not([type=subtle]) gov-button,.gov-toast[color=success][type=bold]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-bold-white));--hover-background: var(--background-highlight, var(--interactive-timer-success-solid));--hover-color: var(--icon-color, var(--icon-on-bold-white));--active-background: var(--background-highlight, var(--interactive-timer-success-solid));--active-color: var(--icon-color, var(--icon-on-bold-white))}gov-toast[color=success][type=subtle],.gov-toast[color=success][type=subtle]{background:var(--background, var(--background-status-success-subtle));color:var(--color, var(--text-primary))}gov-toast[color=success][type=subtle]::before,.gov-toast[color=success][type=subtle]::before{background-color:var(--icon-color, var(--icon-success))}gov-toast[color=success][type=subtle] *[slot=icon],.gov-toast[color=success][type=subtle] *[slot=icon]{color:var(--icon-color, var(--icon-success))}gov-toast[color=success][type=subtle] .gov-toast__timer,.gov-toast[color=success][type=subtle] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-success-subtle))}gov-toast[color=success][type=subtle]:not([type=subtle]) gov-button,gov-toast[color=success][type=subtle]:not([type=subtle]) .gov-button,.gov-toast[color=success][type=subtle]:not([type=subtle]) gov-button,.gov-toast[color=success][type=subtle]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-success));--hover-background: var(--background-highlight, var(--interactive-timer-success-subtle));--hover-color: var(--icon-color, var(--icon-success));--active-background: var(--background-highlight, var(--interactive-timer-success-subtle));--active-color: var(--icon-color, var(--icon-success))}gov-toast[color=warning][type=bold],.gov-toast[color=warning][type=bold]{background:var(--background, var(--background-status-warning));color:var(--color, var(--text-black-fixed))}gov-toast[color=warning][type=bold]::before,.gov-toast[color=warning][type=bold]::before{background-color:var(--icon-color, var(--icon-on-bold-black))}gov-toast[color=warning][type=bold] *[slot=icon],.gov-toast[color=warning][type=bold] *[slot=icon]{color:var(--icon-color, var(--icon-on-bold-black))}gov-toast[color=warning][type=bold] .gov-toast__timer,.gov-toast[color=warning][type=bold] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-warning-solid))}gov-toast[color=warning][type=bold]:not([type=subtle]) gov-button,gov-toast[color=warning][type=bold]:not([type=subtle]) .gov-button,.gov-toast[color=warning][type=bold]:not([type=subtle]) gov-button,.gov-toast[color=warning][type=bold]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-on-bold-black));--hover-background: var(--background-highlight, var(--interactive-timer-warning-solid));--hover-color: var(--icon-color, var(--icon-on-bold-black));--active-background: var(--background-highlight, var(--interactive-timer-warning-solid));--active-color: var(--icon-color, var(--icon-on-bold-black))}gov-toast[color=warning][type=subtle],.gov-toast[color=warning][type=subtle]{background:var(--background, var(--background-status-warning-subtle));color:var(--color, var(--text-primary))}gov-toast[color=warning][type=subtle]::before,.gov-toast[color=warning][type=subtle]::before{background-color:var(--icon-color, var(--icon-warning))}gov-toast[color=warning][type=subtle] *[slot=icon],.gov-toast[color=warning][type=subtle] *[slot=icon]{color:var(--icon-color, var(--icon-warning))}gov-toast[color=warning][type=subtle] .gov-toast__timer,.gov-toast[color=warning][type=subtle] .gov-toast__timer{background-color:var(--background-highlight, var(--interactive-timer-warning-subtle))}gov-toast[color=warning][type=subtle]:not([type=subtle]) gov-button,gov-toast[color=warning][type=subtle]:not([type=subtle]) .gov-button,.gov-toast[color=warning][type=subtle]:not([type=subtle]) gov-button,.gov-toast[color=warning][type=subtle]:not([type=subtle]) .gov-button{--color: var(--icon-color, var(--icon-warning));--hover-background: var(--background-highlight, var(--interactive-timer-warning-subtle));--hover-color: var(--icon-color, var(--icon-warning));--active-background: var(--background-highlight, var(--interactive-timer-warning-subtle));--active-color: var(--icon-color, var(--icon-warning))}@media(min-width: 48em){gov-toast,.gov-toast{width:auto;max-width:24.875rem;gap:var(--spacing-s-nudge);padding:var(--spacing-m);padding-right:calc(var(--spacing-m) + var(--spacing-s-nudge) + 40px)}gov-toast__close,.gov-toast__close{top:calc(var(--spacing-m) - 4px)}}