@import url(https://fonts.googleapis.com/css2?family=Inter&family=Work+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap);#App{justify-content:flex-start;min-height:100vh;text-align:center}#App,.under-nav{display:flex;flex-direction:column}.under-nav{flex-grow:1}.hidden{display:none}.menu-button{position:relative}.dropdown-menu{background-color:#151517;border:1px solid #957da5;border-radius:3px;font-size:.9rem;position:absolute}.dropdown-menu .item{cursor:pointer;padding:.7em 1em;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dropdown-menu .item:hover{background-color:#060607}.dropdown-menu .item .icon{margin-right:.7em}.ui-block{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.tab-nav{background-color:#060607;display:flex;justify-content:flex-start;max-width:100%;overflow-x:auto}@media(max-width:900px){.tab-nav .app-name{padding:0 .7em}.tab-nav .new-tab{display:none}.tab-nav .tab{border-right:none;flex-grow:1}.tab-nav .tab:not(.active){display:none}.tab-nav .tab .title{flex-grow:1;max-width:none}}.app-name,.new-tab,.tab{align-items:center;display:flex;padding:.6em 1.4em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app-name{color:#b6f;cursor:default;flex-shrink:0;padding-bottom:0;padding-top:0}.app-name>div{font-size:1.25rem;letter-spacing:-.05em;line-height:.75em;margin-left:.1rem;text-align:left}.app-name .icon{height:1.9em;position:relative;top:1px}.new-tab,.tab{background-color:#151517;cursor:pointer}.new-tab:hover,.tab:hover{background-color:#222226}.tab{border-bottom:2px solid transparent;border-right:2px solid #060607;border-top:2px solid transparent;display:inline-flex;min-width:0}.tab.active{background-color:#222226;border-bottom:2px solid #b6f}.tab .title{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab .icon{margin-right:.5em}.tab .close{flex-shrink:0;margin-left:1em}.tab .close:hover{color:#b6f}.new-tab{flex-shrink:0;font-size:.9rem;padding:0 1em}.library{grid-column-gap:20px;grid-row-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:20px;row-gap:20px}@media(max-width:1750px){.library{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media(max-width:1440px){.library{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:1180px){.library{grid-template-columns:1fr 1fr 1fr}}@media(max-width:900px){.library{grid-template-columns:1fr 1fr}.library .note-tile{height:155px}}.note-tile{background-color:#151517;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;height:245px;padding:1.5em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.note-tile:hover{outline:1px solid #957da5}.note-tile.new{align-items:center;display:flex;flex-direction:column;justify-content:center}.note-tile.new :not(.title){font-size:2em;margin-top:10px}.note-tile .title{font-weight:600;overflow-wrap:anywhere}.note-tile .preview{border-top:1px dotted #e5dde5;font-size:.9rem;margin-top:.5em;overflow:hidden;overflow-wrap:anywhere;padding-top:.5em;text-align:left}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222226;color:#e5dde5;font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;margin:0}.editor{display:flex;flex-direction:column;flex-grow:1;margin:20px auto;max-width:1200px;text-align:left;width:100%}@media(max-width:900px){.editor{margin-bottom:0;margin-top:0}}.editor .content,.editor .title-wrapper{background-color:#151517}.editor .content,.editor .title{outline:none;padding:.8rem 2rem}.editor .title-wrapper{border-bottom:1px dotted #e5dde5;border-radius:3px 3px 0 0;display:flex}.editor .title-wrapper .title{background-color:#151517;border:none;color:#e5dde5;flex-grow:1;font-size:1.2rem;padding-right:1rem}.editor .title-wrapper .menu-button{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;padding:0 1.5rem}.editor .title-wrapper .menu-button:hover{background-color:#060607}.editor .content{border-radius:0 0 3px 3px;flex-grow:1}
/*# sourceMappingURL=main.9a763665.css.map*/