.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0;z-index:-1}.popup-overlay.closed{transition:opacity .4s,z-index 0s .4s}.popup-overlay.open{opacity:.4;z-index:11;transition:opacity .4s}.popup-container.open{opacity:1}.popup-container.closing{transition:opacity .4s,z-index 0s .4s;opacity:0}.popup-container.hidden{display:none}.popup-container.center{top:50%;left:50%;transform:translate(-50%,-50%)}.popup-container{position:fixed;display:flex;width:31.25rem;padding:2.5rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.875rem;box-sizing:border-box;background:#FFFFFF;z-index:12}@media (max-width: 30rem){.popup-container{width:calc(100% - 1.25rem);padding:1.25rem}}.popup-container .popup-header{color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype-Extended;font-size:1.125rem;font-style:normal;font-weight:500;line-height:120%;text-transform:uppercase}.popup-container .popup-main{color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype;font-size:1.125rem;font-style:normal;font-weight:400;line-height:120%;white-space:pre-line}.popup-container .popup-buttons{display:flex;justify-content:flex-end;align-items:flex-start;gap:.625rem;align-self:stretch}.popup-container .popup-buttons button{height:2.875rem;padding:0rem 1.375rem;gap:.625rem;text-transform:uppercase}.notification-container{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;width:22.5rem;padding:1.25rem;justify-content:flex-end;align-items:flex-start;gap:1.875rem;box-sizing:border-box}@media (max-width: 30rem){.notification-container{width:calc(100% - 1.25rem)}}.notification-container{position:fixed;bottom:1.25rem;right:1.25rem;width:22.5rem;box-sizing:border-box;background-color:#fff;border:1px solid #DFDFDF;display:flex;padding:1.25rem;justify-content:flex-end;align-items:flex-start;gap:1.875rem;opacity:0;transition:opacity 1s;z-index:-1}@media (max-width: 30rem){.notification-container{bottom:.625rem;right:.625rem;width:calc(100% - 1.25rem)}}.notification-container .notification-main{flex:1 0 0;color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Diatype;font-size:1.125rem;font-style:normal;font-weight:400;line-height:120%}.notification-container.open{opacity:1;z-index:12}.notification-container.closing{opacity:0;z-index:12}.notification-container.closed{display:none}.notification-close-icon-container{cursor:pointer}