.push-notification-modal{position:absolute;z-index:999;display:flex;width:300px;--tw-translate-x: -160px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.push-notification-modal{animation:fadeIn .3s ease-in;flex-direction:column;align-items:flex-end;gap:.5rem;border-radius:.5rem;border-width:2px;border-color:rgb(23 87 88 / var(--tw-border-opacity));--tw-border-opacity: .25;--tw-bg-opacity: 1;background-color:rgb(23 110 110 / var(--tw-bg-opacity));padding:1.25rem;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.push-notification-modal:before{position:absolute;z-index:0;height:.75rem;width:.75rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:rgb(23 87 88 / var(--tw-bg-opacity));--tw-bg-opacity: .25;--tw-content: "";content:var(--tw-content)}.push-notification-modal:after{position:absolute;z-index:50;height:.75rem;width:.75rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(23 110 110 / var(--tw-bg-opacity));--tw-content: "";content:var(--tw-content)}.push-notification-modal{bottom:auto;top:50px;left:auto}.push-notification-modal:before{top:-.5rem;content:var(--tw-content);right:112px}.push-notification-modal:after{top:-7px;content:var(--tw-content);right:112px}.push-notification-modal:before{bottom:auto;content:var(--tw-content);left:auto}.push-notification-modal:after{bottom:auto;content:var(--tw-content);left:auto}@media (min-width: 475px){.push-notification-modal{width:350px;--tw-translate-x: -265px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.push-notification-modal:before{content:var(--tw-content);right:58px}.push-notification-modal:after{content:var(--tw-content);right:58px}}@media (min-width: 640px){.push-notification-modal{width:470px;--tw-translate-x: -387px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.push-notification-modal:before{content:var(--tw-content);right:55px}.push-notification-modal:after{content:var(--tw-content);right:55px}}@media (min-width: 768px){.push-notification-modal{top:59px;max-width:780px;padding-left:2rem;padding-right:2rem}.push-notification-modal:before{content:var(--tw-content);right:51px}.push-notification-modal:after{content:var(--tw-content);right:51px}}