@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--c-brand-deep: #1B4965;--c-brand-strong: #317595;--c-brand-normal: #4a92b0;--c-brand-soft: #77b0c3;--c-brand-pale: #bddce4;--c-accent-deep: #1b655c;--c-accent-strong: #20857c;--c-accent-normal: #35a29b;--c-accent-soft: #83c8c5;--c-accent-pale: #e1f1f1;--c-gray-deep: #212121;--c-gray-strong: #616161;--c-gray-normal: #9E9E9E;--c-gray-soft: #E0E0E0;--c-gray-pale: #F5F5F5;--c-info: #3d4f9c;--c-warning: #FFF176;--c-error: #c62369;--shadow-normal: rgba(0,0,0,.1) 0px 0px 4px;--c-background: #ffe6cc;--c-accent: #000000}html,button,input{font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:1em}@media screen and not (min-width:960px){html{font-size:12px}}h1,h2,p{margin:0}h1{font-size:4em}h2{font-size:2em}body{position:absolute;width:100%;height:100%;margin:0}body>#root{position:relative;padding-top:64px;height:100%;box-sizing:border-box}.surface{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;padding:12px;box-shadow:var(--shadow-normal);box-sizing:border-box;background:#0000}.input-line-wrap{position:relative;display:flex;justify-content:center;flex-direction:row;width:100%;gap:4px}.input-line{width:100%}.input-line>input{position:relative;outline:none;border:none;background:transparent;width:100%}.input-line>.underline{position:relative;width:100%;height:2px;background:var(--c-brand-deep)}.input-line>input:focus+.underline{background:var(--c-brand-normal)}.button{position:relative;border:var(--c-gray-deep) 2px solid;border-radius:8px;overflow:hidden;color:#000;transition:.5s cubic-bezier(.1,.5,0,.9) color}.button>.block{position:absolute;z-index:-1;width:10%;top:0;bottom:0;background-color:var(--c-brand-soft);transition:.5s cubic-bezier(.1,.5,0,.9) width,.5s cubic-bezier(.1,.5,0,.9) background-color}.button:hover>.block{width:51%}.button.disabled>.block{width:51%;background-color:var(--c-brand-deep)}.button.disabled>button{color:#fff}.button>button{padding:8px;width:100%;height:100%;border:none;background:none;cursor:pointer}.button:focus-within{outline:2px solid var(--c-brand-pale)}.button.CIRCULAR{border-radius:50%;height:50px;width:50px}.button.NONE{border:none}.button.NONE>button{padding:0}.context-message{position:absolute;bottom:16px;right:16px;z-index:10;width:fit-content;height:fit-content}.context-message>ul{margin:0;padding:0;list-style-type:none;width:fit-content}.context-message>ul>.message{padding:8px;border-radius:4px;background:#fff;position:relative;overflow:hidden}.message>.underline{width:100%;background:#000;height:2px;bottom:0;position:relative;animation:message_remove}.message>.label{top:-12px;left:-12px;position:absolute;rotate:45deg;width:24px;height:24px}.message.INFO>.label{background:var(--c-info)}.message.WARNING>.label{background:var(--c-warning)}.message.ERROR>.label{background:var(--c-error)}@keyframes message_remove{0%{width:0%}to{width:100%}}.navbar{position:fixed;width:100%;top:0;z-index:10;padding:8px;box-sizing:border-box;background-color:var(--c-gray-pale);height:64px;display:flex}.navbar>div{width:100%;display:flex;justify-content:center;align-items:center}.navbar>div{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between}.actions{display:flex;align-items:center;gap:16px;flex-direction:row}.actions>div{display:flex;align-items:center;gap:4px}.navbar>div>h1{width:fit-content}.navbar>div>.pages{display:flex;gap:8px;flex-direction:row}.loading-circle{animation:loading_rotation 1s infinite linear}.link{width:fit-content}.link>a{color:inherit;text-decoration:none}.link>a:visited{color:inherit;text-decoration:none}.link>.underline{background:var(--c-brand-normal);width:100%;height:1px}.link:hover>.underline{background:var(--c-brand-soft)}.link a:focus{outline:none}.link:focus-within{border-radius:2px;background-color:color-mix(in srgb,var(--c-brand-pale) 50%,transparent)}::selection{background-color:color-mix(in srgb,var(--c-brand-normal) 75%,transparent)}@keyframes loading_rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{position:relative;width:100%;height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column;overflow:hidden}.sign-in{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;padding:12px;gap:24px;width:320px;box-shadow:var(--shadow-normal);box-sizing:border-box}.buildDisplay{position:absolute;bottom:0;top:0;width:100%}.rotButtons{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;box-sizing:border-box}.utilityButtons button{pointer-events:auto}.utilityButtons{position:absolute;width:100%;top:0;bottom:0;display:flex;justify-content:center;align-items:end;pointer-events:none}.toolkit{height:fit-content;position:relative;padding:16px;gap:32px;display:flex;flex-direction:column;align-items:center}.toolkit>.decisions{display:flex;gap:16px;flex-direction:row;align-items:center}.toolkit>.options{display:flex;gap:16px;flex-direction:row;background-color:#fff;padding:16px;border-radius:16px;border:2px solid black;pointer-events:auto}.toolkit>.button{background-color:#fff}.button{bottom:0}.options>.button{transition:.2s bottom}.options>.button:hover{bottom:8px}.button.selected{bottom:8px}.buildDisplay>h1{text-align:center;width:100%;position:fixed}.builddisplay>canvas{position:absolute;top:0}.buildDisplay>.button.CIRCULAR{position:absolute}#root.root-profile{overscroll-behavior:none;overflow:hidden}.settings{width:100%;bottom:0;position:absolute;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.surface{gap:16px}.button>.block{width:8px}.landing-page{top:0;left:0;width:100%;height:100%}.landing-page>div{position:relative}.landing-page>.buttons{display:flex;justify-content:center;gap:16px}.buttons>.button{width:130px}.space-s{height:16px}.line-wrapper{position:absolute;height:fit-content;width:100%;overflow:hidden}.line{position:relative;left:-50%;width:200%;background-color:#000;z-index:1}.paragraph{display:flex;flex-wrap:wrap;gap:.15em}.paragraph>*{display:inline}