#root{margin:0 auto;width:100%;background:#ccc}#root #vite___main{background-color:#fff;border-radius:2rem;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 2rem);justify-content:stretch;margin:1rem auto;overflow:hidden;width:100%;max-width:30rem}@media only screen and (max-width: 30rem){#root #vite___main{border-radius:0;margin:0 auto;height:100vh}}#root #vite___main #vite___topnav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.1);flex-grow:0;flex-shrink:0;height:3.75rem}#root #vite___main #vite___dashboard{flex-grow:1;flex-shrink:1;background-color:#eee;display:flex;flex-direction:row;height:100%}#root #vite___main #vite___dashboard #authentication___form{display:flex;flex-direction:column;width:100%;align-items:center;padding:2rem 1rem}#root #vite___main #vite___dashboard #authentication___form .secondary___button{border-radius:2rem;margin-top:1rem}#root #vite___main #vite___dashboard #authentication___form h1{margin:0;margin-block:0;flex-grow:2}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:stretch;width:100%;flex-grow:3}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] .amplify-tabs{display:none}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] form{padding-bottom:2rem}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] form fieldset{border:0;display:flex;flex-direction:column;gap:2rem}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] form fieldset>.amplify-flex:not(.amplify-textfield){display:flex;flex-direction:column;gap:2rem}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] form fieldset>.amplify-flex label{display:none}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] form fieldset>.amplify-flex input{border:1px solid rgba(0,0,0,.3);border-radius:2rem;padding:.5rem 1rem;width:-webkit-fill-available;font-size:1.4rem;text-align:center;overflow:hidden}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] div[data-amplify-footer],#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] .amplify-visually-hidden,#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] .amplify-heading,#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] button.amplify-field__show-password,#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] button.amplify-button--link{display:none}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] button.amplify-button--primary{background-color:#d9ff97;border:1px solid rgba(0,0,0,.1);border-radius:2rem;color:#0000004d;display:block;font-size:1.4rem;margin:2rem auto 0;padding:.5rem 2rem}#root #vite___main #vite___dashboard #authentication___form div[data-amplify-authenticator] button.amplify-button--primary:hover{border-color:#000000b3;color:#000000b3}#root #vite___main #vite___dashboard .onboarding___main{display:flex;flex-direction:column;justify-content:stretch;height:100%;background:#201c1b;color:#fff;width:100%}#root #vite___main #vite___dashboard .onboarding___main h1{font-size:3rem;padding:0;margin-block:0}#root #vite___main #vite___dashboard .onboarding___main h2{font-size:2.4rem;padding:0;margin-block:0;font-weight:300}#root #vite___main #vite___dashboard .onboarding___main b{color:#d9ff97}#root #vite___main #vite___dashboard .onboarding___main p{font-size:1.4rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___top{flex-grow:0;flex-shrink:0;height:50%;padding:1rem;text-align:center;margin-top:1rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___top.small{height:unset}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid{flex-grow:2;padding:0 2rem;text-align:center}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list{text-align:unset;overflow-y:scroll}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card{background:#444;border-radius:1rem;border:3px solid transparent;overflow:hidden;color:#fff;padding:1rem;cursor:pointer;filter:saturate(.5);transition:.3s}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card.active,#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card:hover{filter:saturate(1);background-color:#fff;color:#000}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card.active{border:3px solid transparent}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card:hover{border:3px solid darkorange}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card h3{margin-block:.25rem .5rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card .list___card_badges{display:flex;gap:.25rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card .list___card_badges .amplify-badge{color:#fff;background-color:#ff8c00;border-radius:1rem;padding:.25rem .5rem;font-size:.65rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid.list .list___card .amplify-text{display:block;font-size:.875rem;line-height:1rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .amplify-textfield{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:stretch}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .amplify-textfield label{display:none}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .amplify-textfield .amplify-flex{flex-grow:1}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .amplify-textfield .amplify-flex input{height:3rem;border-radius:2rem;font-size:1.4rem;padding:.25rem 1rem;width:100%;box-sizing:border-box;text-align:center}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .color___base{align-items:center;background:white;box-sizing:border-box;border:4px solid #201c1b;border-radius:50%;display:flex;height:4rem;justify-content:center;width:4rem;will-change:filter;transition:filter .3s}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .color___base:hover{border:4px solid #d9ff97;cursor:pointer}#root #vite___main #vite___dashboard .onboarding___main #onboarding___mid .color___base .color___select{width:calc(4rem - 8px);height:calc(4rem - 8px);box-sizing:border-box;border-radius:50%}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot{display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;gap:1rem;height:3rem;justify-content:flex-end;padding:.5rem 2rem;margin-bottom:1rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button{background:#d9ff97;border-radius:2rem;color:#0000004d;font-size:1.4rem;padding:.5rem 2rem}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button:hover{border-color:#fff;color:#000}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button.secondary{background:steelblue;color:#fff6}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button.secondary:hover{color:#fff}#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button:disabled,#root #vite___main #vite___dashboard .onboarding___main #onboarding___bot button[disabled]{background:#ccc;color:#aaa}#root #vite___main #vite___dashboard .content___card{margin:1rem auto;min-width:20rem;max-width:30rem}#root #vite___main #vite___dashboard .content___card p{padding-block:1rem}#root .logo{height:10em;padding:1.5em;will-change:filter;transition:filter .3s}#root .logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}#root .logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){#root a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}#root .card{padding:2em}#root .read-the-docs{color:#888}