.wrapper{--glow-sens:30;--card-bg:linear-gradient(8deg,var(--dark)75%,color-mix(in hsl,var(--dark),white 2.5%)75.5%);--blend:soft-light;--glow-blend:plus-lighter;--glow-color:40deg 80% 80%;--glow-boost:0%;--dark:#191726;--fg:white;color:var(--fg);place-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid}.light{--card-bg:linear-gradient(8deg,color-mix(in hsl,#f1eff5,var(--dark)2.5%)75%,#f1eff5 75.5%);--blend:darken;--glow-blend:luminosity;--glow-color:280deg 90% 95%;--glow-boost:15%;--fg:black;color:var(--fg);background-image:linear-gradient(#8e8b9c,#605b7b)}.card{--pads:200px;--color-sens:calc(var(--glow-sens) + 20);--pointer-°:45deg;isolation:isolate;background:var(--card-bg);background-repeat:no-repeat;border:1px solid rgba(255,255,255,.25);border-radius:1.768em;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.1),0 32px 64px rgba(0,0,0,.1)}.card:before,.card:after,.card>.glow{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.card:not(:hover):not(.animating):before,.card:not(:hover):not(.animating):after,.card:not(:hover):not(.animating)>.glow{opacity:0;transition:opacity .75s ease-in-out}.card:before{background:linear-gradient(var(--card-bg)0 100%)padding-box,radial-gradient(at 80% 55%,#be85ff 0px,transparent 50%)border-box,radial-gradient(at 69% 34%,#ff7a93 0px,transparent 50%)border-box,radial-gradient(at 8% 6%,#8fffad 0px,transparent 50%)border-box,radial-gradient(at 41% 38%,#47daff 0px,transparent 50%)border-box,radial-gradient(at 86% 85%,#7af2ff 0px,transparent 50%)border-box,radial-gradient(at 82% 18%,#ffe74c 0px,transparent 50%)border-box,radial-gradient(at 51% 4%,#ff8d70 0px,transparent 50%)border-box,linear-gradient(#c299ff 0 100%)border-box;opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));-webkit-mask-image:conic-gradient(from var(--pointer-°)at center,black 25%,transparent 40%,transparent 60%,black 75%);mask-image:conic-gradient(from var(--pointer-°)at center,black 25%,transparent 40%,transparent 60%,black 75%);border:1px solid transparent}.card:after{-webkit-mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-°)at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--pointer-°)at center,transparent 5%,black 15%,black 85%,transparent 95%);opacity:calc((var(--pointer-d) - var(--color-sens))/(100 - var(--color-sens)));mix-blend-mode:var(--blend);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;filter:blur(10px);background:radial-gradient(at 80% 55%,#be85ff 0,transparent 50%) padding-box padding-box,radial-gradient(at 69% 34%,#ff7a93 0,transparent 50%) padding-box padding-box,radial-gradient(at 8% 6%,#8fffad 0,transparent 50%) padding-box padding-box,radial-gradient(at 41% 38%,#47daff 0,transparent 50%) padding-box padding-box,radial-gradient(at 86% 85%,#7af2ff 0,transparent 50%) padding-box padding-box,radial-gradient(at 82% 18%,#ffe74c 0,transparent 50%) padding-box padding-box,radial-gradient(at 51% 4%,#ff8d70 0,transparent 50%) padding-box padding-box,linear-gradient(#c299ff 0,#c299ff 100%) padding-box padding-box;border:1px solid transparent;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.glow{--outset:1px;inset:calc(var(--outset)*-1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--pointer-°)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--pointer-°)at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--pointer-d) - var(--glow-sens))/(100 - var(--glow-sens)));mix-blend-mode:var(--glow-blend)}.glow:before{content:"";inset:var(--outset);border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--glow-color)/100%),inset 0 0 3px 0 hsl(var(--glow-color)/60%),inset 0 0 6px 0 hsl(var(--glow-color)/50%),inset 0 0 15px 0 hsl(var(--glow-color)/40%),inset 0 0 25px 2px hsl(var(--glow-color)/30%),0 0 10px 2px hsl(var(--glow-color)/40%),0 0 30px 2px hsl(var(--glow-color)/30%);position:absolute}.inner{text-align:center;z-index:1;flex-direction:column;justify-content:space-between;display:flex;overflow:auto}.inner h2{margin-top:.5em;margin-bottom:.5em;font-size:1.25em;font-weight:500}.inner header{justify-content:space-between;align-items:center;padding:.5em 1em;display:flex}.inner svg{cursor:pointer;height:24px;transition:opacity .2s}.sun{opacity:.25}.sun:hover,.moon,.light .sun{opacity:1}.light .moon{opacity:.25}.light .moon:hover{opacity:1}.content{text-align:left;color:color-mix(in srgb,var(--fg),transparent 60%);scrollbar-width:none;padding:1em;font-weight:300;line-height:1.4;overflow:auto;-webkit-mask-image:linear-gradient(0deg,transparent 5px,#000 2em);mask-image:linear-gradient(0deg,transparent 5px,#000 2em)}.content em,.content strong{color:color-mix(in srgb,var(--fg),transparent 40%)}.content p{opacity:0;animation:1.5s ease-in-out 2s both fadeContent}.content p:nth-child(2){animation-delay:2.25s}.content p:nth-child(3){animation-delay:2.5s}.content p:nth-child(4){animation-delay:2.75s}@keyframes fadeContent{to{opacity:1}}@media (max-width:600px){.card{--pads:250px}}