.notify-section,.notify-section *,.notify-section :before,.notify-section :after{box-sizing:border-box}.notify-section{z-index:120;isolation:isolate;position:relative}.notify-wrapper{width:100%;height:100vh;font-size:calc(var(--_size) * .01);--_size:min(min(600px, 50vh), 50vw);--base-clr:#b7b5b4;--degofrot:.8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.notify-wrapper .bell-container{opacity:1;cursor:pointer;transform-origin:50% -50vh;width:80em;height:80em;animation:5s ease-in-out infinite bell}.notify-wrapper .bell-container:focus-visible{outline:none}.notify-wrapper .bell-container:focus-visible .bell-btm{filter:drop-shadow(0 0 1.2em #f0c691cc)}@keyframes bell{0%{rotate:calc(1deg * var(--degofrot))}50%{rotate:calc(-1deg * var(--degofrot))}to{rotate:calc(1deg * var(--degofrot))}}.notify-wrapper .bell-container *,.notify-wrapper .bell-container :before,.notify-wrapper .bell-container :after,.notify-wrapper .button,.notify-wrapper .button:before,.notify-wrapper .button:after{transition:filter .4s ease-in-out,box-shadow .4s ease-in-out,opacity .4s ease-in-out,color .4s ease-in-out,background .4s ease-in-out,text-shadow .4s ease-in-out}.notify-wrapper .bell-container,.notify-wrapper .bell-container *{margin:auto;position:absolute;inset:0}.notify-wrapper .rope{background:linear-gradient(90deg,#2d54744d 0%,#000b 30%,#0000 100%),repeating-linear-gradient(-70deg,#252525,#888 2%,#3a3a3a 3%);width:2em;height:50vh;translate:0 -52%}.notify-wrapper .bell-top{background:var(--base-clr);border-radius:50%;width:14%;height:14%;translate:0 -28em;box-shadow:inset -1em -.5em 2em .5em #fff,inset 1em -1em 2em 3em #000,0 -.1em .4em .3em #c6eaffa8}.notify-wrapper .bell-base{background:var(--base-clr);border-radius:50%;width:50%;height:50%;translate:0 -24%;box-shadow:0 -.1em .4em .2em #c6eaffa8}.notify-wrapper .bell-base:before{content:"";background-image:radial-gradient(circle at -80% -12%, transparent 50em, var(--base-clr) 50em);width:100%;height:80%;position:absolute;translate:-18em 20em}.notify-wrapper .bell-base:after{content:"";background-image:radial-gradient(circle at -80% -12%, transparent 50.1em, #cacaca 50.3em, var(--base-clr) 50.5em);transform-origin:50%;width:100%;height:80%;position:absolute;transform:translate(18em,20em)rotateY(180deg)}.notify-wrapper .shadow-l1{clip-path:url(#bellClip);mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(90deg,#0d0d0d 0%,#202020 30%,#0000 60%);width:100%;height:100%}.notify-wrapper .shadow-l2{display:none}.notify-wrapper .glow{filter:brightness(2)blur(2em);width:100%;height:100%}.notify-wrapper .glow:before{clip-path:polygon(9% 83%,12% 79%,15% 74%,18% 68%,20% 62%,22% 56%,23% 50%,24% 43%,25% 38%,25% 34%,26% 29%,26% 26%,27% 22%,29% 19%,30% 15%,32% 13%,34% 10%,37% 7%,41% 5%,44% 4%,47% 3%,51% 3%,55% 3%,58% 5%,62% 6%,73% 29%,72% 25%,70% 20%,67% 16%,63% 12%,60% 9%,58% 8%,55% 7%,52% 6%,48% 6%,44% 8%,41% 9%,37% 12%,36% 14%,33% 16%,31% 20%,30% 23%,29% 26%,28% 31%,27% 36%,27% 39%,26% 44%,26% 48%,26% 52%,25% 56%,23% 61%,22% 65%,21% 69%,19% 72%,17% 75%,15% 78%,13% 81%);content:"";background:#fff3;width:100%;height:80%;display:block;transform:translateY(6em)scale(.94)}.notify-wrapper .glow2{filter:brightness()blur(.3em);opacity:.1;width:100%;height:100%}.notify-wrapper .glow2:before{clip-path:polygon(9.21% 83%,12.28% 79%,15.35% 74%,18.41% 68%,20.46% 62%,22.51% 56%,23.53% 50%,24.55% 43%,25.58% 34%,26.6% 29%,27.62% 22%,29.16% 18.5%,30.95% 15.75%,32.74% 13%,34.78% 10%,37.85% 7%,41.94% 5%,45.01% 4%,48.08% 3%,52.17% 3%,56.27% 3%,64.01% 6.36%,55.75% 4.5%,47.83% 4.75%,42.84% 5.88%,39.51% 7.88%,36.45% 10.38%,33.38% 14.88%,30.69% 19%,29.67% 22.5%,28.8% 26.72%,28.21% 31.36%,26.92% 38.44%,26.57% 43.67%,25.51% 48.34%,25% 54.34%,23.4% 60.69%,21.23% 65.38%,18.41% 71.5%,16.88% 74.75%,12.28% 80.5%);content:"";background:#fff3;width:100%;height:84%;display:block;transform:translate(-1em,8.4em)scale(1)}.notify-wrapper .left-glow{--lgc:#5d819666;width:50%;height:50%;box-shadow:inset 1em 0em 1em .2em var(--lgc);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);background:0 0;border-radius:50%;translate:0 -24%}.notify-wrapper .left-glow2{--lgc2:#5d819666;background-image:radial-gradient(circle at -80% -12%, transparent 50em, var(--lgc2) 50.3em, transparent 52em);clip-path:polygon(0 0,100% 0,100% 78%,0 78%);width:49%;height:50%;position:absolute;translate:-19em 10.35em}.notify-wrapper .r-glow{--lgc:#fffaf680;width:50%;height:50%;box-shadow:inset 1em 0em 1em .2em var(--lgc);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);background:0 0;border-radius:50%;transform:translateY(-24%)rotateY(180deg)}.notify-wrapper .r-glow2{--lgc2:#fffaf680;background-image:radial-gradient(circle at -80% -12%, transparent 50em, var(--lgc2) 50.3em, transparent 52em);clip-path:polygon(0 0,100% 0,100% 78%,0 78%);width:49%;height:50%;position:absolute;transform:translate(18.2em,10.35em)rotateY(180deg)rotate(-2deg)}.notify-wrapper .mid-ring.small{transform:translateY(-8em)scale(.9,.5)}.notify-wrapper .mid-ring{mix-blend-mode:hard-light;filter:brightness(.8);border-radius:50%;width:64%;height:10%;translate:0 10em;box-shadow:inset -.3em 1.3em .4em -1em #fff5,-.2em -1.2em .4em -.4em #505050,-.1em -1.8em .4em -.4em #fff5,0 -2.5em .4em -1em #000}.notify-wrapper .mid-ring:before,.notify-wrapper .mid-ring:after{right:-2%}.notify-wrapper .mid-ring:before{left:-2%}.notify-wrapper .bell-buff-t{filter:blur(1em);background:#fff2;border-radius:50%;width:72%;height:12%;translate:0 16em}.notify-wrapper .bell-buff{background:linear-gradient(90deg, black 40%, var(--base-clr) 90%);border-radius:50%/50% 50% 30% 30%;width:88%;height:20%;translate:0 20em;box-shadow:inset 1em 0 2em -1em #5d819666,inset -1em 0 2em -1em #fff}.notify-wrapper .bell-btm{background:linear-gradient(90deg, black 40%, var(--base-clr) 90%);border-radius:50%;width:88%;height:18%;translate:0 23em}.notify-wrapper .bell-btm2{filter:brightness();background:#fffff6;border-radius:50%;width:74%;height:12%;translate:0 24em;box-shadow:0 0 1em .6em #ffe9d4,-.8em .2em 2em 1em #cca37f,-5.4em -.6em 3em -1em #ce6e1abb,6em -.6em 3em -1em #ce6e1abb,inset 0 30.3em .3em -30em #c7962d,inset 0 -2em 2em -2em #ffe9d4,inset 0 -1em 2em 1em #ce6e1a66}.notify-wrapper .off .bell-btm2{filter:brightness(.02)}.notify-wrapper .bell-ring-container{border-radius:50%/25% 25% 0% 0%;width:74%;height:24%;overflow:hidden;translate:0 29.2em}.notify-wrapper .bell-ring{background:#fff;border-radius:50%;width:12em;height:12em;translate:0 -6em;box-shadow:0 .8em 1em -.3em #f8e1d0,inset 0 -6em 4em -4em #e3b695,inset 0 1em 3em 1em #fff4,inset 0 2em 3em 1em #fff,inset 0 100em 0 100em #2c2c2c}.notify-wrapper .off .bell-ring{background:#000;box-shadow:0 .8em 1em -.3em #f8e1d000,inset 0 -6em 4em -4em #e3b69500,inset 0 1em 3em 1em #fff0,inset 0 -2em 3em 1em #fff2,inset 0 100em 0 100em #000}.notify-wrapper .bell-rays{mix-blend-mode:soft-light;border-radius:50%;width:100%;height:140%;translate:0 -4em;box-shadow:inset 0 -21em 4em -20em #b67804}.notify-wrapper .bell-rays:before{content:"";transform-origin:50%;filter:blur(.6em);background:repeating-conic-gradient(#b67804 0%,#0000 .6%,#ff7c02 .8%);border-radius:100%;width:100em;height:100em;animation:1s linear infinite radiate;display:block;position:absolute;top:-77em;left:-21em}.notify-wrapper .off .bell-rays{opacity:0}@keyframes radiate{0%{rotate:none}to{rotate:6deg}}.notify-wrapper .volumetric{opacity:.35;z-index:-1;width:500%;height:350%;left:-200%;translate:0 124em}.notify-wrapper .volumetric .vl{clip-path:polygon(45% 45px,50% 45px,50% 150%,0% 150%);background:radial-gradient(circle at 100% 0,#ff7c02 0%,#ff7c0200 70%);width:100%;height:100%}.notify-wrapper .volumetric .vr{clip-path:polygon(50% 45px,55% 45px,100% 150%,50% 150%);background:radial-gradient(circle at 0 0,#ff7c02 0%,#ff7c0200 70%);width:100%;height:100%}.notify-wrapper .off .volumetric{opacity:0}.notify-wrapper .button{color:#fff;cursor:pointer;text-shadow:0 -1px 3px #fff0;z-index:11;background:#000;border-radius:.4em;width:fit-content;height:fit-content;padding:.4em 1.2em;font-family:monospace;font-size:8em;animation:5s ease-in-out infinite lumenbtn;position:relative;top:6em;box-shadow:inset 0 .04em .06em #fff,inset 0 1em 1em #fff5,inset 0 .2em .2em #e3b695}.notify-wrapper .button:hover{color:#e3b695;text-shadow:0 -1px 3px red;transition:all .16s ease-in-out}.notify-wrapper .button:before,.notify-wrapper .button:after{content:"";width:100%;height:54%;display:block;position:absolute;top:6em;left:0;right:0}.notify-wrapper .button:before{z-index:-2;filter:blur(12px);background:#e3b695;border-radius:100%;animation:5s ease-in-out infinite lumen;scale:2}.notify-wrapper .button:after{z-index:-1;filter:blur(.3em);background:#000c;border-radius:30%}@keyframes lumenbtn{0%{box-shadow:inset 0 .04em .06em 0 #fff, inset calc(-.2em * var(--degofrot)) 1em 1em 0 #fff5, inset calc(-.2em * var(--degofrot)) .2em .4em 0 #e3b695}50%{box-shadow:inset 0 .04em .06em 0 #fff, inset calc(.2em * var(--degofrot)) 1em 1em 0 #fff5, inset calc(.2em * var(--degofrot)) .2em .4em 0 #e3b695}to{box-shadow:inset 0 .04em .06em 0 #fff, inset calc(-.2em * var(--degofrot)) 1em 1em 0 #fff5, inset calc(-.2em * var(--degofrot)) .2em .4em 0 #e3b695}}@keyframes lumen{0%{translate:calc(-.8em * var(--degofrot))}50%{translate:calc(.8em * var(--degofrot))}to{translate:calc(-.8em * var(--degofrot))}}.notify-wrapper .bell-container.off~.button{opacity:0;pointer-events:none}.notify-wrapper .button-label{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.notify-wrapper .notify-form-inline{align-items:center;gap:.6em;display:flex}.notify-wrapper .notify-input{color:#fff;background:0 0;border:none;outline:none;width:13em;font-family:inherit;font-size:.8em}.notify-wrapper .notify-input::placeholder{color:#fff6}.notify-wrapper .notify-submit-btn{color:#000;cursor:pointer;background:#e3b695;border:none;border-radius:.3em;outline:none;padding:.3em .8em;font-family:inherit;font-size:.7em;font-weight:700;transition:all .2s;box-shadow:0 0 .8em #e3b69566}.notify-wrapper .notify-submit-btn:hover{background:#fff;box-shadow:0 0 1.2em #ffffffb3}.notify-wrapper .notify-success-label{color:#e3b695;text-shadow:0 0 .5em #e3b69599;font-size:.8em}.notify-wrapper .notify-error-msg{white-space:nowrap;color:#ff6b6b;text-shadow:0 0 .4em #ff6b6b80;margin-top:.4em;font-family:monospace;font-size:.6em;position:absolute;top:100%;left:50%;transform:translate(-50%)}.notify-wrapper .moths-container{pointer-events:none;z-index:12;opacity:1;width:80em;height:60em;transition:opacity .6s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-20em)}.notify-wrapper .moths-container.off{opacity:0;pointer-events:none}.notify-wrapper .moth{pointer-events:none;background:#fff8e7;border-radius:50%;width:.6em;height:.6em;position:absolute;top:50%;left:50%;box-shadow:0 0 .8em .4em #ffe6b4e6,0 0 1.6em .8em #e3b69599}