[data-annotation-guide] .annotation-try-it{border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text);border-radius:1.25rem;margin-block:2rem;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:7rem}[data-annotation-guide] .annotation-try-it-title{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:1.25;display:block}[data-annotation-guide] .annotation-try-it p{margin-block:.75rem 0}[data-annotation-guide] .annotation-try-it ol{gap:.625rem;margin-block:1.25rem;padding-left:1.25rem;font-size:.9375rem;line-height:1.6;list-style:decimal;display:grid}[data-annotation-guide] .annotation-try-it li{padding-left:.25rem}[data-annotation-guide] .annotation-try-it li a{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}[data-annotation-guide] .annotation-try-it li a:hover{color:var(--color-text-secondary)}[data-annotation-guide] .annotation-try-it li a:focus-visible{outline-offset:3px;outline:2px solid}[data-annotation-guide] .annotation-try-it li p,[data-annotation-guide] .annotation-try-it-actions p{font:inherit;margin:0}[data-annotation-guide] .annotation-try-it-actions a,[data-annotation-guide] .annotation-prompt-button,[data-annotation-guide] .annotation-mode-button{min-height:2.5rem}.annotation-try-it-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.annotation-prompt-button,.annotation-mode-button{background:var(--color-background-primary-solid);color:var(--color-text-primary-solid);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.annotation-prompt-button:hover{background:var(--color-background-primary-solid-hover)}.annotation-mode-button{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.annotation-mode-button:hover{background:var(--color-surface-tertiary)}[data-annotation-browser][hidden],[data-annotation-prompt][hidden],[data-annotation-mode][hidden]{display:none!important}.annotation-prompt-button:focus-visible,.annotation-mode-button:focus-visible{outline-offset:3px;outline:2px solid}[data-annotation-guide] .annotation-try-it-hint{color:var(--color-text-secondary);margin-top:.75rem;font-size:.8125rem;line-height:1.5}[data-annotation-guide] .annotation-try-it-hint p{font:inherit;margin:0}[data-annotation-feedback]:empty{display:none}[data-annotation-layout]{min-width:0}[data-annotation-layout] table[data-guide-layout=cards],[data-annotation-layout] table[data-guide-layout=list]{border:0;display:block}[data-annotation-layout] table:is([data-guide-layout=cards],[data-guide-layout=list]) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-annotation-layout] table[data-guide-layout=cards] tbody{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}[data-annotation-layout] table[data-guide-layout=cards] tr{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.875rem;flex-direction:column-reverse;justify-content:flex-end;gap:.5rem;min-width:0;padding:1rem;display:flex}[data-annotation-layout] table[data-guide-layout=cards] td{border:0;padding:0;font-size:.875rem;line-height:1.5;display:block}[data-annotation-layout] table[data-guide-layout=list] tbody{display:grid}[data-annotation-layout] table[data-guide-layout=list] tr{border-bottom:1px solid var(--color-border);flex-direction:column-reverse;gap:.375rem;padding:1rem 0;display:flex}[data-annotation-layout] table[data-guide-layout=list] td{border:0;padding:0}[data-annotation-layout] table[data-guide-layout=list] td:last-child{font-size:1rem;font-weight:600}[data-annotation-layout] table[data-guide-layout=list] td:first-child{color:var(--color-text-secondary)}.annotation-code-container{min-width:0}[data-annotation-guide] pre[data-code-theme=terminal],[data-annotation-guide] pre[data-code-theme=terminal] code,[data-annotation-guide] pre[data-code-theme=terminal] span{color:#a7f3b4!important;background:#0b1611!important}[data-annotation-guide] pre[data-code-theme=rainbow]{color:#e9e5ff!important;background:#161326!important}[data-annotation-guide] pre[data-code-theme=rainbow] code,[data-annotation-guide] pre[data-code-theme=rainbow] span{color:#e9e5ff!important;background-color:#0000!important}[data-annotation-guide] pre[data-code-theme=rainbow] .line,[data-annotation-guide] pre[data-code-theme=rainbow] .line span{color:var(--annotation-line-color,#e9e5ff)!important}[data-annotation-guide] pre[data-code-theme=rainbow] .line:nth-child(5n+1){--annotation-line-color:#f9a8d4}[data-annotation-guide] pre[data-code-theme=rainbow] .line:nth-child(5n+2){--annotation-line-color:#fdba74}[data-annotation-guide] pre[data-code-theme=rainbow] .line:nth-child(5n+3){--annotation-line-color:#fde68a}[data-annotation-guide] pre[data-code-theme=rainbow] .line:nth-child(5n+4){--annotation-line-color:#86efac}[data-annotation-guide] pre[data-code-theme=rainbow] .line:nth-child(5n){--annotation-line-color:#93c5fd}[data-annotation-guide] pre:is([data-code-theme=terminal],[data-code-theme=rainbow]) button{color:#e5e7eb}@media (width<=760px){[data-annotation-layout] table[data-guide-layout=cards] tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){[data-annotation-layout] table[data-guide-layout=cards] tbody{grid-template-columns:minmax(0,1fr)}}
