.anchor-demo[data-astro-cid-xbp6sbqd]{margin:2rem 0;padding:1rem;border-radius:.75rem;background:var(--color-card);color:var(--color-text);box-shadow:0 1px 2px #1a1a1a14,0 0 0 1px #1a1a1a14}.anchor-demo__header[data-astro-cid-xbp6sbqd]{margin-bottom:1rem}.anchor-demo__label[data-astro-cid-xbp6sbqd]{margin:0 0 .25rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.anchor-demo__header[data-astro-cid-xbp6sbqd] h3[data-astro-cid-xbp6sbqd]{margin:0 0 .35rem;font-size:1rem}.anchor-demo__header[data-astro-cid-xbp6sbqd]>p[data-astro-cid-xbp6sbqd]:last-child{margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.5}.anchor-demo__support[data-astro-cid-xbp6sbqd]{margin:0 0 .75rem;padding:.625rem .75rem;background:#f4ded4;color:#71351e;font-size:.75rem}.anchor-demo__stage[data-astro-cid-xbp6sbqd]{position:relative;border-radius:.375rem;overflow:hidden;background-color:var(--color-bg);background-image:radial-gradient(circle,rgb(86 80 73 / .16) 1px,transparent 1px);background-size:16px 16px;box-shadow:inset 0 0 0 1px #1a1a1a14}.demo-button[data-astro-cid-xbp6sbqd],.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]{min-height:40px;border:0;border-radius:.25rem;background:var(--color-text);color:var(--color-bg);box-shadow:0 1px 2px #1a1a1a33;font:600 .75rem/1 var(--font-body);cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.demo-button[data-astro-cid-xbp6sbqd]:hover,.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:hover{background:var(--color-accent)}.demo-button[data-astro-cid-xbp6sbqd]:focus-visible,.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:focus-visible,.popover-demo__panel[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:focus-visible,.size-demo__controls[data-astro-cid-xbp6sbqd] input[data-astro-cid-xbp6sbqd]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.demo-button[data-astro-cid-xbp6sbqd]:active,.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:active,.popover-demo__panel[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:active{scale:.96}.anchor-demo__stage--popover[data-astro-cid-xbp6sbqd]{display:grid;min-height:180px;place-items:center;overflow:visible;anchor-scope:--live-popover-trigger}.popover-demo__trigger[data-astro-cid-xbp6sbqd]{display:inline-flex;align-items:center;gap:.5rem;padding:0 .9rem;anchor-name:--live-popover-trigger}.popover-demo__panel[data-astro-cid-xbp6sbqd]{position:fixed;position-anchor:--live-popover-trigger;position-area:bottom;position-try-fallbacks:flip-block,flip-inline;inset:auto;width:anchor-size(width);min-width:11rem;margin:.5rem 0 0;padding:.375rem;border:0;border-radius:.5rem;background:var(--color-bg);color:var(--color-text);box-shadow:0 12px 28px #1a1a1a2e,0 2px 6px #1a1a1a1f,0 0 0 1px #1a1a1a14}.popover-demo__panel[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]{display:block;width:100%;min-height:40px;padding:0 .625rem;border:0;border-radius:.25rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.popover-demo__panel[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]:hover{background:var(--color-tag-bg)}.popover-demo__panel[data-astro-cid-xbp6sbqd] .popover-demo__danger[data-astro-cid-xbp6sbqd]{color:#a13e24}.popover-demo__panel[data-astro-cid-xbp6sbqd] .popover-demo__close[data-astro-cid-xbp6sbqd]{margin-top:.25rem;border-top:1px solid var(--color-border);color:var(--color-muted)}.size-demo__controls[data-astro-cid-xbp6sbqd]{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;margin-bottom:.75rem;color:var(--color-muted);font-size:.75rem;font-weight:600}.size-demo__controls[data-astro-cid-xbp6sbqd] output[data-astro-cid-xbp6sbqd]{color:var(--color-accent);font-family:var(--font-mono)}.size-demo__controls[data-astro-cid-xbp6sbqd] input[data-astro-cid-xbp6sbqd]{grid-column:1 / -1;width:100%;accent-color:var(--color-accent)}.size-demo__stage[data-astro-cid-xbp6sbqd]{min-height:210px;padding:1.5rem;anchor-scope:--live-size-trigger}.size-demo__trigger[data-astro-cid-xbp6sbqd]{width:min(var(--demo-trigger-width),calc(100% - 1rem));padding:0 .75rem;anchor-name:--live-size-trigger}.size-demo__panel[data-astro-cid-xbp6sbqd]{position:absolute;position-anchor:--live-size-trigger;position-area:bottom;width:anchor-size(width);max-width:calc(100% - 1rem);margin-top:.5rem;padding:.375rem;border-radius:.375rem;background:var(--color-bg);box-shadow:0 8px 20px #1a1a1a24,0 0 0 1px #1a1a1a14}.size-demo__panel[data-astro-cid-xbp6sbqd] span[data-astro-cid-xbp6sbqd]{display:block;padding:.35rem .5rem;font-size:.75rem}.fallback-demo__controls[data-astro-cid-xbp6sbqd]{display:flex;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;padding:2px}.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]{flex:0 0 auto;padding:0 .75rem;background:var(--color-tag-bg);color:var(--color-muted);box-shadow:none}.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd][aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.fallback-demo__stage[data-astro-cid-xbp6sbqd]{min-height:310px;anchor-scope:--live-fallback-trigger}.fallback-demo__trigger[data-astro-cid-xbp6sbqd]{position:absolute;top:1.25rem;left:1.25rem;padding:0 .75rem;anchor-name:--live-fallback-trigger}.fallback-demo__stage[data-astro-cid-xbp6sbqd][data-position=top-right] .fallback-demo__trigger[data-astro-cid-xbp6sbqd]{right:1.25rem;left:auto}.fallback-demo__stage[data-astro-cid-xbp6sbqd][data-position=bottom-left] .fallback-demo__trigger[data-astro-cid-xbp6sbqd]{top:auto;bottom:1.25rem}.fallback-demo__stage[data-astro-cid-xbp6sbqd][data-position=bottom-right] .fallback-demo__trigger[data-astro-cid-xbp6sbqd]{inset:auto 1.25rem 1.25rem auto}.fallback-demo__panel[data-astro-cid-xbp6sbqd]{position:absolute;position-anchor:--live-fallback-trigger;position-area:bottom right;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;width:9rem;padding:.75rem;border-radius:.375rem;background:var(--color-accent);color:#fff;box-shadow:0 8px 20px #1a1a1a29;font-size:.75rem;font-weight:600;text-align:center}@supports (anchor-name: --test) and (position-area: bottom){.anchor-demo__support[data-astro-cid-xbp6sbqd]{display:none}}@supports not ((anchor-name: --test) and (position-area: bottom)){.size-demo__panel[data-astro-cid-xbp6sbqd]{position:static;width:min(var(--demo-trigger-width),calc(100% - 1rem));margin-top:.5rem}.fallback-demo__panel[data-astro-cid-xbp6sbqd]{right:1.25rem;bottom:1.25rem}}@media(max-width:40rem){.anchor-demo[data-astro-cid-xbp6sbqd]{margin-inline:-.5rem;padding:.75rem}.demo-button[data-astro-cid-xbp6sbqd],.fallback-demo__controls[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd],.popover-demo__panel[data-astro-cid-xbp6sbqd] button[data-astro-cid-xbp6sbqd]{min-height:44px}.fallback-demo__stage[data-astro-cid-xbp6sbqd]{min-height:280px}}