.note-art{isolation:isolate;background:radial-gradient(at 40% 40%,#35355e,#15162b 55%,#0c0e1d);border:1px solid #bdc0ff1a;flex-shrink:0;position:relative;overflow:hidden}.note-art>span{background:radial-gradient(at 25% 20%,#b3bfea55,#0000 55%,#7a75a344);border:1px solid #9ca7da66;border-radius:50%;width:60%;height:65%;transition:transform .7s;display:block;position:absolute;top:18%;left:20%;transform:rotate(-30deg)scaleX(.7)}.note-art>span:nth-child(2){transform:rotate(30deg)scaleX(.7)}.note-art>span:nth-child(3){transform:rotate(90deg)scaleX(.7)}.notebook-entry:is(:hover,:focus-visible) .note-art>span{transform:rotate(-10deg)scaleX(.8)}.notebook-entry:is(:hover,:focus-visible) .note-art>span:nth-child(2){transform:rotate(50deg)scaleX(.8)}.notebook-entry:is(:hover,:focus-visible) .note-art>span:nth-child(3){transform:rotate(110deg)scaleX(.8)}.motion-scope[data-motion=off] .note-art>span{transform:rotate(-30deg)scaleX(.7)}.motion-scope[data-motion=off] .note-art>span:nth-child(2){transform:rotate(30deg)scaleX(.7)}.motion-scope[data-motion=off] .note-art>span:nth-child(3){transform:rotate(90deg)scaleX(.7)}@media (prefers-reduced-motion:reduce){.notebook-entry .note-art>span{transition:none;transform:rotate(-30deg)scaleX(.7)!important}.notebook-entry .note-art>span:nth-child(2){transform:rotate(30deg)scaleX(.7)!important}.notebook-entry .note-art>span:nth-child(3){transform:rotate(90deg)scaleX(.7)!important}}