.icon-button{display:flex;padding:.2em;cursor:pointer;border:none;background-color:transparent}.icon-button svg{width:var(--button-size);height:var(--button-size)}.notes .notes__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(40ch,1fr));margin-block-start:2rem;margin-inline:10%;gap:3rem}.notes .notes__container article{display:flex;flex-direction:column;box-shadow:0 5px 10px #0000001a;border-radius:.2em;padding:1em;height:20rem;background:var(--color-note-bg)}.notes .notes__container article>p{padding-block:.2em;overflow:hidden;text-overflow:ellipsis;flex:1}.notes .notes__container article>button{align-self:flex-end}.notes .notes__add{position:fixed;inset-block-end:2rem;inset-inline-end:2rem;z-index:10}.add-mention{position:relative;display:inline-block;height:1lh}.add-mention input{border:none;background:transparent;outline:none}.add-mention .add-mention__suggestions{position:absolute;width:100%;top:1lh;background:var(--color-note-bg);border-radius:.2em;box-shadow:0 0 1rem #0003}.add-mention .add-mention__suggestions i{padding:.5em}.add-mention .add-mention__suggestions button{display:block;width:100%;border:0;border-radius:0;padding-block:.5em;background:transparent;cursor:pointer}.add-mention .add-mention__suggestions button:hover,.add-mention .add-mention__suggestions button:focus{background:#d3d3d3}.add-mention .suggestion .suggestion__full-name{display:block;text-align:left}.add-mention .suggestion .suggestion__username{display:block;text-align:left;font-size:var(--font-size-small)}.editor[open]{display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;height:80dvh;width:60ch;background:#fff;box-shadow:0 4px 30px #0000001a;border-radius:.2em;border:none}.editor[open] section{outline-color:currentColor;overflow-y:auto;height:100%;padding:.5em;border-radius:.2em;background:#ebeaea}.editor[open] .editor__close-button{align-self:flex-end}.editor::backdrop{background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg: lightcyan;--color-note-bg: white;--color-text: #434343;--line-height: 1.5;--modular-scale: 1.2;--font-size-base: 1em;--font-size-small: .8em;--font-size-1: calc(var(--font-size-base) * var(--modular-scale));--font-size-2: calc(var(--font-size-1) * var(--modular-scale));--font-size-3: calc(var(--font-size-2) * var(--modular-scale));font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-size-3)}h2{font-size:var(--font-size-2)}h3{font-size:var(--font-size-1)}h1,h2,h3,p{color:var(--color-text);margin-bottom:calc(1em * var(--line-height))}#root{flex:1}body{margin:0;display:flex;min-height:100vh}.user-mention{padding:.3em;border-radius:.5em;background:#f5f5f5;box-shadow:0 0 3px #0003}