.show{border:1px dashed var(--line2);border-radius:var(--r-lg);background:var(--card);--ease:cubic-bezier(.2,.7,.2,1);margin:1.25rem 0;padding:.875rem 1rem 1rem;container:show/inline-size}.show[data-solid]{border-style:solid;border-color:var(--line)}.show-head{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.125rem;margin-bottom:.625rem;display:flex}.show-label{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.show-ctl{flex:none;gap:.375rem;display:flex}.show-ctl .btn{min-width:4.75rem}.show-note{font-size:var(--fs-xs);color:var(--mut);max-width:80ch;margin:.875rem 0 0;line-height:1.5}.show-note code{font-size:inherit}.sx{animation:var(--fx,show-rise) var(--for,.5s) var(--ease) calc(var(--at,0) * 1s) both}.sx[data-fx=fade],.sx[data-fx=in]{--fx:show-fade}.sx[data-fx=pop]{--fx:show-pop}.sx[data-fx=draw]{--fx:show-draw;stroke-dasharray:1;--for:.7s}.sx[data-fx=wipe]{--fx:show-wipe;--for:.7s}.sx[data-fx=out]{--fx:show-out;--for:.3s}.show[data-state=paused] .sx,.show[data-state=ready] .sx{animation-play-state:paused}.show[data-state=static] .sx{animation:none}.show[data-state=static] .sx[data-fx=out]{opacity:0}@media (prefers-reduced-motion:reduce){.sx{animation:none!important}.sx[data-fx=out]{opacity:0}}@keyframes show-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes show-fade{0%{opacity:0}to{opacity:1}}@keyframes show-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes show-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes show-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes show-out{0%{opacity:1}to{opacity:0}}.sw{display:inline-grid}.sw>*{grid-area:1/1}