.toast{position:fixed;z-index:10;top:-3.5rem;display:flex;width:100%;height:3.5rem;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-500);color:var(--neutral-200);font-size:1rem;line-height:1.375rem;overflow-y:hidden}.toast.visible{top:7rem}.toast.error{background-color:red}@media (prefers-reduced-motion: no-preference){.toast{transition:top .3s ease-in-out}}@media screen and (min-width: 768px){.toast.visible{top:4rem}}