:root{--noti-lavender: #f8ebff;--noti-purple-darkest: #170030;--noti-purple-dark: #1d0039;--noti-purple-mid: #2a0052;--noti-purple-glow: #3c0a6e}.notifal-noti-face{--noti-art-w: 302;--noti-art-h: 314;--noti-face-px: 58;position:relative;display:block;width:calc(var(--noti-face-px) * 1px * var(--noti-art-w) / var(--noti-art-h));height:calc(var(--noti-face-px) * 1px);overflow:visible;flex:0 0 auto;pointer-events:none}.notifal-noti-face--xs{--noti-face-px: 36}.notifal-noti-face--sm{--noti-face-px: 44}.notifal-noti-face--md{--noti-face-px: 58}.notifal-noti-face--lg{--noti-face-px: 72}.notifal-noti-face__stage{position:absolute;left:50%;top:50%;width:302px;height:314px;transform:translate(-50%,-50%) scale(calc(var(--noti-face-px) / var(--noti-art-h)));transform-origin:center center}.notifal-noti-face__frame{position:absolute;left:48px;top:41px;width:205px;height:216px;border-radius:57px;background:var(--noti-lavender);box-shadow:0 10px 40px #24004673,0 26px 80px #2400464d}.notifal-noti-face__body{position:absolute;left:54px;top:46px;width:193px;height:193px;border-radius:51px;background:radial-gradient(ellipse 140px 120px at 50% 42%,var(--noti-purple-glow) 0%,var(--noti-purple-mid) 45%,var(--noti-purple-dark) 75%,var(--noti-purple-darkest) 100%);overflow:hidden}.notifal-noti-face__eye-group{position:absolute;left:0;top:0;width:100%;height:100%;animation:notifal-noti-idle-look 27s ease-in-out infinite}.notifal-noti-face__eye{position:absolute;top:85px;width:40px;height:50px;border-radius:12px}.notifal-noti-face__eye--left{left:102px}.notifal-noti-face__eye--right{left:157px}.notifal-noti-face__eye-visual{position:absolute;inset:0;width:100%;height:100%;background:var(--noti-lavender);box-shadow:0 0 26px #f8ebff8c;border-radius:inherit;animation:notifal-noti-life-neutral 4.5s ease-in-out infinite}@keyframes notifal-noti-idle-look{0%{transform:translate(0)}18%{transform:translate(0)}19%{transform:translate(-15px,12px)}37%{transform:translate(-15px,12px)}38%{transform:translate(-6px,-15px)}56%{transform:translate(-6px,-15px)}57%{transform:translateY(-15px)}75%{transform:translateY(-15px)}76%{transform:translate(15px,8px)}94%{transform:translate(15px,8px)}95%{transform:translate(0)}to{transform:translate(0)}}@keyframes notifal-noti-life-neutral{0%{transform:translateY(0) scaleY(1)}40%{transform:translateY(-1px) scaleY(1)}44%{transform:translateY(-1px) scaleY(.15)}48%{transform:translateY(-1px) scaleY(1)}to{transform:translateY(0) scaleY(1)}}@media(prefers-reduced-motion:reduce){.notifal-noti-face__eye-group,.notifal-noti-face__eye-visual{animation:none}}.notifal-noti-avatar-shell{--noti-art-w: 302;--noti-art-h: 314;--noti-shell-px: 58;position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(var(--noti-shell-px) * 1px * var(--noti-art-w) / var(--noti-art-h));height:calc(var(--noti-shell-px) * 1px)}.notifal-noti-avatar-shell--xs{--noti-shell-px: 36}.notifal-noti-avatar-shell--sm{--noti-shell-px: 44}.notifal-noti-avatar-shell--md{--noti-shell-px: 58}.notifal-noti-avatar-shell--lg{--noti-shell-px: 72}.notifal-noti-avatar-shell__plate{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.notifal-noti-avatar-shell__status{position:absolute;z-index:2;right:-4px;bottom:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 1px #0f172a14;pointer-events:none}.notifal-noti-avatar-shell--on-purple-btn .notifal-noti-avatar-shell__plate:before{background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 58%,transparent 74%);box-shadow:0 0 0 3px #ffffff24}