.gz-motion{--gz-d: 28px;position:fixed;z-index:55;left:var(--side-l);bottom:calc(var(--gz-motion-lift, 0px) + var(--gutter) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;width:var(--gz-d);height:var(--gz-d);padding:0;border:1px solid var(--c-ink);border-radius:999px;background:var(--c-paper);color:var(--c-ink);white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:width .32s var(--ease-out),background-color .2s,color .2s}.gz-motion.is-open{width:min(calc(var(--gz-d) - 2px + var(--gz-open, 12rem) + .8rem),calc(100vw - var(--side-l) - var(--side-r)))}.u-mono.gz-motion{font-size:11px;line-height:1}.gz-motion[hidden]{display:none}.gz-motion__dot{flex:none;width:calc(var(--gz-d) - 2px);height:100%;display:grid;place-items:center}.gz-motion__dot:before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.gz-motion__label{flex:none;opacity:0;transition:opacity .2s}.gz-motion.is-open .gz-motion__label{opacity:1;transition-delay:.06s}@media(hover:hover){.gz-motion:hover{background:var(--c-ink);color:var(--c-paper)}}.gz-motion:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){:where(:root:not(.is-motion)) .gz-motion,:where(:root:not(.is-motion)) .gz-motion__label{transition:none}}.gz-motion-cap{position:fixed;z-index:56;left:var(--side-l);bottom:calc(var(--gz-motion-lift, 0px) + var(--gutter) + env(safe-area-inset-bottom,0px) + 28px + 10px);box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - var(--side-l) - var(--side-r)));display:flex;flex-direction:column;gap:.45rem;padding:.8rem 1rem .85rem;border:1px solid var(--c-ink);background:var(--c-paper);color:var(--c-ink);transform-origin:50% 50%;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.gz-motion-cap.is-right{left:auto;right:var(--side-r);text-align:right;align-items:flex-end}.gz-motion-cap.is-leaving{pointer-events:none}.gz-motion-cap__line{font-family:var(--ff-serif);font-weight:400;font-size:clamp(1.15rem,1.05rem + .3vw,1.35rem);line-height:1.1;letter-spacing:-.005em;text-wrap:balance}.u-mono.gz-motion-cap__sub{font-size:11px;line-height:1.3;color:var(--c-mute)}@media(hover:hover){.gz-motion-cap:hover .gz-motion-cap__sub{color:var(--c-ink)}}