.es-frame{position:relative;min-height:380px;padding:64px 32px;background:transparent;border:0;box-shadow:none;overflow:visible;display:grid;place-items:center;--es-acc: hsl(var(--primary))}.es-frame.is-compact{min-height:300px;padding:44px 28px}.es-frame.is-inline{background:transparent;border:0;box-shadow:none;padding:40px 24px;min-height:240px}.es-frame.is-seamless{background:transparent;border:0;box-shadow:none;padding:32px 24px;min-height:0}.es-frame.is-dense{background:transparent;border:0;box-shadow:none;padding:20px 16px;min-height:0;height:100%;overflow:visible}.es-frame.is-dense .es-body{max-width:280px;padding-block:4px}.es-frame.is-dense.has-detail .es-body{max-width:min(100%,360px)}.es-frame.is-dense .es-actions{gap:8px}.es-frame.is-panel{background:transparent;border:0;box-shadow:none;padding:36px 28px;min-height:0;height:100%;overflow:visible}.es-frame.is-panel .es-body{max-width:320px;padding-block:4px}.es-frame.is-panel .es-actions{gap:8px}.es-frame.is-dense .es-halo,.es-frame.is-panel .es-halo{width:44px;height:44px;border-radius:11px;margin-bottom:12px}.es-frame.is-dense .es-halo:before,.es-frame.is-panel .es-halo:before{inset:-7px;border-radius:16px}.es-frame.is-dense .es-title,.es-frame.is-panel .es-title{font-size:17px}.es-frame.is-dense .es-desc,.es-frame.is-panel .es-desc{font-size:12px;line-height:1.45}.es-frame.is-dense .es-kicker,.es-frame.is-panel .es-kicker{margin-bottom:4px}.es-frame.is-dense .es-title+.es-desc,.es-frame.is-panel .es-title+.es-desc{margin-top:3px}.es-frame.is-dense .es-actions button,.es-frame.is-panel .es-actions button{height:28px;padding-inline:10px;padding-block:0;gap:6px;font-size:12px;line-height:1;border-radius:7px}.es-frame.is-dense .es-actions button svg,.es-frame.is-panel .es-actions button svg{width:12px;height:12px}.es-frame.is-dense.is-widget-host{padding:20px 16px}.es-frame.is-dense.is-widget-host .es-body{max-width:260px;padding-block:0}.es-frame.is-dense.is-widget-host .es-halo{width:32px;height:32px;border-radius:8px;margin-bottom:8px}.es-frame.is-dense.is-widget-host .es-halo:before{inset:-5px;border-radius:12px}.es-frame.is-dense.is-widget-host .es-halo svg{width:16px;height:16px}.es-frame.is-dense.is-widget-host .es-title{font:600 14px/1.2 var(--font-sans);letter-spacing:-.015em}.es-frame.is-dense.is-widget-host .es-desc{font-size:11px;line-height:1.4}.es-frame.is-dense.is-widget-host .es-title+.es-desc{margin-top:2px}.es-frame.is-dense.is-widget-host.is-chart-host{padding:12px 16px}.es-frame.is-dense.is-widget-host.is-chart-host .es-halo{margin-bottom:6px}.es-frame:not(.is-inline):not(.is-dense):not(.is-panel):before,.es-frame.is-dense.has-dots:before,.es-frame.is-panel.has-dots:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,hsl(var(--hairline-3)) 1px,transparent 1.4px);background-size:18px 18px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 70% 60% at center,hsl(0 0% 0%) 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at center,hsl(0 0% 0%) 0%,transparent 75%);opacity:.5}.es-frame.is-dense.has-dots:before{opacity:.35}.es-frame.is-panel.has-dots:before{opacity:.4}.es-ghosts{position:absolute;inset:28px 28px auto;height:140px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;opacity:.4;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,hsl(0 0% 0%),transparent 90%);mask-image:linear-gradient(180deg,hsl(0 0% 0%),transparent 90%)}.es-ghosts span{border:1px solid hsl(var(--hairline-2));background:hsl(var(--surface-1));border-radius:12px}.es-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;align-items:center;text-align:center;max-width:430px}.es-halo{position:relative;width:64px;height:64px;margin-bottom:18px;border-radius:14px;background:hsl(var(--card));border:1px solid hsl(var(--hairline-3));color:var(--es-acc);display:grid;place-items:center;box-shadow:0 6px 18px #2c313a12,inset 0 1px #fff}.es-halo:before{content:"";position:absolute;inset:-10px;border-radius:22px;z-index:-1;background:color-mix(in oklab,var(--es-acc) 10%,transparent)}.es-kicker{font:600 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab,var(--es-acc) 72%,hsl(var(--ink-3)));margin-top:0;margin-bottom:6px}.es-title{margin:0;font:500 24px/1.15 var(--font-display);letter-spacing:-.01em;color:hsl(var(--ink-0))}.es-frame.is-inline .es-title{font-size:19px}.es-title+.es-desc{margin-top:6px}.es-desc{margin:0;font:400 13.5px/1.5 var(--font-sans);color:hsl(var(--ink-3));text-wrap:pretty}.es-detail{width:100%;margin-top:14px}.es-frame.is-dense .es-desc+.es-detail,.es-frame.is-panel .es-desc+.es-detail{margin-top:12px}.es-detail-text{margin:0;max-height:6rem;overflow-y:auto;padding:10px 12px;border:1px solid hsl(var(--border) / .6);border-radius:var(--radius-md);background:hsl(var(--muted) / .4);font:400 11px/1.45 var(--font-mono);color:hsl(var(--ink-3));text-align:left;white-space:pre-wrap;word-break:break-word}.es-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.es-desc+.es-actions{margin-top:16px}.es-title+.es-actions{margin-top:14px}.es-frame.is-dense .es-desc+.es-actions,.es-frame.is-panel .es-desc+.es-actions{margin-top:14px}.es-detail+.es-actions{margin-top:14px}.es-frame.is-dense .es-detail+.es-actions,.es-frame.is-panel .es-detail+.es-actions{margin-top:12px}.es-frame.is-dense .es-title+.es-actions,.es-frame.is-panel .es-title+.es-actions{margin-top:12px}.es-frame.acc-red{--es-acc: hsl(var(--destructive))}.es-frame.acc-amber{--es-acc: hsl(var(--mod-amber))}.es-frame.acc-emerald{--es-acc: hsl(var(--mod-emerald))}.es-frame.acc-indigo{--es-acc: hsl(var(--mod-indigo))}.es-frame.acc-sky{--es-acc: hsl(var(--mod-sky))}.es-frame.acc-neutral{--es-acc: hsl(var(--ink-4))}