html:has(.sd-demo-pill){scroll-padding-top:76px;scroll-padding-bottom:76px}@media (prefers-reduced-motion:reduce){html:has(.sd-demo-pill){scroll-behavior:auto}}.sd-demo-ribbon{z-index:1010;color:#fff;background:#1e1b4b;border-bottom:1px solid #c7d2fe2e;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.875rem;line-height:1.4;position:relative}.sd-demo-ribbon[hidden]{display:none}.sd-demo-skip{z-index:90;color:#1e1b4b;background:#fcd34d;border-radius:999px;padding:.6rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:6px;left:12px;transform:translateY(-160%)}.sd-demo-skip:focus{transform:none}.sd-demo-ribbon__inner{box-sizing:border-box;align-items:center;gap:.5rem .75rem;max-width:1320px;min-height:56px;margin:0 auto;padding:6px clamp(12px,3vw,32px);display:flex}.sd-demo-ribbon__lead{flex:auto;align-items:center;gap:.6rem;min-width:0;margin:0;display:flex}.sd-demo-ribbon__tag{color:#1e1b4b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#fcd34d;border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;line-height:1.3}.sd-demo-ribbon__text{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;display:none;overflow:hidden}.sd-demo-ribbon__brand{color:#fff;font-weight:700;text-decoration:none}.sd-demo-ribbon a:focus-visible,.sd-demo-ribbon button:focus-visible,.sd-demo-ribbon summary:focus-visible,.sd-demo-pill:focus-visible{outline-offset:2px;outline:3px solid #fcd34d}.sd-demo-seg{background:#ffffff0a;border:1px solid #c7d2fe73;border-radius:999px;flex:none;padding:3px;display:inline-flex}.sd-demo-seg a{color:#e0e7ff;white-space:nowrap;border-radius:999px;align-items:center;min-height:36px;padding:0 .85rem;font-weight:600;text-decoration:none;display:inline-flex}.sd-demo-seg a[aria-current=page]{color:#1e1b4b;background:#c7d2fe}.sd-demo-ribbon__short{display:none}.sd-demo-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-demo-ribbon__link{color:#c7d2fe;text-underline-offset:3px;white-space:nowrap;flex:none;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:none}.sd-demo-ribbon__cta{color:#1e1b4b;white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;min-height:40px;padding:0 1rem;font-weight:700;text-decoration:none;display:none}.sd-demo-ribbon__close{color:#c7d2fe;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.sd-demo-about{flex:none;position:relative}.sd-demo-about__summary{color:#e0e7ff;white-space:nowrap;cursor:pointer;border:1px solid #c7d2fe73;border-radius:999px;align-items:center;gap:.45rem;min-height:36px;padding:0 .8rem 0 .45rem;font-weight:600;list-style:none;display:inline-flex}.sd-demo-about__summary::-webkit-details-marker{display:none}.sd-demo-about[open]>.sd-demo-about__summary{color:#1e1b4b;background:#c7d2fe}.sd-demo-about__i{color:#1e1b4b;background:#fcd34d;border-radius:999px;place-items:center;width:22px;height:22px;font:700 .8125rem/1 Georgia,Times New Roman,serif;display:inline-grid}.sd-demo-about__panel{z-index:80;color:#1e1b4b;background:#fff;border-radius:14px;width:min(27rem,100vw - 24px);max-height:min(70vh,34rem);padding:1rem 1.1rem 1.1rem;font-size:.875rem;line-height:1.5;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 18px 48px #0f0c2866,0 0 0 1px #1e1b4b1f}.sd-demo-about__panel>*+*{margin-top:.6rem}.sd-demo-about__panel p{margin-bottom:0}.sd-demo-about__note{background:#fef3c7;border-radius:8px;padding:.5rem .7rem}.sd-demo-about__panel .sd-demo-about__head{letter-spacing:.06em;text-transform:uppercase;color:#4338ca;margin-top:.9rem;font-size:.75rem;font-weight:700}.sd-demo-about__asks,.sd-demo-about__changes{flex-direction:column;gap:.35rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.sd-demo-about__asks q{font-style:italic}.sd-demo-about__jump{color:#1e1b4b;width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-weight:600;display:inline-flex}.sd-demo-about__jump:focus-visible,.sd-demo-about__link:focus-visible{outline-offset:2px;outline:3px solid #4f46e5}.sd-demo-about__mark{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#1e1b4b;border-radius:999px;padding:.1rem .45rem;font-size:.6875rem}.sd-demo-about__panel .sd-demo-about__links{border-top:1px solid #e0e7ff;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.9rem;padding-top:.6rem;display:flex}.sd-demo-about__link{color:#3730a3;text-underline-offset:3px;align-items:center;min-height:40px;font-weight:700;text-decoration:underline;display:inline-flex}@media (min-width:1280px){.sd-demo-ribbon__text{display:block}.sd-demo-ribbon__tag-more{display:none}}@media (max-width:1279.98px){.sd-demo-ribbon__lead{flex:1 0 auto}}@media (min-width:1024px){.sd-demo-ribbon__link,.sd-demo-ribbon__cta{display:inline-flex}}@media (max-width:639.98px){.sd-demo-ribbon{font-size:.8125rem}.sd-demo-ribbon__inner{gap:.4rem}.sd-demo-seg a{padding:0 .6rem}.sd-demo-ribbon__long,.sd-demo-about__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-demo-ribbon__short{display:inline}.sd-demo-about__summary{padding:0 .5rem}.sd-demo-about__panel{width:auto;max-height:calc(100dvh - 88px);position:fixed;top:64px;left:12px;right:12px}}@media (hover:hover){.sd-demo-seg a:not([aria-current=page]):hover,.sd-demo-about:not([open])>.sd-demo-about__summary:hover{background:#c7d2fe24}.sd-demo-ribbon__link:hover{color:#fff}.sd-demo-ribbon__cta:hover{background:#e0e7ff}.sd-demo-ribbon__close:hover{color:#fff;background:#c7d2fe24}.sd-demo-about__jump:hover{background:#e0e7ff}.sd-demo-pill:hover{background:#312e81}}@media (pointer:coarse){.sd-demo-seg a,.sd-demo-about__summary,.sd-demo-ribbon__cta{min-height:44px}.sd-demo-seg{padding:0}.sd-demo-ribbon__close{width:44px;height:44px}}.site-root [data-demo-mark]{outline-offset:-10px;outline:3px dashed #818cf8}.site-root [data-demo-mark]:after{content:attr(data-demo-mark-text);z-index:50;color:#fff;letter-spacing:.02em;pointer-events:none;background:#1e1b4b;border-radius:999px;padding:.3rem .75rem;font:600 .75rem/1.3 Inter,system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;top:16px;right:16px;box-shadow:0 6px 18px #0f0c2859}.site-root [data-demo-flash]{outline-style:solid;outline-color:#fcd34d}.sd-demo-pill{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:1000;color:#fff;background:#1e1b4b;border:1px solid #c7d2fe80;border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:0 .95rem;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 8px 24px #0f0c2859}.sd-demo-pill__dot{background:#fcd34d;border-radius:999px;flex:none;width:8px;height:8px}.sd-demo-pill-room{background:#1e1b4b;align-items:center;min-height:76px;padding:.75rem 124px .75rem clamp(16px,3vw,32px);display:flex}.sd-demo-pill-room__text{color:#c7d2fe;width:100%;max-width:1320px;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8125rem;line-height:1.45}@media (hover:none) and (pointer:coarse){.sd-demo-pill,.sd-demo-toast-region{transition:bottom .4s cubic-bezier(.32,.72,0,1)}body:has(.blk-callbar[data-shown=true]) .sd-demo-pill{bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 4.6rem)}body:has(.blk-callbar[data-shown=true]) .sd-demo-toast-region{bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 8.1rem)}}.sd-demo-toast-region{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom,0px)) + 60px);z-index:1001;pointer-events:none;width:max-content;max-width:min(30rem,100vw - 32px);position:fixed;transform:translate(-50%)}.sd-demo-toast{color:#fff;background:#1e1b4b;border:1px solid #c7d2fe80;border-radius:12px;margin:0;padding:.75rem 1rem;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.875rem;line-height:1.45;box-shadow:0 12px 32px #0f0c2866}@media (prefers-reduced-motion:no-preference){.sd-demo-toast{animation:.22s cubic-bezier(.16,1,.3,1) sd-demo-toast-in}}@keyframes sd-demo-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sd-demo-pill,.sd-demo-toast-region{transition:none}}