.notif{border-radius:.5rem;max-width:24rem;overflow:hidden;pointer-events:auto;position:fixed;right:2rem;top:1rem;width:100%;z-index:40;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:left;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(0,0,0,.05)}.notif .content-wrapper{padding:1rem}.notif .content-wrapper .content{align-items:flex-start;display:flex}.notif .content-wrapper .content .icon-wrapper{flex-shrink:0}.notif .content-wrapper .content .text-wrapper{flex:1 1 0%;margin-left:.75rem;padding-top:.125rem;width:0}.notif .content-wrapper .content .text-wrapper .title{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.notif .content-wrapper .content .text-wrapper .description{font-size:.75rem;line-height:1rem;margin-top:.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.notif .content-wrapper .content .btn-close-wrapper{display:flex;flex-shrink:0;margin-left:1rem}.notif .content-wrapper .content .btn-close-wrapper button{border-radius:.375rem;display:inline-flex;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.notif .content-wrapper .content .btn-close-wrapper button:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.notif.success .content-wrapper{background-color:rgb(191 240 191/var(--tw-bg-opacity,1));--tw-bg-opacity:0.6}.notif.success .content-wrapper .text-wrapper .description{--tw-text-opacity:1;color:rgb(0 92 0/var(--tw-text-opacity,1))}.notif.success .content-wrapper .icon-wrapper{--tw-text-opacity:1;color:rgb(10 147 10/var(--tw-text-opacity,1))}.notif.success .content-wrapper .btn-close-wrapper button{--tw-text-opacity:1;color:rgb(0 92 0/var(--tw-text-opacity,1))}.notif.warning .content-wrapper{background-color:rgb(255 224 179/var(--tw-bg-opacity,1));--tw-bg-opacity:0.6}.notif.warning .content-wrapper .text-wrapper .description{--tw-text-opacity:1;color:rgb(128 87 0/var(--tw-text-opacity,1))}.notif.warning .content-wrapper .icon-wrapper{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.notif.warning .content-wrapper .btn-close-wrapper button{--tw-text-opacity:1;color:rgb(128 87 0/var(--tw-text-opacity,1))}.notif.error .content-wrapper{background-color:rgb(255 223 223/var(--tw-bg-opacity,1));--tw-bg-opacity:0.6}.notif.error .content-wrapper .text-wrapper .description{--tw-text-opacity:1;color:rgb(155 44 44/var(--tw-text-opacity,1))}.notif.error .content-wrapper .icon-wrapper{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.notif.error .content-wrapper .btn-close-wrapper button{--tw-text-opacity:1;color:rgb(155 44 44/var(--tw-text-opacity,1))}.notif.info>div div div:first-of-type i{--tw-text-opacity:1;color:rgb(13 202 240/var(--tw-text-opacity,1))}