.toast{align-items:flex-start;border:1px solid;border-radius:var(--border-radius-small);display:none;left:50%;max-width:330px;padding:var(--spacing-3) var(--spacing-4);position:fixed;top:100px;transform:translateX(-50%);width:100%;z-index:9999}@media screen and (min-width:481px){.toast{max-width:400px;top:112px}}@media screen and (min-width:1025px){.toast{max-width:460px}}.toast[visible]{display:flex}@media screen and (min-width:481px){.toast--wide{max-width:min(560px,100% - var(--spacing-8))}}.toast--success{background-color:var(--color-transparent-green);border-color:var(--color-success-100);color:var(--color-success-100)}.toast--success path,.toast--success svg{fill:var(--color-success-100)}.toast--error{background-color:var(--color-transparent-red);border-color:var(--color-error-100);color:var(--color-error-100)}.toast--error path,.toast--error svg{fill:var(--color-error-100)}.toast span{margin-left:var(--spacing-2);overflow-wrap:anywhere;width:100%}@media screen and (min-width:481px){.toast span{margin-left:var(--spacing-3)}}.toast button{height:24px;margin-left:var(--spacing-4)}.toast button svg{height:24px;width:24px}@media screen and (max-width:481px){.toast button svg{margin-top:unset}}.toast svg{height:20px;margin-top:var(--spacing-1);min-width:20px;width:20px}@media screen and (min-width:481px){.toast svg{height:24px;min-width:24px;width:24px}}@media screen and (min-width:1025px){.toast svg{margin-top:6px}}