body{margin:0;position:relative}*{box-sizing:border-box}#toast-portal{bottom:5rem;display:flex;justify-content:center;left:1rem;position:fixed;width:calc(100% - 2rem);>*{opacity:1;translate:0 -2rem;transition:allow-discrete .5s;@starting-style{opacity:0;translate:0 0}}}@media screen and (min-width:700px){#toast-portal{bottom:6rem}}@media screen and (min-height:800px){#toast-portal{bottom:8rem}}