@layer theme,base;@layer components{.ssp-subject-glyphs-glyph{color:var(--subject-text,currentColor);flex:none;overflow:visible}.ssp-subject-glyphs-a{transform-box:fill-box;transform-origin:30% 100%}.ssp-subject-glyphs-grid{transform-box:fill-box;transform-origin:0}.ssp-subject-glyphs-electron{offset-path:path("M21.6 12a9.6 3.7 0 1 1-19.2 0a9.6 3.7 0 1 1 19.2 0");offset-rotate:0deg;offset-distance:0%}.ssp-subject-glyphs-vein{transform-box:fill-box;transform-origin:0 100%}.ssp-subject-glyphs-meridian{transform-box:fill-box;transform-origin:50%}.ssp-subject-glyphs-petal-l,.ssp-subject-glyphs-petal-r{transform-box:view-box;transform-origin:12px 17.2px}.ssp-subject-glyphs-bang{opacity:0}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-a,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-a{animation:ssp-subject-glyphs-swing var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-pi,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-pi{animation:ssp-subject-glyphs-land var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-grid,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-grid{animation:ssp-subject-glyphs-grid-draw var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-electron,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-electron{animation:ssp-subject-glyphs-orbit var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-vein,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-vein{animation:ssp-subject-glyphs-vein-draw var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-meridian,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-meridian{animation:ssp-subject-glyphs-meridian var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-cursor,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-cursor{animation:ssp-subject-glyphs-blink var(--duration-very-slow) steps(2, jump-none) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-petal-l,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-petal-l{animation:ssp-subject-glyphs-open-l var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-petal-r,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-petal-r{animation:ssp-subject-glyphs-open-r var(--duration-very-slow) var(--ease-smooth-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-q,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-q{animation:ssp-subject-glyphs-q-swap var(--duration-very-slow) var(--ease-in-out) both}.gesture:is(:hover,:focus-visible) .ssp-subject-glyphs-bang,.ssp-subject-glyphs-glyph.gesture:hover .ssp-subject-glyphs-bang{animation:ssp-subject-glyphs-bang-swap var(--duration-very-slow) var(--ease-in-out) both}@media (prefers-reduced-motion:reduce){.ssp-subject-glyphs-glyph *{animation:none!important}}html[data-motion=reduced] .ssp-subject-glyphs-glyph *{animation:none!important}}@layer utilities;@keyframes ssp-subject-glyphs-swing{0%{opacity:.2;transform:translate(4px)rotate(-14deg)}to{opacity:1;transform:none}}@keyframes ssp-subject-glyphs-land{0%{opacity:0;transform:translateY(-3px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes ssp-subject-glyphs-grid-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ssp-subject-glyphs-orbit{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes ssp-subject-glyphs-vein-draw{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes ssp-subject-glyphs-meridian{0%{transform:scaleX(1)}50%{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes ssp-subject-glyphs-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ssp-subject-glyphs-open-l{50%{transform:rotate(-6deg)}}@keyframes ssp-subject-glyphs-open-r{50%{transform:rotate(6deg)}}@keyframes ssp-subject-glyphs-q-swap{0%,to{opacity:1}35%,65%{opacity:0}}@keyframes ssp-subject-glyphs-bang-swap{0%,to{opacity:0}35%,65%{opacity:1}}