.starwrapper{--starsize: .75rem;--fstar:hsl(60, 100%, 50%);--bstar:hsl(240, 100%, 10%);--dotstar: hsl(0 100% 50%);--outerstar: hsl(0 100% 100%);--starleft: .36rem;--startop: .35rem;position:absolute;left:-0.8rem;top:-0.2rem;background-color:rgba(0,0,0,0);box-shadow:0 0 0 calc(var(--starsize)/2) var(--bstar);width:var(--starsize);margin:calc(var(--starsize)/2);z-index:5}.starwrapper .starCanvas{position:relative;width:var(--starsize);line-height:1.5;scale:1;background-color:rgba(0,0,0,0);z-index:5}.starwrapper .starCanvas .blomma{width:1rem;height:1rem;background-color:var(--fstar);--g:/37.02% 37.02% radial-gradient(#003 calc(71% - 1px),#00003301 71%) no-repeat;mask:92.876% 75.722% var(--g),38.786% 98.726% var(--g),.193% 54.393% var(--g),30.431% 3.988% var(--g),87.713% 17.171% var(--g),radial-gradient(100% 100%, #003 25.476%, rgba(0, 0, 51, 0) calc(25.476% + 1px))}@keyframes spinAnimation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.starwrapper .starCanvas .blomma{animation-name:spinAnimation;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}.starwrapper .starCanvas .whitedot{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--dotstar);border-radius:60rem;max-width:.28rem;min-width:.28rem;aspect-ratio:1;z-index:2;left:var(--starleft);top:var(--startop)}.starwrapper .starCanvas .whitedot .dot{position:absolute;width:.14rem;height:.14rem;border-radius:60rem;background:var(--outerstar);aspect-ratio:1}/*# sourceMappingURL=star.css.map */