.toast{display:flex;width:480px;min-height:50px;overflow:hidden;background-color:#fff;margin-bottom:12px;border-radius:8px;border:1px solid #e2e2e2;position:relative;transform:translateY(100%);opacity:0;transition:transform .8s ease-in-out,opacity .5s ease}.toast .content{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 20px;width:100%;position:relative;word-wrap:anywhere}.toast .content .headline{font-weight:600;display:flex;align-items:center;gap:10px}.toast .content .headline .icon{font-size:20px}.toast .content .headline p{margin-top:2px}.toast .content .toast-duration-bar{display:none;position:absolute;bottom:0;left:0;height:2px;width:100%;border-radius:0 6px 6px 0;transition:width .5s linear}.toast .toast-close-button{position:absolute;top:7.5px;right:10px;border:none;background:transparent;color:#707275;font-size:10px;cursor:pointer}@media (max-width: 768px){.toast{width:90%}}