.es{--es-line:var(--color-mist);--es-surface:var(--color-paper);--es-title:var(--color-ink);--es-text:var(--color-ash);--es-accent:var(--color-accent);text-align:center;border:1px dashed var(--es-line);background:var(--es-surface);border-radius:12px;justify-items:center;gap:8px;display:grid}.es-inline{padding:var(--spacing-xl) var(--spacing-md)}.es-page{padding:var(--spacing-3xl) var(--spacing-md)}.es-art{color:var(--es-line);margin-bottom:4px}.es-title{font-family:var(--font-display);color:var(--es-title);margin:0;font-size:.9375rem;font-weight:600}.es-desc{max-width:46ch;color:var(--es-text);margin:0;font-size:.875rem;line-height:1.6}.es-action{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.es-frame,.es-detail{color:var(--es-line)}.es-mark{color:var(--es-accent);fill:currentColor;stroke:none}@media (prefers-reduced-motion:no-preference){.es-art{animation:.26s ease-out both es-fade}.es-frame,.es-detail{stroke-dasharray:200;stroke-dashoffset:200px;animation:.72s ease-out forwards es-draw}.es-detail{animation-delay:.26s}.es-mark{transform-origin:50%;transform-box:fill-box;animation:.42s cubic-bezier(.34,1.56,.64,1) .64s both es-pop}}@keyframes es-draw{to{stroke-dashoffset:0}}@keyframes es-fade{0%{opacity:0}to{opacity:1}}@keyframes es-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}