:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}.toast-notification{z-index:10;width:calc(100% - var(--offset) * 2);margin:0 var(--offset);background-color:#0000;border:0;justify-content:center;padding:0;display:none;position:fixed;bottom:0;transform:translateY(25rem)}.toast-notification[open]{opacity:1;animation-name:slideUpMobile;animation-duration:1s;display:flex;transform:translateY(-5.25rem)}@media (width>=960px){.toast-notification[open]{animation-name:slideUpDesktop;transform:translateY(-2rem)}}.toast-notification.hide{animation-name:slideDown;animation-duration:1s;display:flex}.toast-notification.hidden{display:none}.toast-notification__inside{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background-color:hsl(var(--white)/.8);text-align:center;border-radius:.625rem;flex-direction:column;flex-grow:0;justify-content:center;align-items:center;width:100%;max-width:31.875rem;padding:1rem;font-size:.9375rem;font-weight:600;display:flex;position:relative}@media (width>=960px){.toast-notification__inside{padding:1.25rem 2rem;font-size:1.25rem}}.toast-notification__inside.hidden{display:none}.toast-notification--bg{background:var(--notification-bg);border:.125rem solid var(--notification-border-color);box-shadow:-1px -1px 10px 1px var(--notification-shadow-start,#ff003099), 1px 1px 10px 1px var(--notification-shadow-end,#ff003099)}.toast-notification__headline{margin:.25rem 0 .75rem}@media (width>=960px){.toast-notification__headline{margin-top:0}}.toast-notification__close-btn{position:absolute;inset:1rem 1rem auto auto}.toast-notification__paragraph,.toast-notification__paragraph>p{margin:0}.toast-notification__btn{margin-top:2rem}.toast-notification__bg-image{z-index:-1;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.toast-notification__bg-image--left{width:5.9375rem;height:6.5625rem;left:0}.toast-notification__bg-image--right{width:5.3125rem;height:5.0625rem;right:0}@keyframes slideUpMobile{0%{transform:translateY(25rem)}to{transform:translateY(-5.25rem)}}@keyframes slideUpDesktop{0%{transform:translateY(25rem)}to{transform:translateY(-2rem)}}@keyframes slideDown{0%{transform:translateY(-5.25rem)}to{transform:translateY(25rem)}}
