@import "https://stuff.charm.land/fonts/charmform/charmform.css";@font-face{font-family:Fraktion Mono Web;src:url(/docs/assets/PPFraktionMono-Variable-C3L2ES9z.ttf)format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Fraktion Mono Web;src:url(/docs/assets/PPFraktionMonoItalic-Variable-4vKjl26k.ttf)format("truetype-variations");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Fraktion Sans Web;src:url(/docs/assets/PPFraktionSans-Variable-D94m2e60.ttf)format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Fraktion Sans Web;src:url(/docs/assets/PPFraktionSansItalic-Variable-jaHC66nf.ttf)format("truetype-variations");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Hypography Web;src:url(/docs/assets/Hypography-Regular-LvGns8Gl.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hypography Web;src:url(/docs/assets/Hypography-Italic-C-Eb4N6v.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@layer reset{html{font-size:100%}body,form,fieldset,legend,p,h1,h2,h3,h4,h5,h6,ol,ul,dl,dt,dd,pre,blockquote,th,td,address,input,textarea,figure,figcaption{text-align:left;margin:0;padding:0;font-style:normal;font-weight:400}ol,ul{list-style-type:none}img,fieldset{border-width:0}table{border-collapse:collapse}hr{display:none}sup{vertical-align:top}input[type=text],input[type=password],input[type=email],textarea{-webkit-appearance:none;border-radius:0}input[type=checkbox],input[type=radio]{cursor:pointer}input[type=text],input[type=password],input[type=email],input[type=submit],textarea{border-width:0}input:focus,textarea:focus{outline:none}button,input[type=submit]{border:none}body{-webkit-tap-highlight-color:#0000}:focus{-moz-outline-style:none;outline:0}*,:before,:after{box-sizing:border-box}}html{overscroll-behavior:none;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2d2c36;--fg:#d6d3dc;--muted:#a2a0ad;--tertiary:#858392;--frame:#4d4c57;--well:#201f26;--plate:var(--well);--rule:#a2a0ad1f;--wash:#f7f6fb0a;--stripe:#282730;--ok:#00ffb2;--warn:#ff985a;--danger:#ff577d;--ring:#6b50ff;--primary:#6b50ff;--link:#ab9cfe}:root[data-theme=dark]{--bg:#2d2c36;--well:#201f26;--stripe:#282730}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6fb;--fg:#4d4c57;--muted:#605f6b;--tertiary:#858392;--frame:#d6d3dc;--well:#e1dfe6;--plate:#ecebf0;--rule:#605f6b33;--wash:#4d4c570d;--stripe:#f0eff4;--ok:#12c78f;--warn:#fd5f00;--danger:#ff388b;--primary:#6b50ff;--link:#6b50ff}html,body{height:100%;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Charmform Web,system-ui,-apple-system,sans-serif;font-weight:500}::selection{color:#3a3943;background:#e8fe96}input,textarea{font-weight:inherit;caret-color:#ff60ff}*{scrollbar-width:thin;scrollbar-color:#6b50ff var(--well)}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background:var(--well);border-radius:9999px}::-webkit-scrollbar-thumb{border:1px solid var(--bg);background:linear-gradient(90deg,#6b50ff,#ff60ff);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8b75ff,#d46eff)}::-webkit-scrollbar-corner{background:var(--well)}@supports (corner-shape:squircle){.layout,.shell,.home-landing{--squircle-scale:2}.layout *,.shell *,.home-landing *{corner-shape:squircle}.layout .loader,.layout .switch,.layout .badge,.layout .toast-count,.layout .search-box .clear,.layout .dropdown .search .clear,.layout .nav-close,.layout .close,.layout .burger-close,.shell .loader,.shell .switch,.shell .badge,.shell .toast-count,.shell .search-box .clear,.shell .dropdown .search .clear,.shell .nav-close,.shell .close,.shell .burger-close,.home-landing .loader,.home-landing .switch,.home-landing .badge,.home-landing .toast-count,.home-landing .search-box .clear,.home-landing .dropdown .search .clear,.home-landing .nav-close,.home-landing .close,.home-landing .burger-close{corner-shape:round;--squircle-scale:1}}.muted{color:var(--muted);font-size:.875rem}.section-label{margin:0;font-size:1rem;font-weight:650}.hint{color:var(--muted);margin:0;font-size:.8125rem}button{-webkit-user-select:none;user-select:none;border-radius:calc(.75rem * var(--squircle-scale,1));cursor:pointer;border:2px solid #0000;gap:.4rem;padding:.6rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:620;transition:background .125s,color .125s,border-color .125s,transform .26s cubic-bezier(.34,1.56,.64,1)}button.primary,button.secondary,button.ghost,button.danger{padding-block:0;padding-inline:1.5rem;justify-content:center;align-items:center;height:2.75rem;padding-top:.2rem;line-height:1.2;text-decoration:none;display:inline-flex}button.compact{height:2.25rem;padding-block:0;padding-inline:.9rem;font-size:.875rem}button.xs{height:1.75rem;padding-block:0;padding-inline:.5rem;font-size:.75rem}button.wide{width:100%}button.primary{color:#f7f6fb;background:#6b50ff;border-color:#0000}button.primary:hover{background:#4a30d9}button.secondary{color:var(--fg);border-color:var(--frame);background:0 0}button.secondary:hover{color:#ff84ff;border-color:#ff84ff}:root[data-theme=light] button.secondary:hover{color:#6b50ff;border-color:#6b50ff}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{color:#201f26;background:#00ffb2}button.danger{color:#ab2454;background:0 0;border-color:#0000}button.danger:hover{color:#f7f6fb;background:#ab2454}button.danger.solid{color:#f7f6fb;background:#ab2454;border-color:#0000}button.danger.solid:hover{color:#f7f6fb;background:#891d43}button.primary,button.secondary,button.danger.solid{transition:background .125s,color .125s,border-color .125s,box-shadow .125s}button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}button.primary:focus-visible,button.ghost:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);border-color:#0000;outline:none}button.danger:focus-visible,button.danger.solid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent);border-color:#0000;outline:none}button:is(.primary,.secondary,.ghost,.danger):active:not(:disabled),a:is(.primary,.secondary,.ghost,.danger):active:not([aria-disabled=true]){transform:scale(.96)}button.purchase:hover{background:#6b50ff}button.purchase .labels{grid-template-areas:"label";display:inline-grid}button.purchase .labels span{grid-area:label;transition:opacity .125s}button.purchase .labels span:last-child{opacity:0;visibility:hidden}button.purchase.armed{color:#201f26;background:#00ffb2}button.purchase.armed:hover{background:#00ffb2}button.purchase.armed .labels span:first-child{opacity:0;visibility:hidden}button.purchase.armed .labels span:last-child{opacity:1;visibility:visible}button:disabled,a[aria-disabled=true]{opacity:.5;cursor:not-allowed}a.primary,a.secondary,a.ghost,a.danger,a.danger.solid{padding-block:0;padding-inline:1.5rem;border-radius:calc(.75rem * var(--squircle-scale,1));cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;height:2.75rem;padding-top:.2rem;font-size:1rem;font-weight:620;line-height:1.2;text-decoration:none;display:inline-flex}a.primary{color:#f7f6fb;background:#6b50ff}a.primary:hover{background:#4a30d9}a.secondary{-webkit-user-select:none;user-select:none;color:var(--fg);border-style:solid;border-width:2px;border-color:var(--frame);background:0 0;font-family:inherit}a.secondary:hover{color:#ff84ff;border-color:#ff84ff}:root[data-theme=light] a.secondary:hover{color:#6b50ff;border-color:#6b50ff}a.ghost{color:var(--muted);background:0 0}a.ghost:hover{color:#201f26;background:#00ffb2}a.danger{color:#ab2454;background:0 0}a.danger:hover{color:#f7f6fb;background:#ab2454}a.danger.solid{color:#f7f6fb;background:#ab2454;border-color:#0000}a.danger.solid:hover{color:#f7f6fb;background:#891d43}a.compact{height:2.25rem;padding-block:0;padding-inline:.9rem;font-size:.875rem}a.xs{height:1.75rem;padding-block:0;padding-inline:.5rem;font-size:.75rem}a.wide{width:100%}a.primary:focus-visible,a.secondary:focus-visible,a.ghost:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);border-color:#0000;outline:none}a.danger:focus-visible,a.danger.solid:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent);border-color:#0000;outline:none}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],textarea{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);color:var(--fg);font:inherit;border:2px solid #0000;transition:border-color .125s,box-shadow .125s}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url]{height:2.75rem;padding:0 .75rem}textarea{resize:vertical;padding:.5rem .75rem;line-height:1.4}input::placeholder,textarea::placeholder{color:var(--tertiary)}input.compact{height:2.25rem;padding-inline:.65rem;font-size:.875rem}:is(input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],textarea):disabled{opacity:.5;cursor:not-allowed}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus-visible,textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent);border-color:#0000;border-color:var(--danger);outline:none}input[type=text]:focus-visible,input[type=search]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,input[type=date]:focus-visible,input[type=url]:focus-visible,textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}input.code{letter-spacing:.08em;font-family:JetBrains Mono Variable,ui-monospace,monospace}input.switch{appearance:none;background:var(--well);cursor:pointer;vertical-align:middle;border:2px solid #0000;border-radius:9999px;width:2.75rem;min-width:2.75rem;height:1.5rem;margin:0;padding:0;transition:background-color .15s;display:inline-block;position:relative}input.switch:after{content:"";background:#f7f6fb;border-radius:9999px;width:1.25rem;height:1.25rem;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 .125rem .375rem #00000040}input.switch:checked{background:#6b50ff}input.switch:checked:after{transform:translate(1.25rem);box-shadow:0 0 0 1px #201f262e,0 .125rem .375rem #00000040}input.switch:disabled{cursor:not-allowed;opacity:.5}input.switch:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}.number-box{position:relative}.number-box input{appearance:textfield;width:100%;padding-right:2rem}.number-box input::-webkit-outer-spin-button{appearance:none;margin:0}.number-box input::-webkit-inner-spin-button{appearance:none;margin:0}.number-box:focus-within .steppers svg{fill:var(--fg)}.steppers{flex-direction:column;display:flex;position:absolute;top:50%;right:.55rem;translate:0 -50%}.steppers button{cursor:pointer;background:0 0;border:none;padding:.15rem;line-height:0;display:flex}.steppers button svg{width:.7rem;height:.7rem;color:var(--muted)}.steppers button.down svg{transform:rotate(180deg)}.steppers button:hover svg,.steppers button:focus-visible svg{fill:var(--fg)}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.inline-form label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:550;display:flex}.inline-form input,.inline-form textarea,.inline-form .dropdown{min-width:10rem}.fields{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.field label{width:100%;color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:550;display:flex}.field input,.field textarea{width:100%}.field .error{margin:0}.error{color:#ff937d;margin:0;font-size:.875rem}.sent{color:#00ffb2;margin:0;font-size:.875rem}.action-error{color:var(--warn);margin:0;font-size:.875rem}.expiry{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.expiry button{color:var(--fg);border-color:var(--frame);background:0 0;padding:.4rem .9rem}.expiry button:hover,.expiry button.active{color:#ff84ff;border-color:#ff84ff}.table-wrap{border:1px solid var(--frame);border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--bg);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:middle;padding:.85rem 1rem}thead th{border-bottom:1px solid var(--frame);letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:650}tbody tr{transition:background .125s}tbody tr:hover{background:#f7f6fb0a}tbody td{border-bottom:1px solid var(--rule)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{color:var(--muted);border-top:1px solid var(--frame);font-size:.8125rem;font-weight:650}table a{color:inherit;font-weight:650;text-decoration:none}table a:hover{color:#ff84ff}.date-cell{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}.status-cell{white-space:nowrap}.actions-cell{white-space:nowrap;text-align:right;width:1%}.actions-cell button{height:2.25rem;padding-block:0;padding-inline:.75rem;font-size:.875rem}.badge{border-radius:calc(1rem * var(--squircle-scale,1));background:color-mix(in srgb, var(--muted) 12%, transparent);color:var(--muted);white-space:nowrap;align-self:flex-start;margin-left:.35rem;padding:.3rem .55rem;font-size:.6875rem;font-weight:620;display:inline-block}.badge.active{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge.revoked{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.badge.expired{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:.4rem;font-size:.75rem;font-weight:400;display:flex}.count .figure{color:var(--fg);font-size:1.375rem;font-weight:650;line-height:1}.empty{font-weight:inherit;color:var(--muted)}.empty-card{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:2.5rem 1.5rem;display:flex}.empty-card h3{margin:0;font-size:1.0625rem;font-weight:620}.empty-card p{max-width:22rem;color:var(--muted);margin:0;font-size:.9375rem}.empty-card button,.empty-card>a{margin-top:.75rem}.banner{border-radius:calc(.75rem * var(--squircle-scale,1));border:2px solid var(--frame);padding:1.15rem 1.25rem}.banner .title{margin:0;font-weight:650}.banner p{margin:.75rem 0 0;font-size:.9375rem;line-height:1.5}.banner button{margin-top:.75rem}.banner.destructive{background:color-mix(in srgb, var(--danger) 8%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.banner.destructive .title{color:var(--danger)}.banner.warning{background:color-mix(in srgb, var(--warn) 8%, transparent);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.banner.warning .title{color:var(--warn)}.banner.success{background:color-mix(in srgb, var(--ok) 8%, transparent);border-color:color-mix(in srgb, var(--ok) 35%, transparent)}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pager .summary,.pager .position{color:var(--muted);font-size:.8125rem;font-weight:550}.pager .pages{align-items:center;gap:.75rem;display:flex}.pager .pages button{height:2.25rem;padding-block:0;padding-inline:1rem;font-size:.875rem}.list-row{align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.list-row:not(:last-child){border-bottom:1px solid var(--frame)}.list-row .lead{font-weight:620}.list-row .meta{color:var(--muted);flex-direction:column;gap:.3rem;margin-top:.3rem;font-size:.875rem;font-weight:550;display:flex}.list-row .row-actions{justify-content:flex-end;gap:.5rem;margin-left:auto;display:flex}.list-row .row-actions button{padding:.35rem 1rem;font-size:.875rem}.list-row.muted-row .lead{color:var(--muted);text-decoration:line-through}.list-row.failed .lead{color:var(--danger)}.detail{flex-direction:column;gap:.3rem;display:flex}.detail .label{color:var(--muted);font-size:.8125rem;font-weight:620}.detail .value{font-weight:550}.toolbar{margin-bottom:1rem}.toolbar .toolbar-head{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.toolbar h1{font-variation-settings:"OPTK" -15;margin:0;font-size:2.7rem;font-weight:800}.toolbar .actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card{border:1px solid var(--frame);border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--bg);flex-direction:column;padding:1.25rem;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.cards-root{margin:1.25rem 0}.cards-group[hidden]{display:none}.cards-group .cards{margin:.9rem 0 0}a.card{text-decoration:none;transition:border-color .125s}a.card .card-title{color:var(--fg)}a.card:hover{border-color:var(--primary)}a.card:hover .card-title{color:var(--primary)}.card-title{color:var(--fg);font-size:.9375rem;font-weight:620}.card-desc{color:var(--muted);margin:.4rem 0 0;font-size:.85rem;line-height:1.55}button.copy{color:var(--tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .125s;display:inline-flex}button.copy .copy-icon,button.copy .check-icon{width:1.05rem;height:1.05rem}button.copy.done{color:#00ffb2}.search-box{flex:1;min-width:0;display:flex;position:relative}.search-box .search{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);width:100%;height:2.75rem;color:var(--fg);border:2px solid #0000;flex:1;padding:.6rem 3rem .6rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .125s}.search-box .search::placeholder{color:var(--tertiary)}.search-box .search::-webkit-search-cancel-button{appearance:none}.search-box .search::-webkit-search-decoration{appearance:none}.search-box .search:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}.search-box .clear{width:2.25rem;height:2.25rem;color:var(--tertiary);opacity:0;pointer-events:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .125s,opacity .15s;display:flex;position:absolute;top:50%;right:.45rem;translate:0 -50%}.search-box .clear svg{width:1.1rem;height:1.1rem}.search-box .clear.visible{opacity:1;pointer-events:auto}.search-box .clear:hover{color:#ff577d}.search-box.compact .search{height:2.25rem;font-size:.875rem}.search-box.compact .clear{width:1.75rem;height:1.75rem;right:.35rem}.search-box.compact .clear svg{width:.95rem;height:.95rem}.tabs{--tabs-pad:.25rem;height:2.75rem;padding:var(--tabs-pad);border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);align-self:flex-start;gap:.25rem;display:inline-flex;position:relative}.tabs .thumb{top:var(--tabs-pad);bottom:var(--tabs-pad);z-index:0;border-radius:calc(.5rem * var(--squircle-scale,1));background:#6b50ff;transition:transform .22s cubic-bezier(.2,.9,.3,1),width .22s cubic-bezier(.2,.9,.3,1);position:absolute;left:0}.tabs button{z-index:1;border-radius:calc(.5rem * var(--squircle-scale,1));height:100%;color:var(--muted);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;padding:.35rem 1.25rem;font-size:.875rem;transition:background .125s,border-color .125s,color .125s;display:flex;position:relative}.tabs button svg{width:1.125rem;height:1.125rem;display:block}.tabs button:hover:not(.active){color:var(--fg)}.tabs button.active{color:#f7f6fb;border-color:#0000;font-weight:620}.tabs button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);border-color:#0000;outline:none}.tabs:not(.measured):not(.underline) button.active{background:#6b50ff}.tabs.compact{--tabs-pad:.2rem;height:2.25rem}.tabs.compact button{padding-inline:1rem;font-size:.8125rem}.tabs.underline{border-bottom:1px solid var(--frame);background:0 0;border-radius:0;gap:1.5rem;height:auto;padding:0}.tabs.underline .thumb{z-index:1;background:#6b50ff;border-radius:0;height:2px;top:auto;bottom:-1px}.tabs.underline .tab-slide{z-index:1;translate:var(--tab-x) 0;width:var(--tab-w);background:#6b50ff;border-radius:0;height:2px;top:auto;bottom:-1px}.tabs.underline button{z-index:2;height:auto;box-shadow:none;color:var(--muted);background:0 0;border:none;border-radius:0;padding:0 0 .5rem;font-size:1rem;font-weight:400;transition:color .125s}.tabs.underline button:hover:not(.active),.tabs.underline button.active{color:var(--fg)}.tabs.underline:not(:has(.thumb)):not(:has(.tab-slide)) button.active{box-shadow:inset 0 -2px #6b50ff}.tab-slide{translate:var(--tab-x) var(--tab-y);width:var(--tab-w);height:var(--tab-h);z-index:-1;pointer-events:none;transition:translate .2s cubic-bezier(.2,.9,.3,1),width .2s cubic-bezier(.2,.9,.3,1);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.tab-slide{transition:none}}.loader{z-index:300;opacity:0;pointer-events:none;background:#6b50ff;border-radius:50%;width:3.125rem;height:3.125rem;transition:opacity .15s;animation:.9s linear infinite loader-spin;position:fixed;top:1.625rem;right:1.75rem}.loader.visible{opacity:1}.loader:before{content:"";background:#f7f6fb;width:65%;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loader-spin{to{transform:rotate(360deg)}}.dropdown{-webkit-user-select:none;user-select:none;--border-width:2px;position:relative}.dropdown.open{z-index:10}.dropdown>button{text-align:left;white-space:nowrap;border:var(--border-width) solid transparent;border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);width:100%;height:2.75rem;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;justify-content:space-between;align-items:center;padding-block:0;padding-inline:.85rem;font-weight:500;line-height:1.2;transition:background .125s,border-color .125s,color .125s,box-shadow .125s;display:flex;overflow:hidden}.dropdown>button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}.dropdown.compact>button{height:2.25rem;padding-block:0;padding-inline:.75rem;font-size:.875rem}.dropdown>button:hover,.dropdown.open>button{color:#f7f6fb;background:#6b50ff;border-color:#6b50ff}.dropdown>button .chevron{flex-shrink:0;width:1.2rem;height:1.2rem;margin-left:.5rem}.dropdown>button .chevron svg{width:100%;height:100%}.dropdown>button .chevron{transition:color .125s,transform .15s;transform:rotate(180deg)}.dropdown>button:hover .chevron,.dropdown.open>button .chevron{color:#f7f6fb}.dropdown.open>button .chevron{transform:rotate(0)}.dropdown>button .copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;overflow:hidden}.dropdown>button .label,.dropdown>button .detail{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dropdown>button .detail{color:var(--tertiary);font-size:.75rem;font-weight:520}.dropdown>button:hover .detail,.dropdown.open>button .detail{color:#f7f6fb}.dropdown .menu{white-space:nowrap;border-radius:calc(.75rem * var(--squircle-scale,1));color:#f7f6fb;opacity:0;visibility:hidden;background:#6b50ff;min-width:100%;max-width:30rem;padding:.25rem;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + .25rem);left:0;right:auto;overflow:hidden}@media (width<=768px){.dropdown .menu{left:auto;right:0}}.dropdown.flip .menu{top:auto;bottom:calc(100% + .25rem)}.dropdown.open .menu{opacity:1;visibility:visible}.dropdown .option{border-radius:calc(.5rem * var(--squircle-scale,1));width:100%;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:.5rem .75rem;display:flex;overflow:hidden}.dropdown .option .label,.dropdown .option .detail{text-overflow:ellipsis;max-width:100%;overflow:hidden}.dropdown .option .detail{color:#f7f6fbb3;font-size:.75rem;font-weight:520}.dropdown .empty{border-radius:calc(.5rem * var(--squircle-scale,1));color:#f7f6fbbf;padding:.5rem .75rem;font-weight:520}.dropdown .option:hover{color:#f7f6fb;background:#4a30d9}.dropdown .option:hover .detail{color:#f7f6fb}.dropdown .search{z-index:1;background:#6b50ff;padding:.25rem;display:flex;position:sticky;top:0}.dropdown .search .query{border-radius:calc(.5rem * var(--squircle-scale,1));background:var(--bg);color:#f7f6fb;border:2px solid #0000;flex:1;width:100%;height:2.25rem;padding:.4rem 2.25rem .4rem .65rem;font-family:inherit;font-size:.875rem;transition:border-color .125s,box-shadow .125s}.dropdown .search .query::placeholder{color:var(--tertiary)}.dropdown .search .query::-webkit-search-cancel-button{appearance:none}.dropdown .search .query::-webkit-search-decoration{appearance:none}.dropdown .search .query:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}.dropdown .search .clear{width:1.75rem;height:1.75rem;color:var(--tertiary);opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .125s,opacity .15s;display:flex;position:absolute;top:50%;right:.5rem;translate:0 -50%}.dropdown .search .clear svg{width:.95rem;height:.95rem}.dropdown .search .clear.visible{opacity:1;pointer-events:auto}.dropdown .search .clear:hover{color:#ff577d}.dropdown .action{z-index:1;border-radius:calc(.5rem * var(--squircle-scale,1));color:#f7f6fb;text-align:left;white-space:nowrap;cursor:pointer;background:#6b50ff;border:none;align-items:center;gap:.4rem;width:100%;margin:0;padding:.55rem .75rem;font-family:inherit;font-size:.875rem;font-weight:580;display:flex;position:sticky;bottom:0}.dropdown .action .plus{font-size:1.05rem;font-weight:720;line-height:1}.dropdown .action:hover{color:#f7f6fb;background:#4a30d9}.search{flex:1;min-width:0;display:flex;position:relative}.search .search-input{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);width:100%;height:2.75rem;color:var(--fg);border:2px solid #0000;flex:1;padding:.6rem 3rem .6rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .125s}.search .search-input::placeholder{color:var(--tertiary)}.search .search-input::-webkit-search-cancel-button{appearance:none}.search .search-input::-webkit-search-decoration{appearance:none}.search .search-input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);outline:none}.search .clear{width:2.25rem;height:2.25rem;color:var(--tertiary);opacity:0;pointer-events:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .125s,opacity .15s;display:flex;position:absolute;top:50%;right:.45rem;translate:0 -50%}.search .clear svg{width:1.1rem;height:1.1rem}.search .clear.visible{opacity:1;pointer-events:auto}.search .clear:hover{color:#ff577d}.search .search-menu{z-index:30;border-radius:calc(.75rem * var(--squircle-scale,1));color:#f7f6fb;background:#6b50ff;flex-direction:column;max-height:18rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 .5rem 1.5rem #0000004d}.search .search-item{border-radius:calc(.5rem * var(--squircle-scale,1));cursor:pointer;flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.search .search-item .search-item-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.search .search-item .label{font-weight:580;line-height:1.35}.search .search-item .detail{color:#f7f6fbb3;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.75rem;font-weight:520;line-height:1.35;overflow:hidden}.search .search-item .search-snippet{color:#f7f6fbd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}.search .search-item .search-snippet .search-hit{color:#f7f6fb;border-radius:calc(.25rem * var(--squircle-scale,1));background:#ffffff38;padding:0 .15em;font-weight:620}.search .search-item:hover,.search .search-item.selected{background:#ff84ff}.search .search-item:hover .search-hit,.search .search-item.selected .search-hit{background:#ffffff59}.search .search-empty{border-radius:calc(.5rem * var(--squircle-scale,1));color:#f7f6fbbf;padding:.5rem .75rem;font-weight:520}.modal-overlay{z-index:200;overscroll-behavior:contain;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay>.modal{margin:auto}.modal-overlay.closing{animation:.15s forwards modal-fade-out}.modal-overlay.closing .modal{animation:.15s forwards modal-pop-out}.modal-backdrop{-webkit-backdrop-filter:blur(.5rem);background:#201f26eb;animation:.15s modal-fade;position:fixed;inset:0}.modal{background:var(--bg);width:100%;max-width:28rem;color:var(--fg);border:1px solid var(--frame);border-radius:calc(.75rem * var(--squircle-scale,1));padding:1.5rem;animation:.175s cubic-bezier(.2,.9,.3,1.2) modal-pop;position:relative;box-shadow:0 .75rem 2.5rem #00000059}@media (width<=768px){.modal{padding:1rem}}.modal input[type=text],.modal input[type=email],.modal input[type=password],.modal input[type=number],.modal input[type=date],.modal input[type=url],.modal textarea{width:100%}.modal h2{font-variation-settings:"OPTK" -20;margin:0 0 1rem;font-size:1.25rem;font-weight:620}.modal:has(>.close)>h2{padding-inline-end:2rem}.modal>.close{z-index:1;border-radius:calc(.5rem * var(--squircle-scale,1));background:var(--well);width:2rem;height:2rem;color:var(--muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background .125s,color .125s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.modal>.close:hover{background:var(--frame);color:var(--fg)}.modal>.close:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);border-color:#0000;outline:none}.modal>.close:disabled{opacity:.4;cursor:default}.modal>.close .close-icon{width:.875rem;height:.875rem}.modal fieldset{margin-bottom:1rem}.modal fieldset legend{margin-bottom:.35rem;font-size:.8125rem;font-weight:620;display:block}.modal fieldset .hint{color:var(--muted);margin:.35rem 0 0;font-size:.8125rem}.modal .tabs.dialog{flex-wrap:wrap;width:100%;display:flex}.modal .tabs.dialog button{flex:auto;padding-inline:1rem}@media (width<=768px){.modal .tabs.dialog button{flex:calc(50% - .25rem)}.modal .tabs.dialog{height:auto}}.modal .error{color:var(--danger);margin:0 0 1rem;font-size:.875rem}.modal .sent{color:var(--ok);margin:0 0 1rem;font-size:.875rem}.modal .invite-results{flex-direction:column;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.modal .invite-results li{align-items:baseline;gap:.6rem;font-size:.875rem;display:flex}.modal .invite-results li .mark{font-weight:720}.modal .invite-results li .email{font-weight:550}.modal .invite-results li .outcome{color:var(--muted)}.modal .invite-results li.ok .mark{color:var(--ok)}.modal .invite-results li.failed .mark,.modal .invite-results li.failed .outcome{color:var(--danger)}.modal .message{margin:0 0 .5rem;font-size:.95rem;font-weight:500}.modal button.secondary,.modal a.secondary{color:var(--fg);border-color:var(--frame)}.modal button.secondary:hover,:root[data-theme=light] .modal button.secondary:hover,.modal a.secondary:hover,:root[data-theme=light] .modal a.secondary:hover{color:#ff84ff;border-color:#ff84ff}.modal footer{justify-content:flex-end;gap:.75rem;margin-top:2rem;padding:0;display:flex}.modal footer button,.modal footer a{white-space:nowrap;flex:none}.modal footer button.primary,.modal footer a.primary{color:#f7f6fb;background:#ff60ff}.modal footer button.primary:hover,.modal footer a.primary:hover{color:#201f26;background:#ff37ff}.modal footer button.ghost,.modal footer a.ghost{color:var(--fg)}.modal footer button.ghost:hover,.modal footer a.ghost:hover{color:#00ffb2;background:#00ffb229}@media (width<=768px){.modal footer{flex-direction:column}.modal footer button,.modal footer a{text-align:center;flex:auto;width:100%}}.modal.withdraw-consent footer button{white-space:normal}.modal.consent-gate{max-width:36rem}.modal.consent-gate footer a,.modal.consent-gate footer button{white-space:normal;text-align:center;flex:1;height:auto;min-height:2.75rem;padding-block:.5rem}.modal.create h2,.modal.revoke h2,.modal.revoke-device h2,.modal.reveal h2{font-variation-settings:"OPTK" -50;margin-bottom:1.5rem;font-size:2rem}@media (width<=768px){.modal.create,.modal.revoke,.modal.revoke-device,.modal.reveal{padding-top:1.5rem}.modal.create h2,.modal.revoke h2,.modal.revoke-device h2,.modal.reveal h2{margin-bottom:.75rem}}.modal.reveal{max-width:34rem}.modal.reveal .reveal-warn{margin:0 0 1rem;font-size:.875rem;line-height:1.3}.modal.reveal .reveal-warn .key-name{color:#00ffb2;font-style:normal;font-weight:700}.modal.reveal .reveal-token{align-items:center;display:flex;position:relative}.modal.reveal .reveal-token code{border:1px solid var(--frame);border-radius:calc(.5rem * var(--squircle-scale,1));background:var(--well);color:var(--fg);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;padding:.6rem 2.6rem .6rem .75rem;font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.875rem;font-weight:500;line-height:1.4}.modal.reveal .reveal-token button{border-radius:calc(.35rem * var(--squircle-scale,1));color:var(--tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;transition:color .125s;display:inline-flex;position:absolute;top:50%;right:.4rem;translate:0 -50%}.modal.reveal .reveal-token button.done{color:var(--ok)}.modal.reveal .reveal-token button .copy-icon,.modal.reveal .reveal-token button .check-icon{width:1.1rem;height:1.1rem}.modal.revoke p{margin:0;font-size:.9375rem;line-height:1.3}.modal.confirm p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.35}.modal.confirm .training-consent{cursor:pointer;align-items:flex-start;gap:.5rem;margin:1rem 0 0;font-size:.8125rem;display:flex}.modal.confirm .training-consent input[type=checkbox]{accent-color:#ff84ff;margin-top:.15rem}.modal.buy{max-width:30rem}.modal.confirm.topup-modal{max-width:34rem}.modal.plan-cancel{max-width:32rem}.modal.plan-cancel footer{justify-content:flex-start;margin-top:1rem}.modal.plan-cancel>.muted{margin:0;padding-top:1.5rem;font-size:.8125rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(.5rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.5rem)scale(.97)}}.toast-region{z-index:210;pointer-events:auto;flex-direction:column;width:18rem;max-width:calc(100vw - 3rem);display:flex;position:fixed}.pos-top-left,.pos-top-center,.pos-top-right{top:1.25rem}.pos-bottom-left,.pos-bottom-center,.pos-bottom-right{flex-direction:column-reverse;bottom:1.5rem}.pos-top-left,.pos-bottom-left{left:1.5rem}.pos-top-center,.pos-bottom-center{left:50%;transform:translate(-50%)}.pos-top-right,.pos-bottom-right{right:1.5rem}.pos-top{--leave:-.7rem}.pos-bottom{--leave:.7rem}.toast-item{--deck:3;--card-h:3.25rem;--peek:.5rem;height:var(--stack-h,var(--card-h));pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;z-index:calc(10 - var(--deck));scale:calc(1 - (var(--deck) - 1) * .04);flex:none;transition:margin-top .26s cubic-bezier(.34,1.26,.64,1),height .26s cubic-bezier(.34,1.26,.64,1),transform .26s cubic-bezier(.34,1.26,.64,1),scale .26s cubic-bezier(.34,1.26,.64,1)}.toast-item:nth-child(n+2){overflow:hidden}.toast-item:nth-child(n+2) .toast{height:100%}.toast-item:nth-child(n+2) .toast>*{opacity:0;transition:opacity .15s}.toast-item+.toast-item{margin-top:calc(var(--peek) - var(--stack-h,var(--card-h)))}.toast-item:nth-child(n+4){margin-top:calc(-1 * var(--stack-h,var(--card-h)));visibility:hidden}.pos-bottom .toast-item{margin-top:calc(var(--peek) - var(--stack-h,var(--card-h)))}.pos-bottom .toast-item:nth-child(n+4){margin-top:calc(-1 * var(--stack-h,var(--card-h)));visibility:hidden}.toast-region.hovered .toast-item+.toast-item,.toast-region.fanned .toast-item+.toast-item,.toast-region.hovered .toast-item:nth-child(n+4),.toast-region.fanned .toast-item:nth-child(n+4){visibility:visible;margin-top:.6rem}.toast-region:has(:focus-visible) .toast-item+.toast-item{visibility:visible;margin-top:.6rem}.toast-region:has(:focus-visible) .toast-item:nth-child(n+4){visibility:visible;margin-top:.6rem}.pos-bottom.hovered .toast-item,.pos-bottom.fanned .toast-item{margin-top:.6rem}.pos-bottom:has(:focus-visible) .toast-item{margin-top:.6rem}.toast-region.hovered .toast-item,.toast-region.fanned .toast-item{height:auto;overflow:visible;scale:1}.toast-region:has(:focus-visible) .toast-item{height:auto;overflow:visible;scale:1}.toast-region.hovered .toast-item .toast,.toast-region.fanned .toast-item .toast{height:auto}.toast-region:has(:focus-visible) .toast-item .toast{height:auto}.toast-region.hovered .toast-item .toast>*,.toast-region.fanned .toast-item .toast>*{opacity:1}.toast-region:has(:focus-visible) .toast-item .toast>*{opacity:1}.toast-item:first-child{--deck:1;height:auto}.toast-item:nth-child(2){--deck:2}.toast-item:nth-child(3){--deck:3}.toast-item.dragging{cursor:grabbing;transition:margin-top .26s cubic-bezier(.34,1.26,.64,1),scale .26s cubic-bezier(.34,1.26,.64,1)}.toast-item.moving{transition:margin-top .26s cubic-bezier(.34,1.26,.64,1),scale .26s cubic-bezier(.34,1.26,.64,1)}.toast-item.leaving{pointer-events:none;animation:.22s forwards toast-leave}@keyframes toast-leave{to{opacity:0;scale:.92;translate:0 var(--leave,-.7rem)}}.toast-count{z-index:20;color:var(--card-fg,#f7f6fb);pointer-events:none;opacity:0;background:#8b75ff;border-radius:999px;padding:.1rem .5rem;font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.625rem;font-weight:620;line-height:1.4;transition:opacity .18s cubic-bezier(.34,1.26,.64,1);position:absolute;bottom:-.55rem;right:.75rem;box-shadow:0 .1rem .3rem #201f2647}.toast-count.visible{opacity:1;animation:.26s cubic-bezier(.34,1.26,.64,1) backwards toast-count-in}@keyframes toast-count-in{0%{opacity:0;scale:.9}}.pos-bottom .toast-count{top:-.55rem;bottom:auto}.toast-region.hovered .toast-count,.toast-region.fanned .toast-count{opacity:0;animation:none}.toast-region:has(:focus-visible) .toast-count{opacity:0;animation:none}@keyframes toast-grow-x{0%{max-width:2.75rem}to{max-width:18rem}}@keyframes toast-pill-center{0%{padding-inline-start:calc(50% - .5rem)}to{padding-inline-start:1.05rem}}.pos-top-center .toast-pill,.pos-bottom-center .toast-pill{animation:.34s cubic-bezier(.34,1.26,.64,1) .18s backwards toast-pill-center}.toast{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--card,#6b50ff);color:var(--card-fg,#f7f6fb);margin-inline:auto;animation:.34s cubic-bezier(.34,1.26,.64,1) .18s backwards toast-grow-x,.36s cubic-bezier(.34,1.26,.64,1) .18s backwards toast-appear;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 .125rem .25rem #201f2633,0 .5rem 1rem #201f2642,0 1rem 2rem #201f262e}.toast.is-success{--sev:#12c78f;--sev-fg:#f7f6fb}.toast.is-error{--sev:#ff388b;--sev-fg:#f7f6fb}.toast.is-info{--sev:#ff60ff;--sev-fg:#f7f6fb}.toast.is-warn{--sev:#e8fe96;--sev-fg:#201f26}.toast .toast-pill{align-items:stretch;padding:.85rem .9rem .65rem 1.05rem;display:flex}.toast .toast-pill .toast-pill-inner{flex:1;align-items:stretch;min-width:0;display:flex}.toast .toast-pill .toast-pill-row{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.toast .toast-pill .toast-pill-row.morph{animation:.3s cubic-bezier(.2,.9,.3,1) both toast-header-in}.toast .toast-pill .toast-icon{color:var(--sev,#12c78f);flex:none;display:flex}.toast .toast-pill .toast-icon svg{width:1rem;height:1rem}.toast .toast-pill .toast-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.875rem;font-weight:640;line-height:1.2;overflow:hidden}.toast .toast-pill .toast-close{width:1.5rem;height:1.5rem;color:color-mix(in srgb, var(--card-fg,#f7f6fb) 65%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-left:auto;margin-right:0;padding:0;transition:color .125s,background .125s;display:none}.toast .toast-pill .toast-close svg{width:1rem;height:1rem}.toast .toast-pill .toast-close:hover{color:var(--card-fg,#f7f6fb);background:color-mix(in srgb, var(--card-fg,#f7f6fb) 12%, transparent)}.toast .toast-pill .toast-close:active{background:color-mix(in srgb, var(--card-fg,#f7f6fb) 18%, transparent)}.toast .toast-pill .toast-close:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--card-fg,#f7f6fb) 30%, transparent);outline:none}.toast .toast-desc{opacity:1;max-height:8rem;color:var(--card-fg,#f7f6fb);box-sizing:border-box;margin:0;padding:.15rem 1.05rem .75rem;font-size:.8125rem;line-height:1.35;overflow:hidden}.toast .toast-desc p{margin:0}.toast .toast-desc button.toast-action{color:var(--card-fg,#f7f6fb);border-color:color-mix(in srgb, var(--card-fg,#f7f6fb) 40%, transparent);margin-top:1rem}.toast .toast-desc button.toast-action:hover{color:#00ffb2;border-color:#00ffb2}.toast:not(.has-description) .toast-title{white-space:normal;text-overflow:clip;overflow:visible}@media (width>=40.0625rem){.toast .toast-pill{min-height:3.25rem;padding-block:.5rem}}.toast.has-description .toast-desc{animation:.24s cubic-bezier(.34,1.26,.64,1) .52s both toast-desc-open}@keyframes toast-desc-open{0%{opacity:0;max-height:0;padding-bottom:0}to{opacity:1;max-height:8rem;padding-top:.15rem;padding-bottom:.75rem}}@media (width<=40rem){.toast-region{width:auto;max-width:none;left:.5rem;right:.5rem}.pos-top-center,.pos-bottom-center{left:.5rem;transform:none}.pos-top-left,.pos-top-center,.pos-top-right{top:.5rem}.pos-bottom-left,.pos-bottom-center,.pos-bottom-right{bottom:.5rem}.pos-top-left .toast,.pos-bottom-left .toast{margin-inline:0 auto}.pos-top-right .toast,.pos-bottom-right .toast{margin-inline:auto 0}.toast-item{--card-h:2.2rem;--peek:.2rem}.toast .toast-pill{padding:.55rem .45rem .55rem .9rem}.toast .toast-pill .toast-title{white-space:normal;animation:1ms linear .53s both toast-unwrap}.toast .toast-pill .toast-close{height:1.5rem;margin-top:0;display:flex}.toast .toast-pill .toast-pill-row{align-items:center}.toast .toast-desc{padding-inline:.9rem;font-size:.75rem}}@keyframes toast-unwrap{0%{white-space:nowrap}to{white-space:normal}}@keyframes toast-appear{0%{opacity:0;translate:0 var(--leave,.7rem)}}@keyframes toast-header-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.credit-meter{grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:.5rem;min-width:0;display:grid}.credit-meter .meter-heading{grid-area:1/1;margin:0}.credit-meter .meter-heading .meter-max{color:var(--muted);margin-left:.4rem;font-size:.8125rem;font-weight:400}.credit-meter .percentage{font-variant-numeric:normal;white-space:nowrap;grid-area:2/2;align-self:center;transform:translateY(.125rem)}.credit-meter>svg{grid-area:2/1;width:100%;min-width:0;height:1.125rem;display:block}.credit-meter .track{fill:var(--fg);rx:.5625rem;ry:.5625rem}.credit-meter .reveal,.credit-meter .gradient{rx:.375rem;ry:.375rem}.credit-meter .gradient{width:calc(100% - .4375rem)}.credit-meter .hazy{stop-color:#6b50ff}.credit-meter .charple{stop-color:#ff60ff}:root[data-theme=light] .credit-meter .hazy{stop-color:#e8fe96}:root[data-theme=light] .credit-meter .charple{stop-color:#68ffd6}.credit-meter .meter-return{min-height:1lh;color:var(--muted);grid-area:3/1/auto/-1;margin-top:.5rem;font-size:.875rem}.error-bubble{border-radius:calc(.5rem * var(--squircle-scale,1));color:#f7f6fb;white-space:normal;z-index:10;opacity:0;pointer-events:none;cursor:pointer;background:#ff388b;margin-bottom:1.125rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.4;transition:opacity .125s;position:absolute;bottom:100%;left:.625rem}.error-bubble.visible{opacity:1;pointer-events:auto}.error-bubble .tail{fill:#ff388b;width:1.08rem;height:.64rem;position:absolute;bottom:-.64rem;left:.75rem}a.social{border-radius:calc(.75rem * var(--squircle-scale,1));color:var(--fg);border:2px solid #0000;border-color:var(--frame);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:620;text-decoration:none;display:flex}a.social svg{width:1.125rem;height:1.125rem}a.social.disabled{opacity:.5;cursor:not-allowed}.divider{color:var(--muted);align-items:center;gap:.75rem;font-size:.8125rem;font-weight:550;display:flex}.divider:before,.divider:after{content:"";background:var(--frame);flex:1;height:1px}.menu{font-size:.8125rem;position:relative}.menu-trigger{border-radius:calc(.75rem * var(--squircle-scale,1));width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:520;display:flex}.menu-trigger .label{flex-direction:column;align-items:flex-start;row-gap:.25rem;min-width:0;display:flex}.menu-trigger .label .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:620;overflow:hidden}.menu-trigger .label .detail{text-overflow:ellipsis;white-space:nowrap;opacity:.7;max-width:100%;font-size:.75rem;font-weight:500;overflow:hidden}.menu-trigger .chevron{color:var(--tertiary);opacity:0;flex-shrink:0;align-items:center;margin-left:3px;transition:fill .125s,opacity .125s,transform .15s;display:flex;transform:rotate(180deg)}.menu-trigger .chevron svg{width:14px;height:14px}.menu-trigger:hover,.menu.open .menu-trigger{color:#f7f6fb;background:#6b50ff}.menu-trigger:hover .chevron,.menu.open .menu-trigger .chevron{fill:#f7f6fb;opacity:1}.menu.open .menu-trigger .chevron{transform:rotate(0)}.menu-panel{border-radius:calc(.75rem * var(--squircle-scale,1));color:#f7f6fb;z-index:40;background:#6b50ff;min-width:14rem;max-width:20rem;position:absolute;left:0;overflow:hidden;box-shadow:0 .5rem 1.5rem #0000004d}.menu-above .menu-panel{bottom:calc(100% + .5rem)}.menu-below .menu-panel{top:calc(100% + .5rem)}.menu-head{border-bottom:1px solid #f7f6fb33;flex-direction:column;row-gap:.25rem;padding:.75rem .75rem .75rem 1rem;display:flex}.menu-head .name{text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.menu-head .detail{text-overflow:ellipsis;white-space:nowrap;color:#f7f6fbb3;font-size:.75rem;overflow:hidden}.menu-panel ul{flex-direction:column;margin:0;padding:.25rem 0;list-style:none;display:flex}.menu-panel li{padding:0 .25rem}.menu-item{border-radius:calc(.5rem * var(--squircle-scale,1));width:100%;color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;display:flex;overflow:hidden}.menu-item .icon{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.menu-item .icon svg{width:.85rem;height:.85rem}.menu-item:hover{color:#f7f6fb;background:#4a30d9}.menu-divider{border-top:1px solid #f7f6fb33;margin-top:.25rem;padding-top:.25rem}.sidebar{flex-direction:column;flex-shrink:0;width:16rem;display:flex}.sidebar .sidebar-items{background:linear-gradient(var(--bg) 33%, #fff0) local center top, linear-gradient(#fff0, var(--bg) 67%) local center bottom, radial-gradient(farthest-side at 50% 0%, #0000004d, #0000) scroll center top, radial-gradient(farthest-side at 50% 100%, #0000004d, #0000) scroll center bottom;background-repeat:no-repeat;background-size:100% 4rem,100% 4rem,100% 1rem,100% 1rem;background-attachment:local,local,scroll,scroll;flex:1;min-height:0;overflow-y:auto}.sidebar ul{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sidebar ul ul{padding-left:.75rem}.sidebar li.section{margin-top:1rem}.sidebar li.section:first-child{margin-top:0}.sidebar li.section .section-label{letter-spacing:-.01em;color:var(--fg);padding:.35rem 1.5rem;font-weight:620}.sidebar li.section .section-toggle{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.35rem 1.5rem;display:flex}.sidebar li.section .section-toggle .section-label{text-align:left;padding:0}.sidebar li.section .section-toggle .chevron{color:var(--muted);transition:transform .15s;display:flex}.sidebar li.section .section-toggle.collapsed .chevron{transform:rotate(-90deg)}.sidebar li.section .section-toggle:hover .section-label,.sidebar li.section .section-toggle.active .section-label{color:#ff84ff}.sidebar li a{color:var(--muted);cursor:pointer;--active-border:.375rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:520;text-decoration:none;display:flex;position:relative}.sidebar li a .icon{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}.sidebar li a .icon svg{width:1rem;height:1rem}.sidebar li a>span.sweep{padding:inherit;align-items:center;gap:inherit;color:#f7f6fb;pointer-events:none;background:#6b50ff;transition:-webkit-mask-position .125s,mask-position .125s;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000 50%);mask-image:linear-gradient(90deg,#000 50%,#0000 50%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:200% 100%;mask-size:200% 100%}.sidebar li a:hover>span.sweep{-webkit-mask-position:0 0;mask-position:0 0}.sidebar ul>li.section~li>a{padding-left:2.25rem}.sidebar li.active a{border-left:var(--active-border) solid #ff84ff;padding-left:calc(1.5rem - var(--active-border));color:var(--fg);font-weight:620}.sidebar ul>li.section~li.active>a{padding-left:calc(2.25rem - var(--active-border))}.sidebar .sidebar-footer{border-top:1px solid var(--frame);padding-top:.75rem}.sidebar.narrow{width:4rem}.sidebar.narrow .label,.sidebar.narrow li.section .section-label{display:none}.sidebar.narrow li a{justify-content:center;padding:.6rem 0}.sidebar.narrow li a>span.sweep{display:none}.sidebar.narrow li.active a{border-radius:calc(.5rem * var(--squircle-scale,1));background:var(--well);border-left-width:0;padding-left:.6rem;padding-right:.6rem}.toc{font-size:.8125rem}.toc .toc-title{letter-spacing:.08em;color:var(--tertiary);text-align:center;margin:0 0 .75rem;font-size:.75rem;font-weight:620}.toc ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc ul ul{margin-left:0}.toc li a{color:var(--muted);border-left:2px solid #0000;padding:.3rem .9rem;line-height:1.4;text-decoration:none;transition:color .125s,border-color .125s;display:block}.toc li a:hover{color:var(--fg)}.toc li li a{padding-left:1.6rem}.toc li.active a{color:var(--fg);border-left-color:#ff84ff;font-weight:620}.toc.collapsible ul{display:none}.toc.collapsible.open ul{display:flex}.toc .toc-toggle{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:0 0 0 calc(.9rem + 2px);display:flex}.toc .toc-toggle .chevron{color:var(--muted);transition:transform .15s;display:flex}.toc .toc-toggle .chevron svg{width:.9rem;height:.9rem}.toc.collapsible .toc-toggle .chevron{transform:rotate(-90deg)}.toc.collapsible.open .toc-toggle .chevron{transform:rotate(0)}.toc.collapsible.open .toc-toggle{margin-bottom:.75rem}@media (width>=1024.02px){.toc.collapsible ul{display:flex}.toc.collapsible .toc-toggle{cursor:default;pointer-events:none;margin-bottom:.75rem}.toc.collapsible .toc-toggle .chevron{display:none}}.page-nav{border-top:1px solid var(--rule);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.page-nav-link{border:1px solid var(--frame);border-radius:calc(.75rem * var(--squircle-scale,1));flex-direction:column;gap:.25rem;min-width:0;max-width:45%;padding:.75rem 1rem;text-decoration:none;transition:border-color .125s;display:flex}.page-nav-link .page-nav-dir{letter-spacing:.08em;color:var(--tertiary);font-size:.6875rem;font-weight:620}.page-nav-link .page-nav-title{color:var(--fg);font-weight:600}.page-nav-link .page-nav-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.45;overflow:hidden}.page-nav-link:hover{border-color:#ff84ff}.page-nav-link:hover .page-nav-title{color:#ff84ff}.page-nav-link.next{text-align:right;margin-left:auto}.burger-toggle,.burger-overlay,.burger-drawer{display:none}.burger .burger-toggle{z-index:100;cursor:pointer;border-radius:calc(.21rem * var(--squircle-scale,1));opacity:1;background:#f7f6fb;border:none;flex-direction:column;align-items:stretch;padding:0;font-family:inherit;transition:opacity .175s;display:flex;position:fixed;bottom:1.05rem;left:auto;right:1.22rem;overflow:hidden;box-shadow:0 .51rem .51rem #00000040}.burger .burger-toggle .bars{flex-direction:column;display:flex}.burger .burger-toggle .bars div{width:100%;height:.63rem}.burger .burger-toggle .bars div:first-child{background:#e8fe96}.burger .burger-toggle .bars div:nth-child(2){background:#99fea0}.burger .burger-toggle .bars div:nth-child(3){background:#4dffa9}.burger .burger-toggle .bars div:nth-child(4){background:#00ffb2}.burger .burger-toggle .label{text-align:center;white-space:pre-line;color:#2d2c36;background:#f7f6fb;padding:.25rem .63rem .17rem;font-size:.67rem;font-weight:720;line-height:1}.burger .burger-overlay{z-index:95;opacity:0;pointer-events:none;background:#000c;transition:opacity .175s;position:fixed;inset:0}.burger .burger-drawer{z-index:100;background:var(--bg);height:calc(100dvh + 5rem);color:var(--fg);visibility:hidden;flex-direction:column;padding:5rem 0 0;transition:visibility 0s .32s;display:flex;position:fixed;inset:-5rem 0 auto;overflow-y:auto;transform:translateY(-100%)}.burger .burger-content{flex-direction:column;flex:1;min-height:0;display:flex}.burger .burger-logo{background:var(--bg);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;margin-top:-4.5rem;padding:5rem 1.5rem .42rem;display:flex}.burger .burger-logo>:first-child{color:var(--fg);letter-spacing:-.02em;align-items:center;gap:.5rem;font-family:Hypography Web,Charmform Web,system-ui,sans-serif;font-size:1.5rem;text-decoration:none;display:inline-flex}.burger .burger-logo>:first-child .site-logo{width:14.21rem;max-width:60vw;height:auto;display:block}.burger .burger-logo svg.logo{width:14.21rem;height:auto}.burger .burger-logo .sprout-mark{color:#6b50ff}.burger .burger-controls{flex-direction:column;align-items:flex-end;gap:.6rem;padding:.35rem 1.5rem .6rem;display:flex}.burger .burger-controls .tabs{align-self:flex-end}.burger .burger-panel{flex-direction:column;display:flex}.burger .burger-sidebar,.burger .burger-sidebar .sidebar{width:100%}.burger .burger-sidebar .sidebar-items{overflow:visible}.burger .burger-close{pointer-events:auto;cursor:pointer;background:#ff60ff;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;padding:0;display:flex}.burger .burger-close .burger-close-icon{color:#e8fe96;width:1.35rem;height:1.35rem}.burger.open .burger-overlay{opacity:1;pointer-events:auto}.burger.open .burger-toggle{opacity:0;pointer-events:none}.burger.open .burger-drawer{visibility:visible;transition:visibility}@media (width>=768.02px){.burger-toggle,.burger-overlay,.burger-drawer{display:none!important}}@media (width<=768px){.burger .burger-toggle,.burger .burger-drawer{display:flex}.burger .burger-overlay{display:block}}.shell{border-left:1px solid var(--frame);border-right:1px solid var(--frame);max-width:88rem;min-height:100vh;margin-inline:auto}.docs{align-items:stretch;min-height:calc(100vh - 3.8125rem);display:flex}.docs-sidebar{border-right:1px solid var(--frame);height:calc(100vh - 3.8125rem);position:sticky;top:3.8125rem}.docs-sidebar .sidebar{height:100%}.docs-main{flex-direction:column;flex:1;min-width:0;display:flex}.docs-content{padding:3rem 5rem}.docs-header{border-bottom:1px solid var(--frame);background:var(--bg);z-index:30;align-items:center;gap:1.5rem;min-height:3.8125rem;padding:.75rem 1.5rem;transition:transform .18s;display:flex;position:sticky;top:0}.docs-header .docs-header-title{color:var(--fg);flex-shrink:0;align-items:center;gap:.45rem;font-family:Hypography Web,Charmform Web,system-ui,sans-serif;font-size:1.35rem;text-decoration:none;display:inline-flex}.docs-header .docs-header-title span{color:#ff84ff}.docs-header .docs-header-title .sprout-mark{margin-top:-.1rem}.docs-header .docs-header-title .site-logo{width:auto;height:2rem;display:block}.docs-header .docs-search-toggle{justify-content:center;align-items:center;padding-inline:.55rem;display:inline-flex}.docs-header .docs-search-toggle svg{width:1.15rem;height:1.15rem}.docs-header .docs-header-end{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.docs-page{max-width:60rem;position:relative}@media (width<=1024px){.docs-header.is-hidden{transform:translateY(-100%)}.shell:has(.docs-header.is-hidden) .docs-toc{top:0}.docs-sidebar{transition:top .18s,height .18s}.shell:has(.docs-header.is-hidden) .docs-sidebar{height:100vh;top:0}}.docs-lede{max-width:40rem;color:var(--muted);margin:0 0 1rem;line-height:1.5}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.75rem;display:flex}@media (width>=769px){.page-actions{margin:0;position:absolute;top:.35rem;right:0}.toolbar-head{padding-right:12rem}}.docs-tail{flex-direction:column;align-items:flex-start;display:flex}.docs-edit{color:var(--muted);align-items:center;gap:.4rem;margin:0 0 2rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.docs-edit svg{width:.9rem;height:.9rem}.docs-edit:hover{color:var(--fg);text-underline-offset:.18em;text-decoration:underline}.docs-eof{flex-direction:column;gap:2.6rem;margin:3.5rem 0 2.5rem;display:flex}.docs-eof-mark{letter-spacing:.16em;color:var(--fg);font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.875rem;font-weight:640;display:block}.docs-eof-term{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.9375rem;display:flex}.docs-eof-tool{color:var(--ok);font-weight:680;text-decoration:none}.docs-eof-tool:hover{text-underline-offset:.18em;text-decoration:underline}.docs-eof-cmd{border-radius:calc(.4rem * var(--squircle-scale,1));background:var(--well);color:var(--fg);overflow-wrap:anywhere;padding:.2rem .55rem;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.8125rem}.docs-eof-copy{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.2rem;display:inline-flex}.docs-eof-copy svg{width:1rem;height:1rem}.docs-eof-copy:hover{color:var(--fg)}.docs-page section{border-bottom:1px solid var(--rule);margin-bottom:2rem;padding-bottom:2rem}.docs-page section:last-child{border-bottom:none;margin-bottom:0}.docs-page section>.muted{max-width:40rem;margin:.35rem 0 1.25rem;line-height:1.4}.demo-body{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.demo-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.demo-row>.search-box{flex:1;min-width:12rem;max-width:28rem}.demo-row>.dropdown,.demo-row>input:not(.switch){width:12rem}.demo-row>.sidebar-demo{border:1px solid var(--frame);border-radius:.75rem}.demo-stack{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.icon-tile{background:var(--well);width:3rem;height:3rem;color:var(--fg);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin-bottom:2.5rem;display:grid}.swatch-grid .swatch-tile{flex-direction:column;gap:.3rem;display:flex}.swatch-grid .swatch-tile .swatch-chip{border:1px solid var(--frame);border-radius:.5rem;height:3.5rem}.swatch-grid .swatch-tile .swatch-chip.role{background:color-mix(in srgb, var(--fg) 25%, transparent)}.swatch-grid .swatch-tile .swatch-name{font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.75rem;font-weight:620}.swatch-grid .swatch-tile .swatch-hex{color:var(--muted);font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.6875rem}.bubble-anchor{margin-top:3.75rem;position:relative}.bubble-anchor>.demo-row>input{width:16rem}ul.rows{border:1px solid var(--frame);border-radius:.75rem;flex-direction:column;padding:0 1rem;display:flex}ul.rows .list-row+.list-row{border-top:1px solid var(--rule)}@media (width<=768px){.docs{flex-direction:column}.shell{border-left:none;border-right:none}.docs-sidebar,.docs-header .tabs{display:none}.docs-content{padding:1.5rem 1.25rem 3rem}.toolbar{margin-bottom:1.25rem}.toolbar .toolbar-head{flex-wrap:wrap;align-items:flex-start;gap:.75rem}.toolbar h1{flex:100%;min-width:0;font-size:2.1rem;line-height:1.08}.toolbar .actions{justify-content:flex-start;width:100%}}.docs-with-toc{grid-template-columns:minmax(0,1fr) 16rem;align-items:stretch;display:grid}.docs-with-toc .docs-content{grid-area:1/1}.docs-with-toc .docs-toc{border-left:1px solid var(--frame);grid-area:1/2}.docs-with-toc .docs-toc-sticky{position:sticky;top:4.75rem}@media (width<=1024px){.docs-with-toc{display:block}.docs-with-toc .docs-content{padding-top:1.5rem}.docs-with-toc .docs-toc{z-index:25;border-left:none;border-bottom:1px solid var(--frame);background:var(--plate);margin:0;transition:top .18s;position:sticky;top:3.8125rem}.docs-with-toc .docs-toc-sticky{align-items:center;padding:.55rem .9rem;display:flex}.docs-with-toc .docs-toc-sticky>.toc{width:100%}.docs-with-toc .docs-toc-sticky .toc-title{text-align:left}}.demo .burger .burger-toggle,.demo .burger .burger-drawer,.demo .burger .burger-overlay{display:flex!important}.burger-header{background:0 0;border-bottom:0;padding:0;display:block}.burger-header .tabs{--tabs-pad:.15rem;height:1.9rem}.burger-header .tabs button{padding-inline:.7rem;font-size:.8125rem}.toc-demo{align-items:flex-start;gap:2rem;display:flex}.toc-demo .toc-demo-body{flex:1}.md>*+*{margin-top:1rem}.md>.demo-row+.demo-row{margin-top:.75rem}.md .md-h1,.md .md-h2,.md .md-h3,.md .md-h4,.md .md-h5,.md .md-h6{font-variation-settings:"OPTK" -10;outline:none;font-weight:800;position:relative}.md .md-h1{font-variation-settings:"OPTK" -15;margin:2rem 0 .75rem;font-size:1.75rem;line-height:1.42857}@media (width>=48rem){.md .md-h1{font-size:2rem;line-height:1.25}}.md .md-h2{border-top:1px solid var(--rule);font-variation-settings:"OPTK" -15;margin:3rem 0 1rem;padding-top:1.5rem;font-size:1.5rem;line-height:1.33333}.md .md-h3{margin:2rem 0 0;font-size:1.25rem;line-height:1.4}.md .md-h4{margin:1.5rem 0 0;font-size:1.125rem;line-height:1.33333}.md .md-h1 code,.md .md-h2 code,.md .md-h3 code,.md .md-h4 code{font-size:.9em}.md .md-p{color:var(--fg);margin:1rem 0;line-height:1.55}.md .md-ul{flex-direction:column;gap:.4rem;margin:1rem 0;padding-left:1.25rem;line-height:1.5;list-style:outside;display:flex}.md .md-ul>li>.md-p{margin:0}.md .md-link{color:#ff84ff;font-weight:550}.md .md-link:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--frame);background:var(--bg);overflow:hidden}.site-footer .site-footer-inner{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;padding:4rem 2.5rem 3rem;display:grid}.site-footer .site-footer-brandmark{align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.site-footer .site-footer-brandmark svg{width:12rem;height:auto;display:block}.site-footer .sprout-mark{color:#ff84ff}.site-footer .site-footer-wordmark{letter-spacing:-.03em;color:#ff84ff;font-family:Hypography Web,Charmform Web,system-ui,sans-serif;font-size:2.25rem}.site-footer .site-footer-wordmark .site-logo{width:auto;height:2.25rem;display:block}.site-footer .site-footer-blurb{max-width:24rem;color:var(--muted);margin:1rem 0 0;font-size:.875rem;line-height:1.6}.site-footer .site-footer-chips{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.site-footer .footer-chip{letter-spacing:.04em;color:var(--muted);background:var(--bg);border:1px solid var(--frame);border-radius:2rem;padding:.3rem .7rem;font-size:.6875rem}.site-footer .site-footer-col .site-footer-heading{letter-spacing:.08em;color:var(--tertiary);font-size:.6875rem;font-weight:620;display:block}.site-footer .site-footer-col ul{flex-direction:column;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.site-footer .site-footer-col a{color:var(--muted);font-size:.875rem;text-decoration:none;transition:color .125s}.site-footer .site-footer-col a:hover{color:#ff84ff}.site-footer .site-footer-bar{background:var(--bg);border-top:1px solid var(--frame);color:var(--tertiary);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 2.5rem;font-size:.75rem;display:flex;position:relative}.site-footer .site-footer-top{color:var(--muted);text-decoration:none}.site-footer .site-footer-top:hover{color:#ff84ff}@media (width<=768px){.site-footer .site-footer-inner{grid-template-columns:1fr 1fr}}.tabs button .theme-icon{width:1.1rem;height:1.1rem;display:block}@media (width<=768px){.docs-header .tabs{display:none}}.docs-header-action{white-space:nowrap;flex:none}.docs-tabs{flex-shrink:0}.page-copy{padding-inline:.8rem}.page-copy svg{width:1.05rem;height:1.05rem}.page-copy.done,.page-copy.done:hover:is(button.secondary){color:#00ffb2;background:#00ffb224;border-color:#00ffb2}.ai-dropdown>button{border-color:var(--frame);width:auto;color:var(--fg);background:0 0;justify-content:center;padding-inline:.7rem;font-size:.875rem}.ai-dropdown>button .trigger-icon{display:flex}.ai-dropdown>button .trigger-icon svg{width:1.15rem;height:1.15rem}.ai-dropdown>button .trigger-icon .chevron{color:currentColor;margin-left:0;transform:none}.ai-dropdown>button:hover,.ai-dropdown.open>button{color:#ff84ff;background:0 0;border-color:#ff84ff}.ai-dropdown.open>button .trigger-icon .chevron{transform:rotate(180deg)}:root[data-theme=light] .ai-dropdown>button:hover,:root[data-theme=light] .ai-dropdown.open>button{color:#6b50ff;border-color:#6b50ff}.site-footer .site-footer-inner{grid-template-columns:1.8fr repeat(auto-fit,minmax(8rem,1fr))}.search-modal{padding:1.1rem}.search-modal>.close{display:none}.search-modal .search-modal-row{align-items:flex-start;gap:.5rem;display:flex}.search-modal .search{flex:1;min-width:0;display:block}.search-modal .search-input{background:var(--well);height:3rem;padding:.7rem .9rem;font-size:1.05rem}.search-modal .clear{display:none}.search-modal .search-close{border-radius:calc(.75rem * var(--squircle-scale,1));background:var(--well);width:3rem;height:3rem;color:var(--muted);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:background .125s,color .125s;display:inline-flex}.search-modal .search-close svg{width:1rem;height:1rem}.search-modal .search-close:hover{background:var(--frame);color:var(--fg)}.search-modal .search-menu{max-height:22rem;color:var(--fg);box-shadow:none;background:0 0;margin-top:.6rem;margin-right:-3.5rem;padding:0;position:static}.search-modal .search-item{border-radius:calc(.5rem * var(--squircle-scale,1));color:var(--fg);padding:.6rem .7rem}.search-modal .search-item .detail{color:var(--tertiary);letter-spacing:.06em;text-transform:uppercase;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.65rem}.search-modal .search-item .search-snippet{color:var(--muted)}.search-modal .search-item .search-snippet .search-hit{color:var(--fg);background:#ff84ff38}.search-modal .search-item:hover,.search-modal .search-item.selected{background:color-mix(in srgb, var(--fg) 8%, transparent)}.search-modal .search-item:hover .search-hit,.search-modal .search-item.selected .search-hit{background:#ff84ff4d}.search-modal .search-empty{color:var(--muted)}.search-hints{border-top:1px solid var(--frame);flex-wrap:wrap;gap:1rem;margin-top:.9rem;padding-top:.8rem;display:flex}.search-hint{color:var(--tertiary);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.search-hint .code-inline{font-size:.7rem}.code-block pre .gem-code-line{white-space:pre;min-height:1.5em;display:block}.md-ol{flex-direction:column;gap:.4rem;max-width:40rem;margin:1rem 0;padding-left:1.5rem;line-height:1.55;list-style:decimal;display:flex}.md-ol>li>.md-p{margin:0}.md-image{border-radius:.5rem;max-width:100%;height:auto}.md-quote{max-width:40rem;color:var(--muted);border-left:2px solid var(--frame);margin:1rem 0;padding-left:1rem}.callout{--tone:var(--primary);background:color-mix(in srgb, var(--tone) 10%, var(--bg));border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);border-radius:calc(.6rem * var(--squircle-scale,1));margin:1.25rem 0;padding:.9rem 1rem}.callout .md-p,.callout .md-ul,.callout .md-ol{margin:0}.callout .md-p+.md-p,.callout .md-p+.md-ul,.callout .md-ul+.md-p,.callout .md-p+.md-ol{margin-top:.5rem}.callout--note{--tone:var(--primary)}.callout--warn{--tone:var(--warn)}.callout--danger{--tone:var(--danger)}.callout--success{--tone:var(--ok)}.callout-head{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;margin-bottom:.55rem;display:grid}.callout-icon{color:var(--tone);justify-content:center;align-items:center;line-height:1;display:flex}.callout-icon svg{width:1.5rem;height:1.5rem;display:block}.callout-title{font-variation-settings:"OPTK" -10;letter-spacing:-.01em;color:var(--tone);font-size:1.0625rem;font-weight:700;line-height:1}.code-frame{background:var(--plate);border:1px solid var(--frame);border-radius:calc(.75rem * var(--squircle-scale,1));margin:1.5rem 0;position:relative;overflow:hidden}.code-frame .code-block{background:0 0;border-radius:0;margin:0;padding:0}.code-head{border-bottom:1px solid var(--frame);align-items:center;gap:.75rem;min-height:2.2rem;padding:.3rem .45rem .3rem .9rem;display:flex}.code-id{align-items:center;gap:.5rem;min-width:0;display:flex}.code-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.72rem;font-weight:600;overflow:hidden}.code-head .code-lang,.code-float .code-lang{pointer-events:none;height:1.75rem;color:var(--tertiary);letter-spacing:.06em;background:0 0;border-color:#0000;flex:none;padding:0 .5rem;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.6875rem;font-weight:520}.code-float .code-lang{background:var(--bg);border-radius:calc(.4rem * var(--squircle-scale,1))}.code-actions{align-items:center;margin-left:auto;display:flex}.code-float{z-index:1;align-items:center;gap:.45rem;display:flex;position:absolute;top:.35rem;right:.4rem}.code-float+.code-block pre{padding-right:3rem}.code-block pre{color:var(--fg);tab-size:2;scrollbar-width:thin;margin:0;padding:.9rem 1.15rem 1rem .5rem;font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.8125rem;line-height:1.7;overflow-x:auto}.gem-code-line{white-space:pre;min-height:1.7em;padding-left:2.5rem;display:block;position:relative}.gem-code-line:before{content:attr(data-line);text-align:right;font-variant-numeric:tabular-nums;width:1.8rem;color:color-mix(in srgb, var(--fg) 26%, transparent);-webkit-user-select:none;user-select:none;font-size:.7rem;position:absolute;left:0}.code-head button.copy,.code-float button.copy{background:var(--bg);justify-content:center;width:1.75rem;height:1.75rem;margin-left:auto;padding:0}.code-head button.copy:hover,.code-float button.copy:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, var(--bg))}.code-head button.copy.done,.code-float button.copy.done{color:#00ffb2;background:color-mix(in srgb, #00ffb2 14%, var(--bg));border-color:#00ffb24d}.code-head button.copy .copy-icon,.code-head button.copy .check-icon,.code-float button.copy .copy-icon,.code-float button.copy .check-icon{width:.9rem;height:.9rem}.tok-kw{color:#6b50ff;font-weight:620}.tok-type{color:#ff60ff}.tok-str{color:#00ffb2}.tok-comment{color:var(--tertiary);font-style:italic}.code-inline{background:color-mix(in srgb, var(--fg) 6%, transparent);border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);border-radius:calc(.3rem * var(--squircle-scale,1));color:var(--fg);white-space:nowrap;padding:.14em .42em;font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.82em}.gem-raw{color:var(--tertiary);font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.8125rem}.gem-unknown{border:1px dashed var(--frame);border-radius:.5rem;margin:1rem 0;padding:.6rem .8rem}.gem-unknown:before{content:"unregistered component: " attr(data-component);color:var(--tertiary);margin-bottom:.35rem;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.7rem;display:block}.gem-error{white-space:pre-wrap;color:var(--fg);background:var(--well);border:1px solid var(--danger);border-radius:.5rem;margin:2rem;padding:1rem;font-family:Fraktion Mono Web,ui-monospace,monospace;font-size:.8125rem}.code-group{margin:1.25rem 0}.code-group .tabs.underline{display:flex}.code-group .code-float .code-lang{display:none}.code-group .code-frame{margin:.9rem 0 0}.code-group .code-panel[hidden]{display:none}.docs-header-title{gap:.6rem}.docs-header-title:after,.burger-wordmark:after{content:"Crush Docs";content:"Crush Docs" / "";color:var(--fg);letter-spacing:-.01em;white-space:nowrap;font-family:Charmform Web,system-ui,-apple-system,sans-serif;font-weight:620}.docs-header-title:after{font-size:1.35rem}.burger .burger-wordmark{align-items:center;gap:.6rem}.burger .burger-logo .burger-wordmark .site-logo{pointer-events:auto;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:flex}.burger .burger-wordmark:after{font-size:1.35rem}@media (width<=400px){.docs-header-title:after{display:none}}