.tricks{--size:40px;--here:52px;--hit:44px;--gap:34px;z-index:20;opacity:0;pointer-events:none;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:12px;right:18px}.tricks.ready{opacity:1}.tricks ol{z-index:1;align-items:center;gap:var(--gap);margin:0;padding:0;list-style:none;display:flex;position:relative}.tricks li{--s:var(--size)}.tricks li.here{--s:var(--here)}.tricks a,.tricks [aria-current]{width:max(var(--hit), var(--s));height:max(var(--hit), var(--s));color:inherit;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid}.tricks a{pointer-events:auto}.tricks a:focus-visible{outline-offset:0;border-radius:50%;outline:2px solid}.tricks .float{width:var(--s);height:var(--s);display:block}.tricks picture,.tricks img{width:100%;height:100%;display:block}.tricks img{transition:transform .2s cubic-bezier(.23,1,.32,1)}.tricks a:focus-visible img{transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.tricks a:hover img{transform:scale(1.1)}}.tricks .float.missing{width:calc(var(--s) * .4);height:calc(var(--s) * .4);opacity:.5;border:1px solid;border-radius:50%}.tricks .float.missing picture{display:none}.tricks .line{opacity:.3;transform-origin:0;pointer-events:none;background:currentColor;height:1px;position:absolute}.tricks .name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.tricks{--size:28px;--here:36px;--gap:14px;top:16px;right:5px}.tricks ol{max-width:calc(100vw - 5px - var(--tricks-keep,0px));justify-content:flex-end;gap:0}.tricks li{width:calc(max(var(--hit), var(--s)) + var(--gap));min-width:calc(var(--s) + 4px);flex:0 auto}.tricks a,.tricks [aria-current]{width:100%}}@media (prefers-reduced-motion:reduce){.tricks,.tricks img{transition:none}.tricks a img{transform:none!important}}