html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020420;--green-50:#effdf5;--green-100:#d9fbe8;--green-200:#b3f5d1;--green-300:#75edae;--green-400:#00dc82;--green-500:#00c16a;--green-600:#00a155;--green-700:#007f45;--green-800:#016538;--green-900:#0a5331;--green-950:#052e16}@font-face{font-family:DM Sans;src:local("DM Sans Regular Italic"),local("DM Sans Italic"),url(../_fonts/_f_D9FrYx9WC6rMoN-XIiKr0MrdoBMctPQnH486CSgI-tnULZ2yZYYyuQfe1j2_kbzXIMBB5roNnOIGTvNk6djE.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:italic}@font-face{font-family:"DM Sans Fallback: Arial";src:local("Arial");size-adjust:104.531%;ascent-override:94.9001%;descent-override:29.6563%;line-gap-override:0%}@font-face{font-family:DM Sans;src:local("DM Sans Regular Italic"),local("DM Sans Italic"),url(../_fonts/rgF0HD5GPi1s4WYaIHOxupWsPi984tKZDqufRu-GjL8-7wiV9dPacBaOYW_beZr34lkC1uZPUqNLalndBcW1EGw.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:italic}@font-face{font-family:DM Sans;src:local("DM Sans Regular"),local("DM Sans"),url(../_fonts/5AQzcQNjpIC79lI__OIVMvPASkts6w6axsIFsQvdqTQ-fD9ZTIlFjMxZzBqU1ch5Gyxuz2hirczkYXMV94GL3P0.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:local("DM Sans Regular"),local("DM Sans"),url(../_fonts/E941mGjq14aX0c-agjWMEC0Ji8ct3t_a9uZskkKE58w-h5M_6ent_E1Tq676QKbnMY4b1t1gSAPc6B21flXgWqI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:DM Sans;src:local("DM Sans Regular Italic"),local("DM Sans Italic"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-bTuzqnjVUcBWQNlNmzB37BVNgg3eDR6l9jYSqc9qVws.woff) format(woff);font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:DM Sans;src:local("DM Sans Regular"),local("DM Sans"),url(../_fonts/1ZTlEDqU4DtwDJiND8f6qaugUpa0RIDvQl-v7iM6l54-gmJjJdXKsb84MXKbz1zkL42ZikMFnQiBEJfjNsTPtyc.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}:root{background-color:#fff;font-family:DM Sans,"DM Sans Fallback: Arial",sans-serif}:root *{box-sizing:border-box}:root [role=button],:root button{cursor:pointer}@media(prefers-color-scheme:dark){:root{background-color:var(--slate-950)}}@property --noc-transition-enter-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --noc-transition-leave-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --noc-transition-enter-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --noc-transition-leave-delay{syntax:"<time>";inherits:false;initial-value:0s}.noc-blur-enter-active[data-v-fec99d84],.noc-blur-leave-active[data-v-fec99d84]{inset-block-start:0;inset-inline-start:0;position:absolute;transition:all var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay);will-change:opacity,filter}.noc-blur-leave-active[data-v-fec99d84]{transition:all var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay)}.noc-blur-enter-from[data-v-fec99d84]{filter:blur(8px);opacity:0}.noc-blur-enter-to[data-v-fec99d84],.noc-blur-leave-from[data-v-fec99d84]{filter:blur();opacity:1}.noc-blur-leave-to[data-v-fec99d84]{filter:blur(8px);opacity:0}.noc-clip-enter-active[data-v-65f5f5ac]{position:relative;transition:all var(--noc-transition-enter-duration)ease-in var(--noc-transition-enter-delay)}.noc-clip-leave-active[data-v-65f5f5ac]{position:absolute;transition:all calc(var(--noc-transition-leave-duration) - 10ms)linear calc(var(--noc-transition-leave-delay))}.noc-clip-circle.noc-clip-enter-from[data-v-65f5f5ac]{clip-path:circle(0)}.noc-clip-circle.noc-clip-enter-to[data-v-65f5f5ac]{clip-path:circle(100%)}.noc-clip-square.noc-clip-enter-from[data-v-65f5f5ac]{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.noc-clip-square.noc-clip-enter-to[data-v-65f5f5ac]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.noc-dissolve-list>*{--noc-transition-enter-duration:inherit;--noc-transition-leave-duration:inherit;--noc-transition-enter-delay:inherit;--noc-transition-leave-delay:inherit}.noc-dissolve-enter-active{transition:opacity var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay);will-change:opacity}.noc-dissolve-leave-active{backface-visibility:hidden;position:absolute;transition:opacity var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay);will-change:opacity}.noc-dissolve-enter-from,.noc-dissolve-leave-to{opacity:0}.noc-dissolve-enter-to,.noc-dissolve-leave-from{opacity:1}.noc-dissolve-move{transition:transform var(--noc-transition-enter-duration)ease-out var(--noc-transition-enter-delay)}.noc-dissolve-enter-active[data-v-a98e0a99]{transition:opacity var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay)}.noc-dissolve-enter-active[data-v-a98e0a99],.noc-dissolve-leave-active[data-v-a98e0a99]{backface-visibility:hidden;inset-block-start:0;inset-inline-start:0;position:absolute;will-change:opacity}.noc-dissolve-leave-active[data-v-a98e0a99]{transition:opacity var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay)}.noc-dissolve-enter-from[data-v-a98e0a99],.noc-dissolve-leave-to[data-v-a98e0a99]{opacity:0}.noc-dissolve-enter-to[data-v-a98e0a99],.noc-dissolve-leave-from[data-v-a98e0a99]{opacity:1}.noc-fade-slide-enter-active[data-v-475efc48],.noc-fade-slide-leave-active[data-v-475efc48]{backface-visibility:hidden;inset-block-start:0;inset-inline-start:0;position:absolute;transition:all var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay)}.noc-fade-slide-leave-active[data-v-475efc48]{backface-visibility:hidden;transition:all var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay)}.noc-fade-slide-enter-from[data-v-475efc48]{opacity:0;transform:translateY(.5rem)}.noc-fade-slide-enter-to[data-v-475efc48],.noc-fade-slide-leave-from[data-v-475efc48]{opacity:1;transform:translateY(0)}.noc-fade-slide-leave-to[data-v-475efc48]{opacity:0;transform:translateY(.5rem)}.noc-push-enter-active[data-v-2822b81a],.noc-push-leave-active[data-v-2822b81a]{backface-visibility:hidden;inset-block-start:0;inset-inline-start:0;position:absolute;transition:opacity var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay),transform var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay);will-change:opacity,transform}.noc-push-leave-active[data-v-2822b81a]{backface-visibility:hidden;transition:opacity var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay),transform var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay)}.noc-push-enter-to[data-v-2822b81a],.noc-push-leave-from[data-v-2822b81a]{opacity:1;transform:translate(0)}.noc-push-left.noc-push-enter-from[data-v-2822b81a]{opacity:0;transform:translate(100%)}.noc-push-left.noc-push-leave-to[data-v-2822b81a],.noc-push-right.noc-push-enter-from[data-v-2822b81a]{opacity:0;transform:translate(-100%)}.noc-push-right.noc-push-leave-to[data-v-2822b81a]{opacity:0;transform:translate(100%)}.noc-push-up.noc-push-enter-from[data-v-2822b81a]{opacity:0;transform:translateY(100%)}.noc-push-down.noc-push-enter-from[data-v-2822b81a],.noc-push-up.noc-push-leave-to[data-v-2822b81a]{opacity:0;transform:translateY(-100%)}.noc-push-down.noc-push-leave-to[data-v-2822b81a]{opacity:0;transform:translateY(100%)}.noc-rotate-enter-active[data-v-c4785237],.noc-rotate-leave-active[data-v-c4785237]{transition:all var(--noc-transition-enter-duration)linear var(--noc-transition-enter-delay)}.noc-rotate-leave-active[data-v-c4785237]{transition:all var(--noc-transition-leave-duration)linear var(--noc-transition-leave-delay)}.noc-rotate-enter-from[data-v-c4785237]{filter:blur(4px);opacity:1;transform:rotate(12deg)}.noc-rotate-enter-to[data-v-c4785237],.noc-rotate-leave-from[data-v-c4785237]{filter:blur();opacity:1;transform:rotate(0)}.noc-rotate-leave-to[data-v-c4785237]{filter:blur(4px);opacity:1;transform:rotate(12deg)}.noc-scale-list>*{--noc-transition-enter-duration:inherit;--noc-transition-leave-duration:inherit;--noc-transition-enter-delay:inherit;--noc-transition-leave-delay:inherit}.noc-scale-list-enter-active{transition:opacity var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay),transform var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay);will-change:opacity,transform}.noc-scale-list-leave-active{backface-visibility:hidden;position:absolute;transition:opacity var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay),transform var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay);will-change:opacity,transform}.noc-scale-list-enter-from,.noc-scale-list-leave-to{opacity:0;transform:scale(0)}.noc-scale-list-enter-to,.noc-scale-list-leave-from{opacity:1;transform:scale(1)}.noc-scale-list-move{transition:transform var(--noc-transition-enter-duration)ease-out var(--noc-transition-enter-delay)}.noc-scale-enter-active[data-v-f5da5408],.noc-scale-leave-active[data-v-f5da5408]{transform-origin:var(--noc-transform-origin,top left);transition:all var(--noc-transition-enter-duration)ease-out var(--noc-transition-enter-delay);will-change:opacity,transform}.noc-scale-leave-active[data-v-f5da5408]{transition:all var(--noc-transition-leave-duration)ease-out var(--noc-transition-leave-delay)}.noc-scale-enter-from[data-v-f5da5408]{opacity:0;transform:scale(0)}.noc-scale-enter-to[data-v-f5da5408],.noc-scale-leave-from[data-v-f5da5408]{opacity:1;transform:scale(1)}.noc-scale-leave-to[data-v-f5da5408]{opacity:0;transform:scale(0)}.noc-scale-move[data-v-f5da5408]{transition:transform .3s cubic-bezier(.25,.8,.5,1)}.noc-wipe-enter-active[data-v-41990a90]{transition:transform var(--noc-transition-enter-duration)ease-out var(--noc-transition-enter-delay);z-index:10}.noc-wipe-leave-active[data-v-41990a90]{position:absolute;transition:transform calc(var(--noc-transition-leave-duration) - 10ms)ease var(--noc-transition-leave-delay)}.noc-wipe-enter-from[data-v-41990a90]{transform:translate(-100%)}.noc-wipe-enter-to[data-v-41990a90]{transform:translate(0)}.noc-zoom-enter-active[data-v-6112c8a6],.noc-zoom-leave-active[data-v-6112c8a6]{inset-block-start:0;inset-inline-start:0;position:absolute;transition:transform var(--noc-transition-enter-duration)ease var(--noc-transition-enter-delay);will-change:transform}.noc-zoom-leave-active[data-v-6112c8a6]{transition:transform var(--noc-transition-leave-duration)ease var(--noc-transition-leave-delay)}.noc-zoom-enter-from[data-v-6112c8a6],.noc-zoom-leave-to[data-v-6112c8a6]{transform:scale(1.05)}.noc-zoom-enter-to[data-v-6112c8a6],.noc-zoom-leave-from[data-v-6112c8a6]{transform:scale(1)}button.copy-btn{align-items:center;aspect-ratio:1/1;background-color:transparent;background-image:none;border:0;color:var(--slate-500);cursor:pointer;display:flex;justify-content:center}button.copy-btn:hover{color:var(--green-500)}@media(prefers-color-scheme:dark){button.copy-btn{color:var(--slate-300)}button.copy-btn:hover{color:var(--green-400)}}button.copy-btn span{background-color:currentcolor;display:inline-block;height:1em;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTI0IDB2MjRIMFYwek0xMi41OTMgMjMuMjU4bC0uMDExLjAwMi0uMDcxLjAzNS0uMDIuMDA0LS4wMTQtLjAwNC0uMDcxLS4wMzVxLS4wMTYtLjAwNS0uMDI0LjAwNWwtLjAwNC4wMS0uMDE3LjQyOC4wMDUuMDIuMDEuMDEzLjEwNC4wNzQuMDE1LjAwNC4wMTItLjAwNC4xMDQtLjA3NC4wMTItLjAxNi4wMDQtLjAxNy0uMDE3LS40MjdxLS4wMDQtLjAxNi0uMDE3LS4wMThtLjI2NS0uMTEzLS4wMTMuMDAyLS4xODUuMDkzLS4wMS4wMS0uMDAzLjAxMS4wMTguNDMuMDA1LjAxMi4wMDguMDA3LjIwMS4wOTNxLjAxOS4wMDUuMDI5LS4wMDhsLjAwNC0uMDE0LS4wMzQtLjYxNHEtLjAwNS0uMDE4LS4wMi0uMDIybS0uNzE1LjAwMmEuMDIuMDIgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0LS4wMzQuNjE0cS4wMDEuMDE4LjAxNy4wMjRsLjAxNS0uMDAyLjIwMS0uMDkzLjAxLS4wMDguMDA0LS4wMTEuMDE3LS40My0uMDAzLS4wMTItLjAxLS4wMXoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik05IDJhMiAyIDAgMCAwLTIgMnYyaDJWNGgxMXYxMWgtMnYyaDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6TTQgN2EyIDIgMCAwIDAtMiAydjExYTIgMiAwIDAgMCAyIDJoMTFhMiAyIDAgMCAwIDItMlY5YTIgMiAwIDAgMC0yLTJ6bTAgMmgxMXYxMUg0eiIvPjwvZz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTI0IDB2MjRIMFYwek0xMi41OTMgMjMuMjU4bC0uMDExLjAwMi0uMDcxLjAzNS0uMDIuMDA0LS4wMTQtLjAwNC0uMDcxLS4wMzVxLS4wMTYtLjAwNS0uMDI0LjAwNWwtLjAwNC4wMS0uMDE3LjQyOC4wMDUuMDIuMDEuMDEzLjEwNC4wNzQuMDE1LjAwNC4wMTItLjAwNC4xMDQtLjA3NC4wMTItLjAxNi4wMDQtLjAxNy0uMDE3LS40MjdxLS4wMDQtLjAxNi0uMDE3LS4wMThtLjI2NS0uMTEzLS4wMTMuMDAyLS4xODUuMDkzLS4wMS4wMS0uMDAzLjAxMS4wMTguNDMuMDA1LjAxMi4wMDguMDA3LjIwMS4wOTNxLjAxOS4wMDUuMDI5LS4wMDhsLjAwNC0uMDE0LS4wMzQtLjYxNHEtLjAwNS0uMDE4LS4wMi0uMDIybS0uNzE1LjAwMmEuMDIuMDIgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0LS4wMzQuNjE0cS4wMDEuMDE4LjAxNy4wMjRsLjAxNS0uMDAyLjIwMS0uMDkzLjAxLS4wMDguMDA0LS4wMTEuMDE3LS40My0uMDAzLS4wMTItLjAxLS4wMXoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik05IDJhMiAyIDAgMCAwLTIgMnYyaDJWNGgxMXYxMWgtMnYyaDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6TTQgN2EyIDIgMCAwIDAtMiAydjExYTIgMiAwIDAgMCAyIDJoMTFhMiAyIDAgMCAwIDItMlY5YTIgMiAwIDAgMC0yLTJ6bTAgMmgxMXYxMUg0eiIvPjwvZz48L3N2Zz4=);width:1em}button.copy-btn.checked span{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTkgMTYuMTcgNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIvPjwvc3ZnPg==)}.code-highlight{border-color:var(--slate-200);border-radius:.375rem;border-style:solid;border-width:1px;position:relative}@media(prefers-color-scheme:dark){.code-highlight{border-color:var(--slate-800)}}.code-highlight .code-header{padding:1rem}.code-highlight .code-header .filename{color:var(--slate-800)}@media(prefers-color-scheme:dark){.code-highlight .code-header .filename{color:var(--slate-200)}}.code-highlight .copy-code{position:absolute;right:1rem;top:1rem;z-index:10}.code-highlight .code .shiki{margin:0}.code-highlight .code>*{border-radius:.375rem;padding:1rem}@media(prefers-color-scheme:dark){.shiki,.shiki span{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.tile-wrapper{border-color:var(--slate-200);border-radius:.375rem;border-style:solid;border-width:1px;color:var(--slate-800);height:16rem;overflow:hidden;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(prefers-color-scheme:dark){.tile-wrapper{border-color:var(--slate-800);color:var(--slate-200)}}@media(min-width:1024px){.installation-section{grid-area:1/1/2/3}}.installation-section h2{margin-top:0;padding-inline:.5rem}.installation-section .install-methods{display:flex;font-size:.875rem;row-gap:.25rem}.installation-section .install-methods button.install-btn{background-color:transparent;background-image:none;border:0;border-radius:.375rem;color:var(--slate-800);padding:.5rem}@media(prefers-color-scheme:dark){.installation-section .install-methods button.install-btn{color:var(--slate-200)}}.installation-section .install-methods button.install-btn:hover{background-color:var(--slate-200)}@media(prefers-color-scheme:dark){.installation-section .install-methods button.install-btn:hover{background-color:var(--slate-900)}}.installation-section .install-methods button.install-btn.selected{background-color:var(--slate-300)}@media(prefers-color-scheme:dark){.installation-section .install-methods button.install-btn.selected{background-color:var(--slate-800)}}@media(min-width:768px){.configuration-section{grid-area:2/span 2/2/-1}}.configuration-section h2{margin-top:0;padding-inline:.5rem}.header-section{align-content:center;display:grid;gap:1rem;grid-area:1/-2/2/-1;grid-template-rows:64px 2rem 1.5rem;place-items:center}.header-section img{left:50%;top:50%;translate:-50% -50%}.header-section h2,.header-section h3,.header-section img{position:absolute}.header-section h2,.header-section h3{align-items:center;display:flex;inset:0;justify-content:center;margin:0}.grid-cell{height:100%;position:relative;width:100%}.interactive-section{align-items:center;display:flex;font-weight:600;justify-content:center;position:relative}.interactive-section .copy-code{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .15s cubic-bezier(.4,0,.2,1);z-index:10}.interactive-section button.transition-name{align-items:center;background-color:transparent;background-image:none;border:0;color:inherit;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;width:100%;z-index:10}.interactive-section .transition-wrapper{height:100%;position:relative;width:100%}.interactive-section .transition-wrapper .transition-content{background-color:var(--slate-200);border-radius:.375rem;height:inherit;width:inherit}@media(prefers-color-scheme:dark){.interactive-section .transition-wrapper .transition-content{background-color:var(--slate-900)}}.interactive-section .transition-wrapper .transition-content{border-radius:.375rem;height:100%;width:100%}.interactive-section .transition-wrapper .content-a{background-color:var(--slate-200)}@media(prefers-color-scheme:dark){.interactive-section .transition-wrapper .content-a{background-color:var(--slate-900)}}.interactive-section .transition-wrapper .content-b{background-color:var(--green-200)}@media(prefers-color-scheme:dark){.interactive-section .transition-wrapper .content-b{background-color:var(--green-900)}}.interactive-section{display:flex;flex-direction:column;font-weight:600}.interactive-section:hover .transition-name:after,.interactive-section:hover .transition-name:before{opacity:1}.interactive-section:hover .copy-code{opacity:1}.interactive-section .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.interactive-section .copy-code{opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.interactive-section button.transition-name{align-items:center;background-color:transparent;background-image:none;border:0;color:inherit;cursor:pointer;display:flex}.interactive-section button.transition-name:after,.interactive-section button.transition-name:before{color:var(--green-500);font-size:1.25rem;opacity:0;padding-inline:5px;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@media(prefers-color-scheme:dark){.interactive-section button.transition-name:after,.interactive-section button.transition-name:before{color:var(--green-400)}}.interactive-section button.transition-name:before{content:"<"}.interactive-section button.transition-name:after{content:" />"}.interactive-section .transition-wrapper{flex:1;position:relative;width:100%}.interactive-section .transition-wrapper .list-container{align-items:center;display:flex;gap:.5rem;height:100%;justify-content:center;margin-top:3rem;width:100%}.interactive-section .transition-wrapper .list-item{align-items:center;background-color:var(--slate-200);border-radius:.375rem;color:var(--slate-700);display:flex;font-weight:600;height:3rem;justify-content:center;width:3rem}@media(prefers-color-scheme:dark){.interactive-section .transition-wrapper .list-item{background-color:var(--slate-800);color:var(--slate-200)}}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.page-wrapper{margin:0 auto;padding:1rem 2rem}@media(min-width:640px){.page-wrapper{padding-block:1.5rem}}@media(min-width:1024px){.page-wrapper{padding-block:2rem}}.content{display:grid;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.content{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.content{gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}}.section{margin-bottom:3rem}.section .section-title{color:var(--slate-800);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}@media(prefers-color-scheme:dark){.section .section-title{color:var(--slate-200)}}.section .section-desc{color:var(--slate-600);font-size:.875rem;margin:0 0 1.5rem}@media(prefers-color-scheme:dark){.section .section-desc{color:var(--slate-400)}}.grid-wrapper{display:grid;gap:1rem}@media(min-width:768px){.grid-wrapper{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-wrapper{gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1536px){.grid-wrapper{gap:2.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}}