:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#f8fafc;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}.showcase-host-shell{background:linear-gradient(#0f172aeb,#09090b),#09090b;grid-template-rows:auto minmax(0,1fr);min-height:100vh;display:grid}.showcase-host-shell[data-embed=true]{grid-template-rows:minmax(0,1fr)}.showcase-host-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090be6;border-bottom:1px solid #94a3b83d;grid-template-columns:auto minmax(0,1fr) minmax(14rem,22rem) auto;align-items:center;gap:1rem;padding:.875rem 1rem;display:grid}.showcase-host-brand,.showcase-host-link{color:inherit;text-decoration:none}.showcase-host-brand{text-indent:-999px;border:1px solid #94a3b85c;border-radius:.5rem;place-items:center;width:2.25rem;height:2.25rem;display:inline-grid;position:relative;overflow:hidden}.showcase-host-brand:before{content:"D";text-indent:0;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.showcase-host-header h1{margin:0;font-size:1rem;line-height:1.2}.showcase-host-switcher{justify-self:center;gap:.25rem;width:min(100%,22rem);display:grid}.showcase-host-switcher span{color:#e2e8f094;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1}.showcase-host-switcher select{color:#f8fafcf0;width:100%;min-height:2.25rem;font:inherit;appearance:none;background:linear-gradient(45deg,#0000 50%,#f8fafcdb 50%) calc(100% - 1rem)/.38rem .38rem no-repeat,linear-gradient(135deg,#06b6d42e,#6366f11a),#0f172ae6;border:1px solid #94a3b857;border-radius:.5rem;outline:none;padding:0 2.35rem 0 .875rem;font-size:.875rem;box-shadow:inset 0 1px #ffffff0d}.showcase-host-switcher select:focus-visible{border-color:#22d3eedb;box-shadow:0 0 0 3px #22d3ee24,inset 0 1px #ffffff0d}.showcase-host-switcher option{color:#f8fafc;background:#0f172a}.showcase-host-eyebrow{color:#e2e8f0a3;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .125rem;font-size:.68rem;font-weight:700}.showcase-host-link{color:#f8fafceb;border:1px solid #94a3b85c;border-radius:.5rem;align-items:center;min-height:2.25rem;padding:0 .875rem;font-size:.875rem;display:inline-flex}.showcase-host-frame{background:#fff;border:0;width:100%;min-width:0;height:100%;min-height:0}.showcase-host-panel,.showcase-host-error{background:#0f172ad1;border:1px solid #94a3b84d;border-radius:.75rem;width:min(42rem,100vw - 2rem);margin:15vh auto;padding:1.5rem}.showcase-host-panel h1{margin:0 0 .5rem}.showcase-host-panel p,.showcase-host-error p{color:#e2e8f0c7}.showcase-host-error pre{color:#f8fafcc7;overflow:auto}@media (width<=720px){.showcase-host-header{grid-template-columns:auto minmax(0,1fr)}.showcase-host-switcher{grid-column:1/-1;justify-self:stretch;width:100%}.showcase-host-link{display:none}}