.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.profile-page{box-sizing:border-box;text-align:left;width:100%;max-width:760px;margin:0 auto;padding:48px 24px}.profile-summary{align-items:flex-start;gap:24px;display:flex}.profile-avatar{text-align:center;flex-shrink:0;width:112px}.profile-details{flex:1;min-width:0}.profile-name-row,.profile-bio-row{align-items:baseline;gap:12px;display:flex}.profile-bio-row{margin-top:12px}.profile-summary h1{overflow-wrap:anywhere;min-width:0;margin:0;font-size:36px;line-height:1.2}.profile-page button{border:1px solid var(--palette-primary);background:var(--palette-primary);color:var(--palette-surface);font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:16px}.profile-page button:hover{background:var(--palette-text)}.profile-page button:disabled{cursor:default;opacity:.6}.profile-page .profile-picture{box-sizing:border-box;background:var(--palette-surface);border:1px solid var(--border);width:112px;height:112px;color:var(--palette-primary);border-radius:50%;place-items:center;padding:0;font-size:40px;display:grid;position:relative;overflow:hidden}.profile-picture img{object-fit:cover;width:100%;height:100%}.profile-picture-edit{background:var(--palette-text);color:var(--palette-surface);opacity:0;padding:4px 0;font-size:14px;position:absolute;inset:auto 0 0}.profile-picture:hover .profile-picture-edit,.profile-picture:focus-visible .profile-picture-edit{opacity:1}.profile-page .profile-edit-link{color:var(--palette-primary);text-underline-offset:3px;background:0 0;border:0;flex-shrink:0;padding:4px 0;font-size:14px;text-decoration:underline}.profile-page .profile-edit-link:hover{color:var(--palette-text)}.profile-editor{width:100%;min-width:0}.profile-editor input,.profile-editor textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--palette-surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:10px}.profile-editor textarea{resize:vertical}.profile-edit-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.profile-page .profile-secondary{background:var(--palette-surface);color:var(--palette-primary)}.profile-page .profile-danger{color:#fff;background:#9b2929;border-color:#9b2929;margin-top:16px}.profile-page .profile-danger:hover{background:#762020}.profile-delete{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;line-height:1.7}.profile-feedback:not(:empty){margin-top:20px}@media (width<=480px){.profile-page{padding:32px 20px}.profile-summary{gap:16px}.profile-avatar{width:80px}.profile-page .profile-picture{width:80px;height:80px}.profile-summary h1{font-size:28px}}.admin-page{box-sizing:border-box;text-align:left;width:100%;padding:32px 24px}.admin-page h1{margin:0 0 20px;font-size:36px;line-height:1.2}.admin-page>p{margin-bottom:12px}.admin-table-scroll{margin-top:24px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table caption{text-align:left;margin-bottom:12px;font-weight:600}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;padding:12px}.admin-table th{font-weight:600}.admin-user-name,.admin-user-email{overflow-wrap:anywhere;min-width:160px;display:block}.admin-user-email{font-weight:400}.admin-table select{border:1px solid var(--border);background:var(--palette-surface);color:var(--text);font:inherit;border-radius:6px;padding:8px}.admin-table select:disabled{opacity:.6}#root:has(.login-page){border:0;width:100%}.login-page{box-sizing:border-box;background:var(--palette-background);min-height:100svh;color:var(--palette-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-align:left;flex:1;justify-content:center;align-items:center;padding:24px 20px;font-size:16px;display:flex}.login-box{box-sizing:border-box;border:1px solid var(--palette-muted);background:var(--palette-surface);border-radius:8px;width:100%;max-width:410px;margin:0 auto;padding:24px}.login-box h2{color:var(--palette-text);margin-bottom:12px}.login-form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.login-form input{box-sizing:border-box;border:0;min-width:0;font-family:inherit}.login-form button{border:0;font-family:inherit}.login-box a{color:var(--palette-primary);text-decoration:underline}.login-message{font-size:14px}.login-note{color:var(--palette-muted);margin:16px 0;font-size:14px}.blog-authors{flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:0 0 28px;padding:0;list-style:none;display:flex}.blog-authors li{min-width:0;max-width:100%}.blog-author{text-align:left;align-items:center;gap:10px;font-size:16px;text-decoration:none;display:flex}.blog-author:hover .blog-author-name{text-underline-offset:3px;text-decoration:underline}.blog-author-picture{object-fit:cover;background:var(--palette-surface);width:40px;height:40px;color:var(--palette-primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.blog-author-name{overflow-wrap:anywhere;min-width:0}.blog-posts{text-align:left;max-width:100%;margin:32px auto}.blog-posts button{border:1px solid var(--palette-primary);background:var(--palette-primary);color:var(--palette-surface);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px;font-size:14px}.blog-posts button:disabled{opacity:.6;cursor:default}.blog-posts .post-text-button{color:var(--palette-primary);background:0 0;border:0;padding:4px 0}.blog-posts .post-text-button:hover{text-decoration:underline}.post-editor{margin-bottom:32px;scroll-margin-top:24px}.post-title-input,.post-source textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--palette-surface);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:12px}.post-title-input{margin-bottom:16px;font-size:24px}.post-editor-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.post-source,.post-preview{min-width:0}.post-source-heading,.post-preview-label{align-items:center;min-height:36px;font-size:14px;display:flex}.post-source-heading{justify-content:space-between;gap:12px}.post-source textarea{resize:vertical;min-height:360px;font-family:var(--mono);font-size:14px;line-height:1.6}.post-preview .markdown-body{border:1px solid var(--border);box-sizing:border-box;border-radius:6px;min-height:360px;max-height:70vh;padding:12px;overflow:auto}.post-actions{gap:16px;margin-top:16px;display:flex}.blog-page .post-feedback,.blog-page .post-empty{margin-top:20px}.blog-post{border-top:3px solid var(--palette-text);margin-top:24px;padding:32px 0}.blog-post>header h2{overflow-wrap:anywhere;font-size:30px;line-height:1.2}.post-meta{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 24px;font-size:14px;display:flex}.post-meta a{overflow-wrap:anywhere}.post-author{align-items:center;gap:8px;min-width:0;display:inline-flex}.post-author-picture{object-fit:cover;background:var(--palette-surface);width:32px;height:32px;color:var(--palette-primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.markdown-body{overflow-wrap:anywhere;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body h1{margin:24px 0 16px;font-size:30px;line-height:1.2}.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:24px;line-height:1.3}.markdown-body img{border-radius:4px;max-width:100%;height:auto;margin:16px 0;display:block}.markdown-body pre{background:var(--palette-surface);border-radius:6px;padding:16px;overflow-x:auto}.markdown-body code{white-space:break-spaces;display:inline}.markdown-body pre code{white-space:pre;padding:0}.markdown-body blockquote{border-left:3px solid var(--border);margin-left:0;padding-left:16px}.markdown-body table{border-collapse:collapse;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 12px}@media (width<=760px){.post-editor-columns{grid-template-columns:1fr}.post-source textarea{min-height:260px}.post-preview .markdown-body{min-height:160px}}.post-suggestions{margin-top:24px}.suggestion-form{flex-direction:column;gap:12px;margin:20px 0;display:flex}.suggestion-form textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--palette-surface);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:12px}.suggestion-form .suggestion-source{height:240px;font-family:var(--mono);font-size:14px}.suggestion-list{margin-top:20px}.suggestion-list summary{cursor:pointer}.suggestion{border-bottom:1px solid var(--border);padding:20px 0}.suggestion-comparison{grid-template-columns:1fr 1fr;gap:16px;display:grid}.suggestion-comparison>div{min-width:0}.suggestion-text{background:var(--palette-surface);white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 var(--mono);max-height:260px;padding:12px;overflow:auto}.suggestion-comment{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=760px){.suggestion-comparison{grid-template-columns:1fr}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-style:solid;--tw-mask-linear:linear-gradient(#fff, #fff);--tw-mask-radial:linear-gradient(#fff, #fff);--tw-mask-conic:linear-gradient(#fff, #fff);--tw-mask-left:linear-gradient(#fff, #fff);--tw-mask-right:linear-gradient(#fff, #fff);--tw-mask-bottom:linear-gradient(#fff, #fff);--tw-mask-top:linear-gradient(#fff, #fff);--tw-mask-bottom-from-position:0%;--tw-mask-bottom-to-position:100%;--tw-mask-bottom-from-color:black;--tw-mask-bottom-to-color:transparent;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.right-0\.5{right:calc(var(--spacing) * .5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-max{height:max-content}.w-full{width:100%}.w-max{width:max-content}.max-w-xs{max-width:var(--container-xs)}.shrink-0{flex-shrink:0}.origin-\(--trigger-anchor-point\){transform-origin:var(--trigger-anchor-point)}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-r-\[inherit\]{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.bg-brand-solid{background-color:var(--palette-primary)}.bg-primary{background-color:var(--palette-surface)}.bg-transparent{background-color:#0000}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-40\%{--tw-gradient-to-position:40%}.stroke-current{stroke:currentColor}.stroke-\[2\.25px\]{stroke-width:2.25px}.p-0\!{padding:0!important}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-px{padding-block:1px}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-9\.5{padding-right:calc(var(--spacing) * 9.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-10\.5{padding-left:calc(var(--spacing) * 10.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-md{font-size:1rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-brand-tertiary,.text-error-primary,.text-fg-error-secondary{color:var(--palette-primary)}.text-fg-quaternary{color:var(--palette-muted)}.text-primary,.text-secondary{color:var(--palette-text)}.text-tertiary{color:var(--palette-muted)}.text-white{color:var(--color-white)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-brand,.ring-error,.ring-error_subtle{--tw-ring-color:var(--palette-accent)}.ring-primary{--tw-ring-color:var(--palette-muted)}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-brand{outline-color:var(--palette-accent)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.group-required\:block:is(:where(.group):is(:where([data-rac])[data-required],:where(:not([data-rac])):required) *){display:block}.group-invalid\:text-error-primary:is(:where(.group):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *){color:var(--palette-primary)}.group-invalid\:ring-2:is(:where(.group):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-invalid\:ring-error:is(:where(.group):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *),.group-invalid\:ring-error_subtle:is(:where(.group):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *){--tw-ring-color:var(--palette-accent)}.group-invalid\/input\:block:is(:where(.group\/input):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *){display:block}.group-invalid\/input\:hidden:is(:where(.group\/input):is(:where([data-rac])[data-invalid],:where(:not([data-rac])):invalid) *){display:none}.group-disabled\:cursor-not-allowed:is(:where(.group):is(:where([data-rac])[data-disabled],:where(:not([data-rac])):disabled) *){cursor:not-allowed}.group-disabled\:opacity-50:is(:where(.group):is(:where([data-rac])[data-disabled],:where(:not([data-rac])):disabled) *){opacity:.5}.placeholder\:text-placeholder::placeholder{color:var(--palette-muted)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-px:before{content:var(--tw-content);inset:1px}.before\:rounded-\[7px\]:before{content:var(--tw-content);border-radius:7px}.before\:border:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.before\:border-white\/12:before{content:var(--tw-content);border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.before\:border-white\/12:before{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.before\:mask-b-from-0\%:before{content:var(--tw-content);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);-webkit-mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);mask-image:var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);--tw-mask-bottom:linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));--tw-mask-bottom-from-position:0%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.autofill\:rounded-lg:autofill{border-radius:var(--radius-lg)}.autofill\:text-primary:autofill{color:var(--palette-text)}@media (hover:hover){.hover\:bg-brand-solid_hover:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover){background-color:var(--palette-text)}.hover\:text-fg-quaternary_hover:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover){color:var(--palette-text)}}.focus\:text-fg-quaternary_hover:is(:where([data-rac])[data-focused],:where(:not([data-rac])):focus){color:var(--palette-text)}.focus\:outline-hidden:is(:where([data-rac])[data-focused],:where(:not([data-rac])):focus){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:is(:where([data-rac])[data-focused],:where(:not([data-rac])):focus){outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-2:is(:where([data-rac])[data-focus-visible],:where(:not([data-rac])):focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:is(:where([data-rac])[data-focus-visible],:where(:not([data-rac])):focus-visible){outline-offset:2px}.disabled\:cursor-not-allowed:is(:where([data-rac])[data-disabled],:where(:not([data-rac])):disabled){cursor:not-allowed}.disabled\:opacity-50:is(:where([data-rac])[data-disabled],:where(:not([data-rac])):disabled){opacity:.5}:where([data-input-wrapper]) .in-data-input-wrapper\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-4{padding-inline:calc(var(--spacing) * 4)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:text-md{font-size:1rem}:where([data-input-wrapper]) .in-data-input-wrapper\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:is(:where([data-rac])[data-focused],:where(:not([data-rac])):focus){z-index:50!important}:where([data-input-wrapper]) .in-data-input-wrapper\:disabled\:opacity-100:is(:where([data-rac])[data-disabled],:where(:not([data-rac])):disabled){opacity:1}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:-mr-px){margin-right:-1px}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-r-none){border-top-right-radius:0;border-bottom-right-radius:0}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none):before{content:var(--tw-content);border-top-right-radius:0;border-bottom-right-radius:0}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:-ml-px){margin-left:-1px}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-l-none){border-top-left-radius:0;border-bottom-left-radius:0}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none):before{content:var(--tw-content);border-top-left-radius:0;border-bottom-left-radius:0}:where([data-input-size=sm]) .in-data-\[input-size\=sm\]\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}:where([data-placement=left]) .in-placement-left\:-rotate-90{rotate:-90deg}:where([data-placement=right]) .in-placement-right\:rotate-90{rotate:90deg}:where([data-placement=top]) .in-placement-top\:rotate-0{rotate:0deg}:where([data-placement=bottom]) .in-placement-bottom\:rotate-180{rotate:180deg}:is(.\*\:data-icon\:pointer-events-none>*)[data-icon]{pointer-events:none}:is(.\*\:data-icon\:size-4>*)[data-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:data-icon\:size-5>*)[data-icon]{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}:is(.\*\:data-icon\:shrink-0>*)[data-icon]{flex-shrink:0}:is(.\*\:data-icon\:stroke-\[2\.25px\]>*)[data-icon]{stroke-width:2.25px}:is(.\*\:data-icon\:text-fg-error-secondary>*)[data-icon]{color:var(--palette-primary)}:is(.\*\:data-icon\:text-fg-quaternary>*)[data-icon]{color:var(--palette-muted)}:is(.\*\:data-icon\:text-white\/60>*)[data-icon]{color:#fff9}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-icon\:text-white\/60>*)[data-icon]{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}@media (hover:hover){:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover)>*)[data-icon]{color:var(--palette-text)}:is(.hover\:\*\:data-icon\:text-white\/70:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover)>*)[data-icon]{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){:is(.hover\:\*\:data-icon\:text-white\/70:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover)>*)[data-icon]{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}}.data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing) * 2)}.data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing) * 2.5)}.data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing) * 3)}.data-icon-only\:p-3\.5[data-icon-only]{padding:calc(var(--spacing) * 3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing) * 2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing) * 3)}.data-loading\:bg-brand-solid_hover[data-loading]{background-color:var(--palette-text)}:is(.\*\:data-text\:underline>*)[data-text]{text-decoration-line:underline}:is(.\*\:data-text\:decoration-transparent>*)[data-text]{text-decoration-color:#0000}:is(.\*\:data-text\:underline-offset-2>*)[data-text]{text-underline-offset:2px}:is(.\*\:data-text\:underline-offset-3>*)[data-text]{text-underline-offset:3px}:is(.\*\:data-text\:underline-offset-4>*)[data-text]{text-underline-offset:4px}@media (hover:hover){:is(.hover\:\*\:data-text\:decoration-current:is(:where([data-rac])[data-hovered],:where(:not([data-rac])):hover)>*)[data-text]{text-decoration-color:currentColor}}@media (width>=48rem){.md\:flex{display:flex}}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible>:not([data-icon=loading]){visibility:hidden}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden>:not([data-icon=loading]):not([data-text]){display:none}}:root{--text:var(--palette-text);--text-h:var(--palette-text);--bg:var(--palette-background);--border:var(--palette-muted);--code-bg:var(--palette-surface);--accent:var(--palette-primary);--accent-bg:var(--palette-surface);--accent-border:var(--palette-accent);--social-bg:var(--palette-surface);--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}a{color:var(--palette-primary)}a:hover{color:var(--palette-text)}:focus-visible{outline:2px solid var(--palette-accent);outline-offset:2px}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.blog-page{padding:24px}.blog-page p{margin-bottom:20px}.site-header{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:24px;padding:24px;display:flex}.site-brand{color:var(--text-h);letter-spacing:-1px;font-size:24px;font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:14px;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover,.site-nav a.active{text-underline-offset:5px;text-decoration:underline}.site-account{text-align:right;flex-shrink:0;justify-content:flex-end;align-items:center;max-width:12rem;min-height:42px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.site-user-name{overflow-wrap:anywhere}.site-login{color:var(--palette-surface);background:var(--palette-primary);white-space:nowrap;border-radius:8px;padding:8px 18px;text-decoration:none;display:inline-block}.site-login:hover{color:var(--palette-surface);background:var(--palette-text)}.home-page{text-align:left;max-width:760px;margin:0 auto;padding:100px 24px}.home-eyebrow{color:var(--palette-primary);letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:600}.home-page h1{margin:24px 0;line-height:1.1}.home-intro{font-size:22px;line-height:1.6}.home-description{margin-top:20px;line-height:1.7}.home-about{text-underline-offset:5px;margin-top:32px;font-weight:600;display:inline-block}@media (width<=760px){.site-header{flex-wrap:wrap;gap:20px;padding:20px}.site-nav{order:1;width:100%}.site-account{max-width:min(12rem,65%)}.home-page{padding:64px 20px}.home-intro{font-size:20px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-left{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-right{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-top{syntax:"*";inherits:false;initial-value:linear-gradient(#fff, #fff)}@property --tw-mask-bottom-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-bottom-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-bottom-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-bottom-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}