.notification{display:flex;flex-direction:column;isolation:isolate;position:relative;width:18rem;height:8rem;background:#29292c;border-radius:1rem;overflow:hidden;font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:16px;--gradient:linear-gradient(180deg,#2eadff,#3d83ff,#7e61ff);--color:#32a6ff}.notification:before{position:absolute;content:"";inset:.0625rem;border-radius:.9375rem;background:#18181b;z-index:2}.notification:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--gradient);transition:transform .3s ease;z-index:4}.notification:hover:after{transform:translateX(.15rem)}.notititle{color:var(--color);padding:.65rem .25rem .4rem 1.25rem;font-weight:500;font-size:1.1rem;transition:transform .3s ease;z-index:5}.notification:hover .notititle{transform:translateX(.15rem)}.notibody{color:#99999d;padding:0 1.25rem;transition:transform .3s ease;z-index:5}.notification:hover .notibody{transform:translateX(.25rem)}.notiborderglow,.notiglow{position:absolute;width:20rem;height:20rem;transform:translate(-50%,-50%);background:radial-gradient(circle closest-side at center,white,transparent);opacity:0;transition:opacity .3s ease}.notiglow{z-index:3}.notiborderglow{z-index:1}.notification:hover .notiborderglow,.notification:hover .notiglow{opacity:.1}.note{color:var(--color);position:fixed;top:80%;left:50%;transform:translateX(-50%);text-align:center;font-size:.9rem;width:75%}.outer{width:300px;height:250px;border-radius:10px;padding:1px;background:radial-gradient(circle 230px at 0 0,#ffffff,#0c0d0d);position:relative}.dot{width:5px;aspect-ratio:1;position:absolute;background-color:#fff;box-shadow:0 0 10px #ffffff;border-radius:100px;z-index:2;right:10%;top:10%;animation:moveDot 6s linear infinite}@keyframes moveDot{0%,to{top:10%;right:10%}25%{top:10%;right:calc(100% - 35px)}50%{top:calc(100% - 30px);right:calc(100% - 35px)}75%{top:calc(100% - 30px);right:10%}}.card{z-index:1;width:100%;height:100%;border-radius:9px;border:1px solid #202222;background-size:20px 20px;background:radial-gradient(circle 280px at 0 0,#444444,#0c0d0d);display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;color:#fff}.ray{width:220px;height:45px;border-radius:100px;position:absolute;background-color:#c7c7c7;opacity:.4;box-shadow:0 0 50px #fff;filter:blur(10px);transform-origin:10%;top:0;left:0;transform:rotate(40deg)}.card .text{font-weight:bolder;font-size:4rem;background:linear-gradient(45deg,#000000 4%,#fff,#000);background-clip:text;color:transparent}.line{width:100%;height:1px;position:absolute;background-color:#2c2c2c}.topl{top:10%;background:linear-gradient(90deg,#888888 30%,#1d1f1f 70%)}.bottoml{bottom:10%}.leftl{left:10%;background:linear-gradient(180deg,#747474 30%,#222424 70%)}.leftl,.rightl{width:1px;height:100%}.rightl{right:10%}