.notification{display:none;position:fixed;right:0;left:0;z-index:11;pointer-events:none;width:100%;padding:0}.notification--bottom{bottom:0}.notification--top{top:0;transition:top .3s ease-in-out}.notification--center{right:0;left:0;z-index:999;width:100vw;max-width:none;min-height:100vh;min-height:100dvh;padding:1rem;inset:0}.notification.isVisible{display:block;pointer-events:auto}.notification.isVisible.notification--bottom{animation:notification-enter-bottom .3s ease both}.notification.isVisible.notification--top{animation:notification-enter-top .3s ease both}.notification.isVisible.notification--center{display:flex;align-items:center;justify-content:center}.notification__inner{position:relative;margin:0 auto;padding:2rem;background:var(--c-neutral-700)}@media only screen and (max-width: 767px){.notification__inner{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1rem}}.notification--bottom .notification__inner{border-top:1px solid var(--c-neutral-600)}.notification--top .notification__inner{border-bottom:1px solid var(--c-neutral-600)}.notification--center .notification__inner{z-index:1;width:100%;max-width:77.5rem;border:1px solid var(--c-neutral-600);border-radius:.3125rem;animation:notification-enter-center .3s ease both}.notification--center::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.2);backdrop-filter:blur(15px)}.notification .l-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end;width:100%;gap:1.5rem}@media only screen and (min-width: 1024px){.notification .l-wrapper{flex-wrap:nowrap}}.notification__body{display:flex;flex:1 1 auto;flex-direction:column;width:100%;gap:1rem}.notification__subheading{font-family:var(--font-family-secondary);font-size:1.5rem;font-weight:400;line-height:1.3}@media only screen and (max-width: 767px){.notification__subheading{font-size:1.25rem}}.notification__subheading p{margin:0}.notification__content{color:var(--c-neutral-300);font-family:var(--font-family-secondary);font-size:1rem;font-weight:400;line-height:1.5}.notification__content p{margin-bottom:0}.notification__buttons{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:0;margin-left:auto;gap:.75rem}@media only screen and (max-width: 767px){.notification__buttons{justify-content:flex-start;width:100%;margin-left:0}}.notification__close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:.875rem;right:.875rem;cursor:pointer;width:1.5rem;height:1.5rem;padding:0;border:none;background-color:rgba(0,0,0,0);color:var(--c-neutral-0)}.notification__close-btn>*{pointer-events:none}.notification__close-btn:hover svg,.notification__close-btn:focus-visible svg{transform:rotate(180deg);translate:0 2px}.notification__close-btn__icon{width:100%;height:100%;transition:transform .3s ease,translate .3s ease}@keyframes notification-enter-bottom{from{transform:translateY(calc(100% + 1.5rem));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notification-enter-top{from{transform:translateY(calc(-100% - 1.5rem));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notification-enter-center{from{transform:translateY(1.5rem);opacity:0}to{transform:translateY(0);opacity:1}}