:root{--color-primary:#178ed3;--bg-color:#f8f8f8;--fg-color:#fff;--btn-color:#e9e9ed;--btn-color-hover:#e1e1e1;--text-color-primary:#0a0a0a;--toggle-bg:#ffd875;--toggle-fg:#f28e03;--hover:#fff;--red:#e85353;--blue:#285cbb;--green:#128e39}html{box-sizing:border-box;font-size:62.5%}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f8f8f8;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-y:hidden;padding:3rem 5rem 3rem 2rem;transition:background-color .25s ease-in-out}.heading-primary{text-align:center}.heading-primary,.heading-secondary{font-size:5rem;margin-bottom:3rem}.heading-tertiary{color:#0a0a0a!important;color:var(--text-color-primary)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark]{--hover:#000;--bg-color:#111110;--btn-color:#151515;--btn-color-hover:#1f1f1f;--fg-color:#0b0b09;--text-color-primary:#f6f6f6;--toggle-bg:#283452;--toggle-fg:#00a6ff}@media only screen and (max-width:56.25em){html{font-size:55%}}@media only screen and (max-width:50em){#root{position:relative}body{align-items:start;overflow-y:auto;padding:3rem 3rem 1rem}}@media only screen and (max-width:31.25em){html{font-size:45%}body{padding:2rem}}@media only screen and (max-height:50em){body{overflow-y:auto}}.dot{border-radius:50%;display:inline-block;height:2rem;margin:.5rem;width:2rem}.dot.red{background-color:var(--red)}.dot.green{background-color:var(--green)}.dot.blue{background-color:var(--blue)}.dot.undefined{background-color:grey}.dot.absolute{cursor:pointer;height:3rem;position:absolute;right:3%;top:3%;width:3rem}.Notes_noteList__yYzes{height:85vh;list-style:none;overflow-y:scroll;padding:0 2rem;scrollbar-color:--text-color-primary var(--btn-color-hover);scrollbar-width:thin}.Notes_noteListButtons__mHPNm{display:flex;justify-content:space-between;width:100%}.Notes_noteListItem__rSWuo{align-items:center;border:3px solid;border-radius:2rem;cursor:pointer;display:flex;font-size:1.2rem;gap:1rem;margin-bottom:1rem;padding:1rem;transition:box-shadow .5s ease;width:60ch}.Notes_noteListItem__rSWuo:hover{background-color:color-mix(in hsl,currentColor,var(--hover))}.Notes_noteListItemSelected__FvOUt{align-items:center;background-color:color-mix(in hsl,currentColor,var(--hover));border:3px solid;border-radius:2rem;cursor:pointer;display:flex;font-size:1.2rem;gap:1rem;margin-bottom:1rem;padding:1rem;transition:box-shadow .5s ease;width:60ch}.Notes_noteInput__lBhis{background-color:var(--fg-color);border:3px solid;border-radius:2rem;font-size:2rem;height:85vh;overflow:hidden;padding:1rem;position:relative;transition:border 0s ease;width:100%}.Notes_noteInputTitle__btqyX{background-color:initial;font-size:2rem;font-style:italic;font-weight:600;padding:1rem;width:93%}.Notes_noteInputBody__V0GfX,.Notes_noteInputTitle__btqyX{border:none;color:var(--text-color-primary);font-family:inherit;outline:none}.Notes_noteInputBody__V0GfX{background-color:var(--fg-color);height:100%;padding:2rem 1rem;width:100%}.Notes_notes__H\+JhN{align-items:end;display:flex;flex-direction:column}@media only screen and (max-width:68.75em){.Notes_noteListItem__rSWuo{width:40ch}}@media only screen and (max-width:56.25em){.Notes_noteListItem__rSWuo{width:30ch}}@media only screen and (max-width:50em){.Notes_notes__H\+JhN{align-items:start;grid-row:2/3}.Notes_noteList__yYzes{height:auto}.Notes_noteListButtons__mHPNm{justify-content:start}.Notes_noteListItem__rSWuo{width:85vw}.Notes_noteInput__lBhis{height:80vh}}@media only screen and (max-width:31.25em){.Notes_noteList__yYzes{padding-left:.5rem}.Notes_noteListButtons__mHPNm{align-items:start;flex-direction:column}}.btn{background-color:initial;border:3px solid grey;border-radius:2rem;color:grey;font-family:inherit;font-size:1.3rem;font-weight:700;outline:none;padding:1rem;text-transform:lowercase;transition:color .1s ease,background-color .1s ease}.btn:active,.btn:focus,.btn:hover{background-color:grey;color:var(--btn-color)}.btn.absolute{position:absolute}.btn.relative{margin:3rem;position:relative}.btn.absolute.right{bottom:3%;right:3%}.btn.absolute.left{bottom:3%;left:3%}.PlaceholderContainer_placeholderContainer__TnSQs{bottom:.5rem;display:flex;font-size:1.2rem;justify-content:center;margin-top:2rem;position:relative}.PlaceholderContainer_placeholderContainer__TnSQs div{align-items:center;display:flex}.PlaceholderContainer_placeholderItem__r2eNa{background-color:initial;border:none;color:var(--text-color-primary);outline:none;padding:1rem}@media only screen and (max-width:50em){.PlaceholderContainer_placeholderContainer__TnSQs{bottom:1rem;flex-direction:column;position:relative;right:1%}}@media only screen and (max-width:31.25em){.PlaceholderContainer_placeholderContainer__TnSQs{bottom:0}.PlaceholderContainer_placeholderItem__r2eNa{font-size:1.3rem}}@media only screen and (max-height:50em) and (max-width:75em){.PlaceholderContainer_placeholderContainer__TnSQs{flex-direction:column}}.Toggle_toggleContainer__NUCHj{bottom:1rem;position:absolute;right:3rem}.Toggle_toggle__RPMjY{visibility:hidden}.Toggle_toggle__RPMjY~label{align-items:center;color:var(--text-color-primary);cursor:pointer;display:flex;justify-content:center}.Toggle_toggle__RPMjY~label:before{background-color:var(--toggle-bg);border-radius:2rem;content:"";height:2.5rem;margin-right:.5rem;transition:background-color .3s ease-in-out;width:5rem}.Toggle_toggle__RPMjY~label:after{background-color:var(--toggle-fg);border-radius:50%;content:"";height:1.5rem;left:.5rem;position:absolute;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:1.5rem}.Toggle_toggle__RPMjY:checked~label:after{transform:translateX(165%)}.App_app__\+kjd6{background-color:var(--bg-color);color:var(--text-color-primary);transition:background-color .25s ease-in-out}.App_container__j3A8K{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.App_keyInstructions__R0goC{bottom:1.5rem;cursor:pointer;position:absolute;right:17rem}@media only screen and (max-width:50em){.App_container__j3A8K{grid-template-columns:1fr}}.Modal_modal__sfu10{align-items:center;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.UserInstructions_userInstructions__OM7sa{background-color:var(--fg-color);border-radius:3rem;color:var(--text-color-primary);height:70%;padding:3rem;position:absolute;-webkit-user-select:none;user-select:none;width:70%}.UserInstructions_instructionList__9Ubn6{list-style:none}.UserInstructions_instructionListItem__y8TmZ{font-size:1.2rem;margin:1rem;padding:1rem}.UserInstructions_instructionListItemSpace__EofoK{display:flex;justify-content:space-between;width:45rem}.UserInstructions_highlight__obNOJ{color:var(--color-primary)}@media only screen and (max-width:56.25em){.UserInstructions_userInstructions__OM7sa{height:100%;position:relative;width:100%}}@media only screen and (max-width:25em){.UserInstructions_instructionListItemSpace__EofoK{width:100%}}
/*# sourceMappingURL=main.02ae278a.css.map*/