@layer components{img.emoji{display:inline-block;width:1.25em;height:1.25em;margin:0 .05em;vertical-align:-.25em;border-radius:0;-webkit-user-drag:none}.chip{display:inline-block;position:relative;font-size:.62em;font-style:normal;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;padding:.1em .5em;line-height:1.5;white-space:nowrap;vertical-align:.2em;text-decoration:none}a.chip:hover{border-color:var(--warning-text)}.chip[data-tooltip]{cursor:help}a.chip[data-tooltip]{cursor:pointer}.chip[data-tooltip]::after{content:attr(data-tooltip);display:none;position:absolute;left:50%;bottom:calc(100% + .5em);font-size:1.15em;transform:translateX(-50%)translateY(.25em);background-color:var(--code-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:.35em .7em;font-weight:400;font-style:italic;width:max-content;max-width:min(22em,85vw);text-align:center;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease,display .15s allow-discrete;z-index:10}.chip[data-tooltip]:hover::after,.chip[data-tooltip]:focus-visible::after{display:block;opacity:1;transform:translateX(-50%)translateY(0)}@starting-style{.chip[data-tooltip]:hover::after,
  .chip[data-tooltip]:focus-visible::after {
    opacity: 0;
    transform: translateX(-50%) translateY(0.25em);
  }
}.chip[data-tooltip]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.chip[data-tooltip]::after{transition:none}}.sticker-callout{display:flex;align-items:stretch;margin:1em 0;border:1px solid var(--callout-border,var(--border-color));border-radius:6px;overflow:hidden;background-color:var(--callout-bg,var(--surface-color));color:var(--text-color);min-height:6.5rem}.sticker-callout--right{flex-direction:row-reverse}.sticker-callout-image{display:flex;flex-shrink:0;width:8rem;align-items:flex-end;justify-content:flex-start;padding-bottom:.5rem;padding-left:.5rem}.sticker-callout--right .sticker-callout-image{padding-left:0;padding-right:.5rem;justify-content:flex-end}.sticker-callout--flush .sticker-callout-image{padding:0}.sticker-callout-sticker{width:100%;height:auto;display:block;margin:0;border-radius:0;pointer-events:none;user-select:none;-webkit-user-drag:none}.sticker-callout-body{flex:1;min-width:0;padding:1rem 1.25rem;align-self:center}.sticker-callout-body>p:first-child{margin-top:0}.sticker-callout-body>p:last-child{margin-bottom:0}.sticker-callout--danger{--callout-border:color-mix(in oklab, var(--accent-color) 55%, var(--border-color));--callout-bg:color-mix(in oklab, var(--accent-color) 12%, var(--surface-color))}.sticker-callout--warning{--callout-border:color-mix(in oklab, #d4a017 55%, var(--border-color));--callout-bg:color-mix(in oklab, #d4a017 12%, var(--surface-color))}.sticker-callout--success{--callout-border:color-mix(in oklab, #3fa163 55%, var(--border-color));--callout-bg:color-mix(in oklab, #3fa163 12%, var(--surface-color))}.sticker-callout--info{--callout-border:color-mix(in oklab, #4a8fb8 55%, var(--border-color));--callout-bg:color-mix(in oklab, #4a8fb8 12%, var(--surface-color))}.sticker-callout-sticker[src*="/pixel-"]{image-rendering:pixelated}@media(max-width:720px){.sticker-callout,.sticker-callout--right{flex-direction:column-reverse}.sticker-callout-image,.sticker-callout--right .sticker-callout-image{width:6rem;padding:0;justify-content:flex-start}.sticker-callout--right .sticker-callout-image{align-self:flex-end}.sticker-callout-body{padding:.75rem 1rem}}.model-caption{font-size:.8em;color:var(--text-muted);text-align:center;margin-top:-1rem;margin-bottom:1.5rem}.model-caption a{color:var(--text-muted);text-decoration-color:color-mix(in oklab,var(--text-muted) 50%,transparent)}.model-caption a:hover{color:var(--text-color)}.model-viewer{display:block;width:calc(100% + 4rem);height:clamp(260px,55vw,420px);margin:1em -2rem;background-color:transparent;--poster-color:transparent}.model-viewer::part(default-progress-bar),.model-viewer::part(default-progress-mask){display:none}.og-card{display:flex;align-items:stretch;margin:1em 0;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background-color:var(--surface-color);color:var(--text-color);text-decoration:none;transition:border-color .15s ease,transform .15s ease;min-height:6.5rem}.og-card>p,.og-card-content>p,.og-card-image>p{display:contents;margin:0}.og-card:hover{border-color:var(--accent-color);color:var(--text-color);text-decoration:none;transform:translateY(-1px)}.og-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.og-card-image{display:block;flex-shrink:0;width:9rem;background-color:var(--background-color);overflow:hidden}.og-card-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}.og-card-content{display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.85rem 1rem;min-width:0;flex:1}.og-card-site{display:block;font-size:.7em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.og-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.95em;font-weight:600;color:var(--text-color);line-height:1.3}.og-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82em;color:var(--text-muted);line-height:1.4}@media(max-width:600px){.og-card-image{width:6.5rem}.og-card-content{padding:.65rem .85rem}}@media(max-width:600px){.model-viewer{width:calc(100% + 2rem);margin:1em -1rem}}.media-figure{margin:1em 0}.media-figure-body{line-height:0}.media-figure-body>p{margin:0}.media-figure-body a{display:block}.media-figure-body a:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:4px}.media-figure img,.media-video{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:4px}.media-video{width:100%;background:var(--surface-color)}.media-figure figcaption{margin-top:.6em;font-size:.85em;line-height:1.5;text-align:center;color:var(--text-muted);text-wrap:pretty}.media-figure figcaption a{color:var(--text-muted);text-decoration-color:color-mix(in oklab,var(--text-muted) 50%,transparent)}.media-figure figcaption a:hover{color:var(--text-color)}}