:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-astro-cid-b3l6xuj5]{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#e8e8ee;color:#242335}button[data-astro-cid-b3l6xuj5],a[data-astro-cid-b3l6xuj5]{font:inherit;-webkit-tap-highlight-color:transparent}.demo-bar[data-astro-cid-b3l6xuj5]{position:relative;z-index:10;height:72px;padding:0 18px 0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:#fbfafff5;border-top:3px solid #6d5ce7;border-bottom:1px solid #ddd9eb;box-shadow:0 8px 24px #302a5714;backdrop-filter:blur(16px)}.brand-group[data-astro-cid-b3l6xuj5]{min-width:0;display:flex;align-items:center;gap:12px}.brand[data-astro-cid-b3l6xuj5]{width:fit-content;display:inline-flex;align-items:center;gap:9px;color:#222031;text-decoration:none;font-size:14px;font-weight:850;letter-spacing:-.025em}.brand[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:34px;height:34px}.theme-context[data-astro-cid-b3l6xuj5]{min-width:0;padding-left:12px;display:flex;align-items:center;gap:6px;color:#8a8497;border-left:1px solid #ddd9e8;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-context[data-astro-cid-b3l6xuj5] strong[data-astro-cid-b3l6xuj5]{color:#6f697d;font-weight:750}.theme-context[data-astro-cid-b3l6xuj5] .context-cat[data-astro-cid-b3l6xuj5]{color:inherit;text-decoration:none;border-radius:4px;transition:color .12s ease}.theme-context[data-astro-cid-b3l6xuj5] .context-cat[data-astro-cid-b3l6xuj5]:hover{color:#5144c5;text-decoration:underline}.preview-controls[data-astro-cid-b3l6xuj5]{display:flex;align-items:center;gap:8px}.surface-tabs[data-astro-cid-b3l6xuj5]{padding:4px;display:inline-flex;align-items:center;gap:3px;border:1px solid #dfdced;border-radius:12px;background:#f1eff9}.surface-tab[data-astro-cid-b3l6xuj5]{min-width:40px;height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#777184;border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:750;cursor:pointer}.surface-tab[data-astro-cid-b3l6xuj5]:hover{color:#5f56bb;background:#e9e5f7}.surface-tab[data-astro-cid-b3l6xuj5].active{color:#5144c5;background:#fff;box-shadow:0 2px 8px #473a8f1f}.surface-tab[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.devices[data-astro-cid-b3l6xuj5]{padding:4px;display:inline-flex;align-items:center;gap:3px;border:1px solid #dfdced;border-radius:12px;background:#f1eff9}.device[data-astro-cid-b3l6xuj5]{width:42px;height:38px;padding:0;display:grid;place-items:center;color:#858095;border:0;border-radius:8px;background:transparent;cursor:pointer}.device[data-astro-cid-b3l6xuj5]:hover{color:#5f56bb;background:#e9e5f7}.device[data-astro-cid-b3l6xuj5].active{color:#5e51d8;background:#fff;box-shadow:0 2px 8px #473a8f1f}.device[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bar-actions[data-astro-cid-b3l6xuj5]{position:relative;justify-self:end;display:flex;align-items:center;gap:8px}.use-theme[data-astro-cid-b3l6xuj5]{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:#fff;border:1px solid #6252dc;border-radius:10px;background:#6d5ce7;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px #4f46e52e}.use-theme[data-astro-cid-b3l6xuj5]:hover,.use-theme[data-astro-cid-b3l6xuj5][aria-expanded=true]{background:#5e4fd5}.use-theme[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.use-theme[data-astro-cid-b3l6xuj5] .chevron[data-astro-cid-b3l6xuj5]{transition:transform .14s ease}.use-theme[data-astro-cid-b3l6xuj5][aria-expanded=true] .chevron[data-astro-cid-b3l6xuj5]{transform:rotate(180deg)}.use-menu[data-astro-cid-b3l6xuj5]{position:absolute;z-index:20;top:calc(100% + 8px);right:88px;width:240px;padding:7px;display:none;border:1px solid #ddd9e8;border-radius:12px;background:#fff;box-shadow:0 18px 45px #302a572e}.use-menu[data-astro-cid-b3l6xuj5].open{display:block;animation:menu-in .13s ease-out}.menu-label[data-astro-cid-b3l6xuj5]{padding:7px 9px 5px;color:#928ca0;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.menu-action[data-astro-cid-b3l6xuj5]{width:100%;min-height:38px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#4b465a;border:0;border-radius:8px;background:transparent;text-decoration:none;font-size:12px;font-weight:650;cursor:pointer}.menu-action[data-astro-cid-b3l6xuj5]:hover{color:#5144c5;background:#f3f1fb}.menu-action[data-astro-cid-b3l6xuj5].copy-bundle{margin-bottom:4px;color:#5144c5;background:#f3f1fb;font-weight:800}.menu-action[data-astro-cid-b3l6xuj5].copy-bundle:hover{color:#fff;background:#6d5ce7}.menu-action[data-astro-cid-b3l6xuj5].bundle{color:#5144c5;background:#f3f1fb;font-weight:800}.menu-action[data-astro-cid-b3l6xuj5].bundle:hover{color:#fff;background:#6d5ce7}.menu-action[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-separator[data-astro-cid-b3l6xuj5]{height:1px;margin:6px 4px;background:#ebe8f1}.bar-icon[data-astro-cid-b3l6xuj5]{width:40px;height:40px;padding:0;display:grid;place-items:center;color:#8a8497;border:0;border-radius:9px;background:transparent;text-decoration:none;cursor:pointer}.bar-icon[data-astro-cid-b3l6xuj5]:hover{color:#5144c5;background:#eeebf8}.bar-icon[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stage[data-astro-cid-b3l6xuj5]{height:calc(100vh - 72px);display:flex;justify-content:center;overflow:hidden;background:#e4e3ea}.preview-frame[data-astro-cid-b3l6xuj5]{width:100%;height:100%;border:0;background:#fff;transition:width .22s ease,box-shadow .22s ease}.stage[data-astro-cid-b3l6xuj5].mobile{padding:18px 0}.stage[data-astro-cid-b3l6xuj5].mobile .preview-frame[data-astro-cid-b3l6xuj5]{width:390px;height:calc(100% - 36px);border-radius:12px;box-shadow:0 0 0 1px #3f3a551f,0 20px 60px #3f3a552e}.toast[data-astro-cid-b3l6xuj5]{position:fixed;z-index:50;left:50%;bottom:22px;padding:10px 13px;color:#fff;border-radius:9px;background:#282438;box-shadow:0 12px 35px #1f1b3140;font-size:12px;font-weight:700;transform:translate(-50%,90px);transition:transform .17s ease}.toast[data-astro-cid-b3l6xuj5].visible{transform:translate(-50%)}.show-bar[data-astro-cid-b3l6xuj5]{position:fixed;z-index:40;top:10px;right:12px;min-height:38px;padding:0 12px;display:none;align-items:center;gap:7px;color:#5144c5;border:1px solid #d8d3eb;border-radius:10px;background:#fffffff0;box-shadow:0 8px 24px #302a5726;font-size:11px;font-weight:800;cursor:pointer;backdrop-filter:blur(12px)}.show-bar[data-astro-cid-b3l6xuj5]:hover{background:#f3f1fb}.show-bar[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body.bar-hidden .demo-bar[data-astro-cid-b3l6xuj5]{display:none}body.bar-hidden .stage[data-astro-cid-b3l6xuj5]{height:100vh}body.bar-hidden .show-bar[data-astro-cid-b3l6xuj5]{display:inline-flex}.sr-only[data-astro-cid-b3l6xuj5]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible[data-astro-cid-b3l6xuj5]{outline:3px solid rgb(109 92 231 / 35%);outline-offset:3px}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.theme-context[data-astro-cid-b3l6xuj5]{display:none}}@media (max-width: 760px){.demo-bar[data-astro-cid-b3l6xuj5]{height:64px;padding:0 8px 0 12px;grid-template-columns:1fr auto auto;gap:5px}.brand[data-astro-cid-b3l6xuj5] span[data-astro-cid-b3l6xuj5],.theme-context[data-astro-cid-b3l6xuj5]{display:none}.brand[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:31px;height:31px}.devices[data-astro-cid-b3l6xuj5],.surface-tabs[data-astro-cid-b3l6xuj5]{padding:3px}.surface-tab[data-astro-cid-b3l6xuj5]{width:36px;min-width:36px;height:34px;padding:0}.surface-label[data-astro-cid-b3l6xuj5]{display:none}.device[data-astro-cid-b3l6xuj5]{width:36px;height:34px}.device[data-astro-cid-b3l6xuj5] svg[data-astro-cid-b3l6xuj5]{width:20px;height:20px}.use-theme[data-astro-cid-b3l6xuj5]{min-height:36px;padding:0 10px}.use-theme[data-astro-cid-b3l6xuj5] .button-label[data-astro-cid-b3l6xuj5]{display:none}.use-menu[data-astro-cid-b3l6xuj5]{right:76px}.bar-icon[data-astro-cid-b3l6xuj5]{width:36px;height:36px}.stage[data-astro-cid-b3l6xuj5]{height:calc(100vh - 64px)}body.bar-hidden .stage[data-astro-cid-b3l6xuj5]{height:100vh}}@media (prefers-reduced-motion: reduce){.preview-frame[data-astro-cid-b3l6xuj5],.toast[data-astro-cid-b3l6xuj5],.use-theme[data-astro-cid-b3l6xuj5] .chevron[data-astro-cid-b3l6xuj5]{transition:none}}