.dot-cursor{z-index:100;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.dot-cursor>i{opacity:0;width:.875rem;height:.875rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 60%, transparent);-webkit-backdrop-filter:invert()hue-rotate(180deg);backdrop-filter:invert()hue-rotate(180deg);border-radius:50%;position:absolute;top:-.4375rem;left:-.4375rem}:root[data-pointer] .dot-cursor>i{opacity:1}:root[data-pointer],:root[data-pointer] *{cursor:none}.dot-cursor[data-over]>i{scale:2.8}.dot-cursor[data-pressed]>i{scale:.7}.dot-cursor[data-over][data-pressed]>i{scale:2.2}@media (prefers-reduced-motion:no-preference){.dot-cursor>i{transition:opacity var(--duration-quick) var(--ease-out), scale var(--duration-base) var(--ease-out)}}
.capsule-link{border-radius:var(--control-radius);height:2rem;font-family:var(--control-face);font-size:calc(var(--control-text-small) * 1rem);white-space:nowrap;place-items:center;padding-inline:.625rem;font-weight:500;display:grid}.capsule-link[aria-current=page]{background:var(--control-current);box-shadow:var(--control-current-line)}.capsule-write{border-radius:var(--control-radius);font-family:var(--control-face);font-size:calc(var(--control-text-small) * 1rem);white-space:nowrap;font-weight:500}.capsule-action{background:var(--control-fill);color:var(--on-control);transition:translate var(--duration-quick) var(--ease-out)}@media (hover:hover){.capsule-action:hover{translate:0 var(--control-hover)}}.capsule-action:active{translate:0 1px}.capsule-surface{border-radius:var(--control-radius);background:var(--control-surface);box-shadow:var(--control-rules), var(--control-raise)}.capsule-link:focus-visible{outline-offset:-2px}.capsule-items,.capsule-list,.capsule-code{align-items:center;gap:var(--capsule-gap);display:flex}.capsule-code>ul{gap:var(--capsule-gap);display:flex}[data-capsule]{--capsule-gap:.125rem;--capsule-away:200%;transition-duration:var(--duration-slow), var(--duration-base), var(--duration-base);transition-property:color,opacity,translate}:root[data-bare] [data-capsule]:not(:has(:focus-visible)){--tw-translate-y:var(--capsule-away);opacity:0;pointer-events:none}.capsule-items{min-width:0;position:relative}:root[data-js]:not([data-scrolled]) .capsule-surface{opacity:0;scale:1.1 1.5}@media (min-width:64rem){[data-capsule]{--capsule-away:-200%}.capsule-link{padding-inline:.75rem}:root[data-js]:not([data-scrolled]) [data-capsule]{--capsule-gap:1rem}}@media (prefers-reduced-motion:no-preference){.capsule-surface{transition:opacity var(--duration-slow) var(--ease-out), scale var(--duration-slow) var(--ease-out)}.capsule-items,.capsule-list,.capsule-code,.capsule-code>ul{transition:gap var(--duration-slow) var(--ease-out)}}.capsule-code{display:none}[data-capsule][data-lens] .capsule-items{-webkit-mask-image:radial-gradient(circle var(--lens-r,0) at var(--lens-x,0) var(--lens-y,0), transparent 99.5%, var(--ink) 100%);mask-image:radial-gradient(circle var(--lens-r,0) at var(--lens-x,0) var(--lens-y,0), transparent 99.5%, var(--ink) 100%)}[data-capsule][data-lens] .capsule-code{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;clip-path:circle(var(--lens-r,0) at var(--lens-x,0) var(--lens-y,0));pointer-events:none;border-radius:999px;display:flex;position:absolute;inset:.25rem}.capsule-code [data-measure]{position:relative}.capsule-source{display:none}@media (min-width:64rem){.capsule-code [data-measure]:after{content:attr(data-size);color:var(--accent);font:500 .625rem/1 var(--mono);white-space:nowrap;position:absolute;top:calc(100% + .25rem);left:50%;translate:-50%}.capsule-source{color:var(--muted);white-space:pre;display:block;position:absolute;top:calc(100% + 1.5rem);left:0}}@media (min-width:64rem) and (not (min-height:52rem)){.capsule-source code:nth-child(n+3):nth-child(-n+7){display:none}.capsule-source code:nth-child(2):after{content:" … />" / "";color:var(--accent)}}@media (min-width:64rem) and (not (min-height:37.5rem)){.capsule-source{display:none}}:root[data-scrolled] [data-capsule][data-lens] .capsule-code{background:var(--page)}[data-capsule]:has(:focus-visible) .capsule-items{-webkit-mask-image:none;mask-image:none}[data-capsule][data-lens]:has(:focus-visible) .capsule-code{display:none}