*{margin:0;padding:0}:root{--success:rgba(0,255,15,.2);--success-accent:rgba(0,125,10,.751);--success-alt:rgba(0,255,15,.4);--success-alt-accent:rgba(0,219,13,.853);--warning:rgba(255,215,0,.2);--warning-accent:rgba(140,140,0,.751);--warning-alt:rgba(255,252,33,.4);--warning-alt-accent:rgba(253,252,30,.853);--error:rgba(255,0,0,.2);--error-accent:rgba(175,0,0,.751);--error-alt:rgba(255,0,0,.4);--error-alt-accent:rgba(219,0,0,.853);--primary-grey:#5f5f5f;--primary-grey-transparent:rgba(95,95,95,.5);--primary-grey-dark:#404040;--primary-grey-dark-transparent:rgba(64,64,64,.5);--primary-grey-light:grey;--primary-grey-light-transparent:hsla(0,0%,53%,.3);--primary-accent:#340852;--primary-accent-light:#7905d8;--glaze:rgba(34,1,30,.07);--glaze-heavy:rgba(209,195,205,.8);--glaze-teal:rgba(141,179,166,.8);--glaze-pink:rgba(221,183,221,.5);--header-height:48px}html{scroll-behavior:smooth}body{background-color:#d3d6d8;margin:0;font-family:Roboto,sans-serif;font-weight:700}#root{padding:0;inset:0}.overlaid-container{display:grid;inset:0;min-height:100vh;grid-template-columns:1fr;margin:0;margin-top:var(--header-height)}.overlaid-container>div{grid-row-start:1;grid-column-start:1}.row{align-items:center}.row,.row-top{display:flex;flex-direction:row;justify-content:left;padding:0;gap:4px;flex-wrap:wrap;margin:0 auto}.row-top{align-items:flex-start}.row-centered{flex-direction:row;justify-content:center}.col,.row-centered{display:flex;align-items:center;padding:0;gap:4px;flex-wrap:wrap;margin:0 auto}.col{justify-content:flex-start}.col,.home-page{flex-direction:column}.home-page{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;gap:4px;text-align:center;min-height:70vh}.home-page>h2{padding-bottom:5vh}.home-page>#title{font-size:3rem}.home-page>button{scale:2.5}.home-page>button>div.button-content{font-weight:700!important}.account-page,.get-started-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;margin:0 auto;padding:0;gap:4px;flex-wrap:nowrap}#sign-in{scale:2.5}.card{background-color:var(--glaze);padding:4px;max-width:1200px}.card,.tabbed-card{border-radius:4px;box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out;margin:4px}.tabbed-card{background-color:var(--glaze-heavy);padding:0 0 2px}.card-tabs{display:flex;flex-direction:row;justify-content:left;align-items:center;margin:0 auto;padding:0;gap:2px;background-color:var(--primary-grey-light-transparent);border-radius:4px 4px 0 0;flex-wrap:wrap}.card-tabs>div>button{background-color:transparent;border:0;border-radius:4px 4px 0 0;padding:4px 8px;transition:all .4s ease-in-out}.card-tabs>div>button:hover{text-shadow:0 0 6px var(--primary-accent-light)}.card-tabs>div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0;gap:0}.card-tabs>div:not(:has(div)){transform:translateY(-2px)}.tab-indicator{background-color:var(--primary-accent)}.tabbed-card>div:not(:last-child){margin-bottom:4px}.card:hover,.tabbed-card:hover{box-shadow:0 0 2px .5px var(--primary-accent)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:0 0 4.5px .5px var(--primary-accent);background-color:var(--glaze-pink)}.api-example-card div{background-color:var(--glaze);border-radius:4px;box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out;padding:4px;margin:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.api-example-card .api-example:hover{box-shadow:0 0 4px .5px var(--primary-accent);background-color:var(--glaze-pink)}.api-example{cursor:pointer}.api-example-card p{margin:0;padding:4px;font-size:.8rem;font-weight:700}.navbar{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;top:0;left:0;right:0;padding:0;gap:0;background-color:var(--primary-grey-light-transparent);border-radius:0;flex-wrap:wrap;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar>div>button{background-color:transparent;border:0;border-radius:0;padding:0;width:100%;height:calc(100% - 4px);margin:0;transition:all .4s ease-in-out;font-size:1.2rem;font-weight:500}.navbar>div>button.active{background-color:var(--glaze)}.navbar>div>button:hover{color:var(--primary-accent);text-shadow:0 0 6px var(--primary-accent-light)}.navbar>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding:0;gap:0;flex-grow:1;height:var(--header-height)}.nav-indicator{background-color:var(--primary-accent)}.rounded-shadow-container{position:relative;padding:0;margin:4px;width:2rem;height:2rem}.rounded-shadow{position:absolute;top:0;left:0;box-shadow:inset 0 2px 4px 0 var(--primary-grey)}.rounded-shadow,.rounded-shadow-content{width:100%;height:100%;border-radius:9999px}.unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}:target{scroll-margin-top:calc(var(--header-height) + 4px)}.page{min-height:calc(100vh - var(--header-height));max-width:1200px}.fill-width,.page{width:100%}.fill-height{height:100%}.min-width-80{min-width:80vw}.min-width-60{min-width:60vw}.min-width-40{min-width:40vw}.min-width-20{min-width:20vw}.min-height-80{min-height:80vh}.min-height-60{min-height:60vh}.min-height-40{min-height:40vh}.min-height-20{min-height:20vh}button:focus{outline:none}.button-content{position:relative;inset:0;padding:4px 8px}.gradient-button{position:relative;background-color:transparent;border-radius:4px;box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out;border:0}.gradient-button:hover{box-shadow:0 0 1.5px .5px var(--primary-accent)}.gradient-button:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(238deg,#e0cbd4,#dcb3ee 18%,#c3b4d9 48%,#b4ddde 93%,#e4e5e7);opacity:.65;z-index:-1;transition:opacity .4s ease-in-out;border-radius:4px}.gradient-button:hover:after{opacity:.9}.gradient-success-button{position:relative;background-color:transparent;border-radius:4px;box-shadow:0 0 1px .5px var(--success-accent);transition:all .4s ease-in-out;border:0}.gradient-success-button:hover{box-shadow:0 0 1.5px .5px var(--success-alt-accent)}.gradient-success-button:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(324deg,#e6f9e5,#1bf928 20%,#0bf602 57%,#e1edee);opacity:.3;z-index:-1;transition:opacity .4s ease-in-out;border-radius:4px}.gradient-success-button:hover:after{opacity:.65}.gradient-warning-button{position:relative;background-color:transparent;border-radius:4px;box-shadow:0 0 1px .5px var(--warning-accent);transition:all .4s ease-in-out;border:0}.gradient-warning-button:hover{box-shadow:0 0 1.5px .5px var(--warning-alt-accent)}.gradient-warning-button:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(310deg,#e6ff13,#d8ed1b 20%,#f6f302 57%,#e7db9b);opacity:.3;z-index:-1;transition:opacity .4s ease-in-out;border-radius:4px}.gradient-warning-button:hover:after{opacity:.65}.gradient-error-button{position:relative;background-color:transparent;border-radius:4px;box-shadow:0 0 1px .5px var(--error-accent);transition:all .4s ease-in-out;border:0}.gradient-error-button:hover{box-shadow:0 0 1.5px .5px var(--error-alt-accent)}.gradient-error-button:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(124deg,#ff485a,#eb6359 20%,#f30707 52%,#ed6773);opacity:.3;z-index:-1;transition:opacity .4s ease-in-out;border-radius:4px}.gradient-error-button:hover:after{opacity:.65}.success-button{position:relative;background-color:var(--success);border-radius:4px;border:1px solid var(--success-accent);box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out}.success-button:hover{box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--success-alt);border:1px solid var(--success-alt-accent)}.warning-button{position:relative;background-color:var(--warning);border-radius:4px;border:1px solid var(--warning-accent);box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out}.warning-button:hover{box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--warning-alt);border:1px solid var(--warning-alt-accent)}.error-button{position:relative;background-color:var(--error);border-radius:4px;border:1px solid var(--error-accent);box-shadow:0 0 1px .5px var(--primary-grey);transition:all .4s ease-in-out}.error-button:hover{box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--error-alt);border:1px solid var(--error-alt-accent)}.input{position:relative;transform:translateY(-2px)}.input>fieldset>input{background-color:transparent;background:transparent;border:0;transition:all .4s linear;outline:none;transform:translateY(-2px);padding:0 2px 0 4px;border-radius:4px;transition:all .4s ease-in-out}.input:hover>fieldset{background-color:#8d21e60d}.input>fieldset{border:1px solid var(--primary-grey);padding:0;margin:0 auto 0 4px;border-radius:4px;background-color:transparent;background:transparent;transition:all .4s ease-in-out;text-align:left;transform:translateY(-.5px)}.input>fieldset:has(input:focus){border:1px solid var(--primary-accent)}.input>fieldset>legend{font-size:.6rem;font-weight:200;margin-left:4px;margin-bottom:0;transition:all .4s ease-in-out;color:#000}.input:hover>fieldset{border:1px solid var(--primary-accent)}.expanding-input{position:relative;transform:translateY(-2.5px)}.expanding-input>fieldset>input{background-color:transparent;background:transparent;border:0;transition:all .4s linear;outline:none;padding:0 2px;border-radius:4px;transition:all .4s ease-in-out;margin:0}.expanding-input:hover>fieldset{background-color:#8d21e60d}.expanding-input>fieldset>input:not(:focus){transform:translateY(-2px)}.expanding-input>fieldset{border:1px solid var(--primary-grey);padding:0;margin:0;border-radius:4px;background-color:transparent;background:transparent;box-shadow:0 0 0 0 var(--primary-accent);transition:all .4s ease;text-align:left}.expanding-input>fieldset:has(input:focus){border:0 solid var(--primary-accent);box-shadow:0 0 1.5px .5px var(--primary-accent);padding:8px 2px 2px}.expanding-input>fieldset>legend{font-size:.6rem;font-weight:200;color:#000;margin-left:4px;transition:all .4s ease-in-out}.expanding-input>fieldset:has(input:focus)>legend{color:var(--primary-grey-dark);transform:translateY(100%);font-size:.5rem}.expanding-input:hover>fieldset{border:1px solid var(--primary-accent)}.expanding-input>fieldset>input::placeholder,.input>fieldset>input::placeholder{color:var(--primary-grey);font-weight:200;transition:all .4s ease-in-out}.expanding-input>fieldset>input:focus::placeholder,.input>fieldset>input:focus::placeholder{color:var(--primary-grey-transparent);font-weight:100}.modal{top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:transparent;display:flex;justify-content:center;align-items:center}.modal,.notification-list{position:fixed;z-index:100}.notification-list{top:var(--header-height);left:50%;transform:translate(-50%)}.success-notification{box-shadow:0 0 1px .5px var(--primary-grey);border-radius:4px;box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--success-alt);border:1px solid var(--success-alt-accent);margin:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 8px;transition:all .4s ease-in-out}.success-notification:hover{scale:1.01}.warning-notification{box-shadow:0 0 1px .5px var(--primary-grey);border-radius:4px;box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--warning-alt);border:1px solid var(--warning-alt-accent);margin:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 8px;transition:all .4s ease-in-out}.warning-notification:hover{scale:1.01}.error-notification{box-shadow:0 0 1px .5px var(--primary-grey);border-radius:4px;box-shadow:0 0 1.5px .5px var(--primary-accent);background-color:var(--error-alt);border:1px solid var(--error-alt-accent);margin:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 8px;transition:all .4s ease-in-out}.error-notification:hover{scale:1.01}.background-shape-0{background-color:orange}.background-shape-0,.background-shape-1{height:30vw;width:30vw;border-radius:6px}.background-shape-1{background-color:aqua}.background-shape-2{background-color:#08f;height:35vw;width:35vw;border-radius:8px}.background-svg-container{height:30vw;width:30vw}.rounded,.rounded:after{border-radius:10000000px}