.motion-toggle{position:absolute;z-index:6;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;cursor:pointer;background:oklch(.16 .008 60/.55);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px oklch(.985 .004 90/.18);transition:background-color .2s ease,transform .2s ease}.motion-toggle:before{content:"";position:absolute;inset:-4px}.motion-toggle svg{width:14px;height:14px}.motion-toggle:hover{background:oklch(.16 .008 60/.75)}.motion-toggle:active{transform:scale(.94)}.motion-toggle:focus-visible{outline:3px solid var(--flash);outline-offset:2px}.motion-toggle--light{background:oklch(.985 .004 90/.8);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.motion-toggle--light:hover{background:var(--paper)}.motion-toggle--tr{top:14px;right:14px}.motion-toggle--tl{top:14px;left:14px}.motion-toggle--br{bottom:14px;right:14px}.motion-toggle--bl{bottom:14px;left:14px}.motion-toggle--inline{position:relative}@media (forced-colors:active){.motion-toggle{border:1px solid ButtonText}}@media (prefers-reduced-motion:reduce){.motion-toggle{display:none}}:root[data-motion=paused] :where(.hb2,.gp) *,:root[data-motion=paused] :where(.hb2,.gp) :after,:root[data-motion=paused] :where(.hb2,.gp) :before{animation-play-state:paused!important}