html:has([data-ikp]){background:#05060f}html:has([data-ikp]) body{background:#05060f}@media (pointer:fine){html:has([data-ikp]){overscroll-behavior:none}html:has([data-ikp]) body{overscroll-behavior:none}}[data-ikp] [data-inspectkit]{--ik-bg:#080a14f0;--ik-border:#bad6f71f;--ik-tick:#bad6f738;--ik-tick-text:#c7d3ea73;--ik-field:#bad6f70f}[data-ikp]:before{content:"";z-index:-1;background:radial-gradient(64% 100% at 50% 0, rgb(var(--ikp-tint) / .0455) 0%, rgb(var(--ikp-tint) / .0398) 10%, rgb(var(--ikp-tint) / .032) 20%, rgb(var(--ikp-tint) / .024) 30%, rgb(var(--ikp-tint) / .0168) 40%, rgb(var(--ikp-tint) / .0107) 50%, rgb(var(--ikp-tint) / .006) 60%, rgb(var(--ikp-tint) / .0029) 70%, rgb(var(--ikp-tint) / .001) 80%, rgb(var(--ikp-tint) / .0003) 90%, rgb(var(--ikp-tint) / 0) 100%);pointer-events:none;height:720px;position:absolute;inset:0 0 auto}[data-ikp]{isolation:isolate;--ikp-tint:186 214 247;--ikp-dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .73 0 0 0 0 .84 0 0 0 0 .97 0 0 0 .015 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ikp-bg:#05060f;--ikp-panel:#10121d;--ikp-raised:#1b1f2b;--ikp-text:#c8d4eac7;--ikp-title:#fff;--ikp-muted:#c7d3eaa3;--ikp-faint:rgb(var(--ikp-tint) / .32);--ikp-border:rgb(var(--ikp-tint) / .12);--ikp-surface:var(--ikp-panel);--ikp-pink:#f5a3ea;--ikp-accent:#f24822;--ikp-blue:#0d99ff;--ikp-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ikp-edge:48px;min-height:100svh;padding:var(--ikp-edge) var(--ikp-edge) 0;background:var(--ikp-dither), linear-gradient(to bottom, var(--ikp-bg), #020308);color:var(--ikp-text);flex-direction:column;font-size:14px;line-height:24px;display:flex;position:relative;overflow:clip}[data-ikp] ::selection{background:rgb(var(--ikp-tint) / .3);color:var(--ikp-title)}[data-ikp] :focus-visible{outline:2px solid var(--ikp-blue);outline-offset:2px}[data-ikp] a{color:inherit;text-decoration:none;transition:color .15s}.ikp-header{justify-content:space-between;align-items:center;display:flex}.ikp-brand{color:var(--ikp-title);align-items:center;gap:8px;font-weight:500;display:flex}.ikp-mark{width:24px;height:24px}.ikp-links{color:var(--ikp-muted);letter-spacing:.08em;text-transform:uppercase;gap:24px;font-size:11px;font-weight:600;display:flex}.ikp-links a{align-items:center;gap:8px;min-height:24px;display:flex}.ikp-links svg{width:14px;height:14px}.ikp-main{--ikp-page:calc(100% + 2 * var(--ikp-edge));width:calc(var(--ikp-page) / 2 - 12px);flex:1;margin:0 auto}.ikp-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:96px;display:flex}.ikp-hero h1{color:var(--ikp-title);letter-spacing:-.03em;text-wrap:balance;font-size:48px;font-weight:500;line-height:56px}.ikp-lede{text-wrap:pretty;max-width:440px;font-size:16px;line-height:24px}.ikp-install{background:var(--ikp-surface);box-shadow:inset 0 0 0 1px var(--ikp-border);font-family:var(--ikp-mono);color:var(--ikp-title);border-radius:16px;align-items:center;gap:16px;margin-top:24px;padding:8px 8px 8px 16px;font-size:13px;display:flex}.ikp-copy{background:var(--ikp-surface);height:32px;box-shadow:inset 0 0 0 1px var(--ikp-border);color:var(--ikp-muted);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-family:Open Runde,system-ui,sans-serif;font-size:13px;transition:color .15s,background-color .15s,scale .15s ease-out}.ikp-copy-icon{place-items:center;width:32px;padding:0;display:grid;position:relative}.ikp-copy-icon svg{width:16px;height:16px;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1);position:absolute}.ikp-copy-icon svg[data-hidden]{opacity:0;filter:blur(4px);scale:.25}.ikp-copy:active,.ikp-control:active{scale:.96}.ikp-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:64px;display:grid}.ikp-control{background:var(--ikp-surface);box-shadow:inset 0 0 0 1px var(--ikp-border);color:var(--ikp-muted);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:16px;transition:background-color .15s,box-shadow .15s,color .15s,transform .15s ease-out,scale .15s ease-out;display:flex}.ikp-control[aria-pressed=true]{color:var(--ikp-title);background:#0d99ff1a;box-shadow:inset 0 0 0 1px #0d99ff66}.ikp-control{position:relative}.ikp-control[aria-pressed=true]:after{content:"";background:var(--ikp-blue);border-radius:50%;width:8px;height:8px;position:absolute;top:24px;right:16px}.ikp-control[data-held]{transform:translateY(1px)}.ikp-keys{align-items:center;gap:4px;display:flex}.ikp-key-hint{color:var(--ikp-muted);margin-right:4px;font-size:12px}.ikp-key{background:rgb(var(--ikp-tint) / .1);min-width:24px;height:24px;box-shadow:inset 0 -1px 0 #0006, inset 0 0 0 1px var(--ikp-border);color:var(--ikp-title);border-radius:8px;place-items:center;padding:0 4px;font-family:inherit;font-size:12px;line-height:1;transition:background-color .15s,color .15s,box-shadow .15s,transform .1s ease-out;display:grid}.ikp-key[data-down]{background:var(--ikp-title);box-shadow:inset 0 0 0 1px var(--ikp-border);color:var(--ikp-bg);transform:translateY(1px)}.ikp-control-label{font-weight:500}.ikp-touch-note{color:var(--ikp-muted);text-align:center;margin-top:16px;display:none}[data-ikp]:after{content:"";z-index:-1;background:repeating-linear-gradient(to bottom, rgb(var(--ikp-tint) / .06) 0 4px, transparent 4px 8px) left top / 1px 100% no-repeat, repeating-linear-gradient(to bottom, rgb(var(--ikp-tint) / .06) 0 4px, transparent 4px 8px) right top / 1px 100% no-repeat;pointer-events:none;width:calc(50% - 12px);position:absolute;inset:0 auto 0 calc(25% + 6px)}.ikp-hero h1,.ikp-lede,.ikp-controls,.ikp-code-wrap{position:relative}.ikp-hero h1:before,.ikp-hero h1:after,.ikp-lede:before,.ikp-lede:after,.ikp-controls:before,.ikp-controls:after,.ikp-code-wrap:before,.ikp-code-wrap:after{content:"";z-index:-1;background:repeating-linear-gradient(to right, rgb(var(--ikp-tint) / .1) 0 4px, transparent 4px 8px);pointer-events:none;width:100vw;height:1px;position:absolute;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 50%,#0000)}.ikp-hero h1:before,.ikp-lede:before,.ikp-controls:before,.ikp-code-wrap:before{top:0}.ikp-hero h1:after,.ikp-lede:after,.ikp-controls:after,.ikp-code-wrap:after{bottom:0}.ikp-setup{flex-direction:column;gap:16px;margin-top:80px;padding-bottom:128px;display:flex}.ikp-section-header{justify-content:space-between;align-items:center;display:flex}.ikp-section-header h2{color:var(--ikp-title);font-size:14px;font-weight:500}.ikp-code{background:var(--ikp-panel);box-shadow:inset 0 0 0 1px var(--ikp-border);font-family:var(--ikp-mono);color:var(--ikp-title);border-radius:8px;padding:8px 0;font-size:13px;line-height:24px;overflow-x:auto}.ikp-line{grid-template-columns:40px 1fr;display:grid}.ikp-line-number{border-right:1px solid var(--ikp-border);color:var(--ikp-muted);text-align:right;-webkit-user-select:none;user-select:none;padding-right:8px}.ikp-line-text{white-space:pre;padding:0 16px}.ikp-t-keyword,.ikp-t-string{color:var(--ikp-pink)}.ikp-t-tag,.ikp-t-punctuation{color:var(--ikp-muted)}.ikp-t-component{color:var(--ikp-title)}@media (hover:hover) and (pointer:fine){[data-ikp] a:hover{color:var(--ikp-title)}.ikp-copy:hover{color:var(--ikp-title);background:rgb(var(--ikp-tint) / .1)}.ikp-control:hover{color:var(--ikp-text)}}.ikp-note{color:var(--ikp-muted);text-align:center;margin-top:16px;display:grid}.ikp-note>span{white-space:nowrap;opacity:0;filter:blur(2px);grid-area:1/1;transition:opacity .25s cubic-bezier(.2,0,0,1),filter .25s cubic-bezier(.2,0,0,1)}.ikp-note>span[data-active]{opacity:1;filter:none}@keyframes ikp-rise{0%{opacity:0;translate:0 8px}}.ikp-hero>*{animation:.4s cubic-bezier(.23,1,.32,1) both ikp-rise}.ikp-lede{animation-delay:.1s}.ikp-install{animation-delay:.2s}.ikp-control{animation:.4s cubic-bezier(.23,1,.32,1) both ikp-rise;animation-delay:calc(.25s + var(--ikp-i,0) * 50ms)}.ikp-control:nth-child(2){--ikp-i:1}.ikp-control:nth-child(3){--ikp-i:2}.ikp-control:nth-child(4){--ikp-i:3}.ikp-note{animation:.4s cubic-bezier(.23,1,.32,1) .45s both ikp-rise}.ikp-setup .ikp-section-header{animation:.4s cubic-bezier(.23,1,.32,1) .5s both ikp-rise}.ikp-code-wrap{animation:.4s cubic-bezier(.23,1,.32,1) .55s both ikp-rise}[data-ikp][data-wait] *,[data-ikp][data-wait] :before,[data-ikp][data-wait] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){[data-ikp] *{transition:none!important;animation:none!important}}@media (width<=720px){[data-ikp]{--ikp-edge:32px}.ikp-hero{padding-top:64px}.ikp-hero h1{font-size:32px;line-height:40px}.ikp-main{width:100%}[data-ikp]:after{left:var(--ikp-edge);width:calc(100% - 2 * var(--ikp-edge))}.ikp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.ikp-touch-note{display:block}.ikp-note{display:none}}