@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-border-style:solid}}}.fixed{position:fixed}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-6{grid-column:6}.col-7{grid-column:7}.col-8{grid-column:8}.col-9{grid-column:9}.col-10{grid-column:10}.col-11{grid-column:11}.col-12{grid-column:12}.col-auto{grid-column:auto}.container{width:100%}@media(min-width:576px){.container{max-width:576px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:992px){.container{max-width:992px}}@media(min-width:1200px){.container{max-width:1200px}}@media(min-width:1400px){.container{max-width:1400px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-top:calc(var(--bs-gutter-y)*-1);margin-inline:calc(var(--bs-gutter-x)/-2);flex-wrap:wrap;display:flex}.row>*{box-sizing:border-box;width:100%;max-width:100%;padding-inline:calc(var(--bs-gutter-x)/2);margin-top:var(--bs-gutter-y);flex-shrink:0}.container{max-width:var(--container-max-width);width:100%;padding-inline:var(--bs-gutter-x, .75rem );margin-inline:auto}.offset-0{margin-inline-start:0%}.offset-1{margin-inline-start:8.33333%}.offset-2{margin-inline-start:16.6667%}.offset-3{margin-inline-start:25%}.offset-4{margin-inline-start:33.3333%}.offset-5{margin-inline-start:41.6667%}.offset-6{margin-inline-start:50%}.offset-7{margin-inline-start:58.3333%}.offset-8{margin-inline-start:66.6667%}.offset-9{margin-inline-start:75%}.offset-10{margin-inline-start:83.3333%}.offset-11{margin-inline-start:91.6667%}.col{width:initial;display:initial;flex:1 0}.row-cols-1>*{width:100%;display:initial;flex:none}.row-cols-2>*{width:50%;display:initial;flex:none}.row-cols-3>*{width:33.3333%;display:initial;flex:none}.row-cols-4>*{width:25%;display:initial;flex:none}.row-cols-5>*{width:20%;display:initial;flex:none}.row-cols-6>*{width:16.6667%;display:initial;flex:none}.grid{display:grid}.col-1{flex:none;width:8.33333%}.col-2{flex:none;width:16.6667%}.col-3{flex:none;width:25%}.col-4{flex:none;width:33.3333%}.col-5{flex:none;width:41.6667%}.col-6{flex:none;width:50%}.col-7{flex:none;width:58.3333%}.col-8{flex:none;width:66.6667%}.col-9{flex:none;width:75%}.col-10{flex:none;width:83.3333%}.col-11{flex:none;width:91.6667%}.col-12{flex:none;width:100%}.col-auto,.row-cols-auto>*{flex:none;width:auto}.border{border-style:var(--tw-border-style);border-width:1px}.g-0{--bs-gutter-x:0;--bs-gutter-y:0}.g-1{--bs-gutter-x:.25rem;--bs-gutter-y:.25rem}.g-2{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem;--bs-gutter-y:3rem}.gx-0{--bs-gutter-x:0}.gx-1{--bs-gutter-x:.25rem}.gx-2{--bs-gutter-x:.5rem}.gx-3{--bs-gutter-x:1rem}.gx-4{--bs-gutter-x:1.5rem}.gx-5{--bs-gutter-x:3rem}.gy-0{--bs-gutter-y:0}.gy-1{--bs-gutter-y:.25rem}.gy-2{--bs-gutter-y:.5rem}.gy-3{--bs-gutter-y:1rem}.gy-4{--bs-gutter-y:1.5rem}.gy-5{--bs-gutter-y:3rem}@media(min-width:576px){.sm\:order-0{order:0}.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:order-4{order:4}.sm\:order-5{order:5}.sm\:order-6{order:6}.sm\:order-7{order:7}.sm\:order-8{order:8}.sm\:order-9{order:9}.sm\:order-10{order:10}.sm\:order-11{order:11}.sm\:order-12{order:12}.sm\:order-first{order:-9999}.sm\:order-last{order:9999}.sm\:col-1{grid-column:1}.sm\:col-2{grid-column:2}.sm\:col-3{grid-column:3}.sm\:col-4{grid-column:4}.sm\:col-5{grid-column:5}.sm\:col-6{grid-column:6}.sm\:col-7{grid-column:7}.sm\:col-8{grid-column:8}.sm\:col-9{grid-column:9}.sm\:col-10{grid-column:10}.sm\:col-11{grid-column:11}.sm\:col-12{grid-column:12}.sm\:col-auto{grid-column:auto}.sm\:offset-0{margin-inline-start:0%}.sm\:offset-1{margin-inline-start:8.33333%}.sm\:offset-2{margin-inline-start:16.6667%}.sm\:offset-3{margin-inline-start:25%}.sm\:offset-4{margin-inline-start:33.3333%}.sm\:offset-5{margin-inline-start:41.6667%}.sm\:offset-6{margin-inline-start:50%}.sm\:offset-7{margin-inline-start:58.3333%}.sm\:offset-8{margin-inline-start:66.6667%}.sm\:offset-9{margin-inline-start:75%}.sm\:offset-10{margin-inline-start:83.3333%}.sm\:offset-11{margin-inline-start:91.6667%}.sm\:col{width:initial;display:initial;flex:1 0}.sm\:row-cols-1>*{width:100%;display:initial;flex:none}.sm\:row-cols-2>*{width:50%;display:initial;flex:none}.sm\:row-cols-3>*{width:33.3333%;display:initial;flex:none}.sm\:row-cols-4>*{width:25%;display:initial;flex:none}.sm\:row-cols-5>*{width:20%;display:initial;flex:none}.sm\:row-cols-6>*{width:16.6667%;display:initial;flex:none}.sm\:col-1{flex:none;width:8.33333%}.sm\:col-2{flex:none;width:16.6667%}.sm\:col-3{flex:none;width:25%}.sm\:col-4{flex:none;width:33.3333%}.sm\:col-5{flex:none;width:41.6667%}.sm\:col-6{flex:none;width:50%}.sm\:col-7{flex:none;width:58.3333%}.sm\:col-8{flex:none;width:66.6667%}.sm\:col-9{flex:none;width:75%}.sm\:col-10{flex:none;width:83.3333%}.sm\:col-11{flex:none;width:91.6667%}.sm\:col-12{flex:none;width:100%}.sm\:col-auto,.sm\:row-cols-auto>*{flex:none;width:auto}}@media(min-width:768px){.md\:order-0{order:0}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:order-5{order:5}.md\:order-6{order:6}.md\:order-7{order:7}.md\:order-8{order:8}.md\:order-9{order:9}.md\:order-10{order:10}.md\:order-11{order:11}.md\:order-12{order:12}.md\:order-first{order:-9999}.md\:order-last{order:9999}.md\:col-1{grid-column:1}.md\:col-2{grid-column:2}.md\:col-3{grid-column:3}.md\:col-4{grid-column:4}.md\:col-5{grid-column:5}.md\:col-6{grid-column:6}.md\:col-7{grid-column:7}.md\:col-8{grid-column:8}.md\:col-9{grid-column:9}.md\:col-10{grid-column:10}.md\:col-11{grid-column:11}.md\:col-12{grid-column:12}.md\:col-auto{grid-column:auto}.md\:offset-0{margin-inline-start:0%}.md\:offset-1{margin-inline-start:8.33333%}.md\:offset-2{margin-inline-start:16.6667%}.md\:offset-3{margin-inline-start:25%}.md\:offset-4{margin-inline-start:33.3333%}.md\:offset-5{margin-inline-start:41.6667%}.md\:offset-6{margin-inline-start:50%}.md\:offset-7{margin-inline-start:58.3333%}.md\:offset-8{margin-inline-start:66.6667%}.md\:offset-9{margin-inline-start:75%}.md\:offset-10{margin-inline-start:83.3333%}.md\:offset-11{margin-inline-start:91.6667%}.md\:col{width:initial;display:initial;flex:1 0}.md\:row-cols-1>*{width:100%;display:initial;flex:none}.md\:row-cols-2>*{width:50%;display:initial;flex:none}.md\:row-cols-3>*{width:33.3333%;display:initial;flex:none}.md\:row-cols-4>*{width:25%;display:initial;flex:none}.md\:row-cols-5>*{width:20%;display:initial;flex:none}.md\:row-cols-6>*{width:16.6667%;display:initial;flex:none}.md\:col-1{flex:none;width:8.33333%}.md\:col-2{flex:none;width:16.6667%}.md\:col-3{flex:none;width:25%}.md\:col-4{flex:none;width:33.3333%}.md\:col-5{flex:none;width:41.6667%}.md\:col-6{flex:none;width:50%}.md\:col-7{flex:none;width:58.3333%}.md\:col-8{flex:none;width:66.6667%}.md\:col-9{flex:none;width:75%}.md\:col-10{flex:none;width:83.3333%}.md\:col-11{flex:none;width:91.6667%}.md\:col-12{flex:none;width:100%}.md\:col-auto,.md\:row-cols-auto>*{flex:none;width:auto}}@media(min-width:992px){.lg\:order-0{order:0}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:order-5{order:5}.lg\:order-6{order:6}.lg\:order-7{order:7}.lg\:order-8{order:8}.lg\:order-9{order:9}.lg\:order-10{order:10}.lg\:order-11{order:11}.lg\:order-12{order:12}.lg\:order-first{order:-9999}.lg\:order-last{order:9999}.lg\:col-1{grid-column:1}.lg\:col-2{grid-column:2}.lg\:col-3{grid-column:3}.lg\:col-4{grid-column:4}.lg\:col-5{grid-column:5}.lg\:col-6{grid-column:6}.lg\:col-7{grid-column:7}.lg\:col-8{grid-column:8}.lg\:col-9{grid-column:9}.lg\:col-10{grid-column:10}.lg\:col-11{grid-column:11}.lg\:col-12{grid-column:12}.lg\:col-auto{grid-column:auto}.lg\:offset-0{margin-inline-start:0%}.lg\:offset-1{margin-inline-start:8.33333%}.lg\:offset-2{margin-inline-start:16.6667%}.lg\:offset-3{margin-inline-start:25%}.lg\:offset-4{margin-inline-start:33.3333%}.lg\:offset-5{margin-inline-start:41.6667%}.lg\:offset-6{margin-inline-start:50%}.lg\:offset-7{margin-inline-start:58.3333%}.lg\:offset-8{margin-inline-start:66.6667%}.lg\:offset-9{margin-inline-start:75%}.lg\:offset-10{margin-inline-start:83.3333%}.lg\:offset-11{margin-inline-start:91.6667%}.lg\:col{width:initial;display:initial;flex:1 0}.lg\:row-cols-1>*{width:100%;display:initial;flex:none}.lg\:row-cols-2>*{width:50%;display:initial;flex:none}.lg\:row-cols-3>*{width:33.3333%;display:initial;flex:none}.lg\:row-cols-4>*{width:25%;display:initial;flex:none}.lg\:row-cols-5>*{width:20%;display:initial;flex:none}.lg\:row-cols-6>*{width:16.6667%;display:initial;flex:none}.lg\:col-1{flex:none;width:8.33333%}.lg\:col-2{flex:none;width:16.6667%}.lg\:col-3{flex:none;width:25%}.lg\:col-4{flex:none;width:33.3333%}.lg\:col-5{flex:none;width:41.6667%}.lg\:col-6{flex:none;width:50%}.lg\:col-7{flex:none;width:58.3333%}.lg\:col-8{flex:none;width:66.6667%}.lg\:col-9{flex:none;width:75%}.lg\:col-10{flex:none;width:83.3333%}.lg\:col-11{flex:none;width:91.6667%}.lg\:col-12{flex:none;width:100%}.lg\:col-auto,.lg\:row-cols-auto>*{flex:none;width:auto}.lg\:g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}}@media(min-width:1200px){.xl\:order-0{order:0}.xl\:order-1{order:1}.xl\:order-2{order:2}.xl\:order-3{order:3}.xl\:order-4{order:4}.xl\:order-5{order:5}.xl\:order-6{order:6}.xl\:order-7{order:7}.xl\:order-8{order:8}.xl\:order-9{order:9}.xl\:order-10{order:10}.xl\:order-11{order:11}.xl\:order-12{order:12}.xl\:order-first{order:-9999}.xl\:order-last{order:9999}.xl\:col-1{grid-column:1}.xl\:col-2{grid-column:2}.xl\:col-3{grid-column:3}.xl\:col-4{grid-column:4}.xl\:col-5{grid-column:5}.xl\:col-6{grid-column:6}.xl\:col-7{grid-column:7}.xl\:col-8{grid-column:8}.xl\:col-9{grid-column:9}.xl\:col-10{grid-column:10}.xl\:col-11{grid-column:11}.xl\:col-12{grid-column:12}.xl\:col-auto{grid-column:auto}.xl\:offset-0{margin-inline-start:0%}.xl\:offset-1{margin-inline-start:8.33333%}.xl\:offset-2{margin-inline-start:16.6667%}.xl\:offset-3{margin-inline-start:25%}.xl\:offset-4{margin-inline-start:33.3333%}.xl\:offset-5{margin-inline-start:41.6667%}.xl\:offset-6{margin-inline-start:50%}.xl\:offset-7{margin-inline-start:58.3333%}.xl\:offset-8{margin-inline-start:66.6667%}.xl\:offset-9{margin-inline-start:75%}.xl\:offset-10{margin-inline-start:83.3333%}.xl\:offset-11{margin-inline-start:91.6667%}.xl\:col{width:initial;display:initial;flex:1 0}.xl\:row-cols-1>*{width:100%;display:initial;flex:none}.xl\:row-cols-2>*{width:50%;display:initial;flex:none}.xl\:row-cols-3>*{width:33.3333%;display:initial;flex:none}.xl\:row-cols-4>*{width:25%;display:initial;flex:none}.xl\:row-cols-5>*{width:20%;display:initial;flex:none}.xl\:row-cols-6>*{width:16.6667%;display:initial;flex:none}.xl\:col-1{flex:none;width:8.33333%}.xl\:col-2{flex:none;width:16.6667%}.xl\:col-3{flex:none;width:25%}.xl\:col-4{flex:none;width:33.3333%}.xl\:col-5{flex:none;width:41.6667%}.xl\:col-6{flex:none;width:50%}.xl\:col-7{flex:none;width:58.3333%}.xl\:col-8{flex:none;width:66.6667%}.xl\:col-9{flex:none;width:75%}.xl\:col-10{flex:none;width:83.3333%}.xl\:col-11{flex:none;width:91.6667%}.xl\:col-12{flex:none;width:100%}.xl\:col-auto,.xl\:row-cols-auto>*{flex:none;width:auto}}@media(min-width:1400px){.\32xl\:order-0{order:0}.\32xl\:order-1{order:1}.\32xl\:order-2{order:2}.\32xl\:order-3{order:3}.\32xl\:order-4{order:4}.\32xl\:order-5{order:5}.\32xl\:order-6{order:6}.\32xl\:order-7{order:7}.\32xl\:order-8{order:8}.\32xl\:order-9{order:9}.\32xl\:order-10{order:10}.\32xl\:order-11{order:11}.\32xl\:order-12{order:12}.\32xl\:order-first{order:-9999}.\32xl\:order-last{order:9999}.\32xl\:col-1{grid-column:1}.\32xl\:col-2{grid-column:2}.\32xl\:col-3{grid-column:3}.\32xl\:col-4{grid-column:4}.\32xl\:col-5{grid-column:5}.\32xl\:col-6{grid-column:6}.\32xl\:col-7{grid-column:7}.\32xl\:col-8{grid-column:8}.\32xl\:col-9{grid-column:9}.\32xl\:col-10{grid-column:10}.\32xl\:col-11{grid-column:11}.\32xl\:col-12{grid-column:12}.\32xl\:col-auto{grid-column:auto}.\32xl\:offset-0{margin-inline-start:0%}.\32xl\:offset-1{margin-inline-start:8.33333%}.\32xl\:offset-2{margin-inline-start:16.6667%}.\32xl\:offset-3{margin-inline-start:25%}.\32xl\:offset-4{margin-inline-start:33.3333%}.\32xl\:offset-5{margin-inline-start:41.6667%}.\32xl\:offset-6{margin-inline-start:50%}.\32xl\:offset-7{margin-inline-start:58.3333%}.\32xl\:offset-8{margin-inline-start:66.6667%}.\32xl\:offset-9{margin-inline-start:75%}.\32xl\:offset-10{margin-inline-start:83.3333%}.\32xl\:offset-11{margin-inline-start:91.6667%}.\32xl\:col{width:initial;display:initial;flex:1 0}.\32xl\:row-cols-1>*{width:100%;display:initial;flex:none}.\32xl\:row-cols-2>*{width:50%;display:initial;flex:none}.\32xl\:row-cols-3>*{width:33.3333%;display:initial;flex:none}.\32xl\:row-cols-4>*{width:25%;display:initial;flex:none}.\32xl\:row-cols-5>*{width:20%;display:initial;flex:none}.\32xl\:row-cols-6>*{width:16.6667%;display:initial;flex:none}.\32xl\:col-1{flex:none;width:8.33333%}.\32xl\:col-2{flex:none;width:16.6667%}.\32xl\:col-3{flex:none;width:25%}.\32xl\:col-4{flex:none;width:33.3333%}.\32xl\:col-5{flex:none;width:41.6667%}.\32xl\:col-6{flex:none;width:50%}.\32xl\:col-7{flex:none;width:58.3333%}.\32xl\:col-8{flex:none;width:66.6667%}.\32xl\:col-9{flex:none;width:75%}.\32xl\:col-10{flex:none;width:83.3333%}.\32xl\:col-11{flex:none;width:91.6667%}.\32xl\:col-12{flex:none;width:100%}.\32xl\:col-auto,.\32xl\:row-cols-auto>*{flex:none;width:auto}}html{box-sizing:border-box;-ms-overflow-style:scrollbar;font-family:system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,:before,:after{box-sizing:inherit}#root{padding:2rem 5%;overflow:hidden}.w-100{width:100%}.container .row>.col,.container .row>.sm\:col,.container .row>.md\:col,.container .row>.lg\:col,.container .row>.xl\:col,.container .row>.\xl\:col,.container .row>[class^=col-],.container .row>[class^="sm:col-"],.container .row>[class^="md:col-"],.container .row>[class^="lg:col-"],.container .row>[class^="xl:col-"],.container .row>[class^="2xl:col-"]{white-space:nowrap;text-overflow:ellipsis;background-color:#563d7c26;border:1px solid #563d7c33;padding-top:.75rem;padding-bottom:.75rem;overflow:hidden}.react-live{margin:1rem -15px 0}.react-live__preview{border:.2rem solid #f7f7f9;padding:15px}.react-live__error{color:#fff;background-color:red;padding:16px;font-family:SF Mono,Menlo,monospace;font-size:13px}.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}#dir-selector{color:#fff;text-transform:uppercase;cursor:pointer;background:#151513;border:1px solid #fff;border-radius:3px;width:4rem;padding:.75rem 1rem;position:fixed;bottom:1rem;right:1rem}@layer base{@media(min-width:576px){:root{--container-max-width:540px}}@media(min-width:768px){:root{--container-max-width:720px}}@media(min-width:992px){:root{--container-max-width:960px}}@media(min-width:1200px){:root{--container-max-width:1140px}}@media(min-width:1400px){:root{--container-max-width:1320px}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}