.hover-bubble{--hb-size:128px;z-index:990;width:var(--hb-size);height:var(--hb-size);pointer-events:none;position:fixed;top:0;left:0}.hb-disc{border:var(--bw) solid var(--ink);background:var(--apricot);width:100%;height:100%;color:var(--ink);text-align:center;opacity:0;transition:scale var(--dur-roll) var(--ease-elastic), opacity .15s ease-out;border-radius:50%;place-content:center;justify-items:center;gap:6px;padding:18px;display:grid;scale:.2}.hover-bubble[data-on] .hb-disc{opacity:1;scale:1}.hb-text{font:700 12.5px/1.15 var(--display);letter-spacing:-.01em;text-wrap:balance}.hb-icon{display:grid}.hb-icon>svg{grid-area:1/1;display:none}.hover-bubble[data-icon=open] .hb-icon>[data-i=open],.hover-bubble[data-icon=flip] .hb-icon>[data-i=flip],.hover-bubble[data-icon=enlarge] .hb-icon>[data-i=enlarge]{display:block}html[data-motion=reduced] .hb-disc{transition:opacity .12s linear;scale:1}