/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"WWork Sans";font-style:normal;font-weight:400;src:url(/assets/Work_Sans/WorkSans-VariableFont_wght-f049439dac096ae9f978520a5fd951db3ee561b153dd993471ade5a2ebef1ff9.ttf) format("truetype")}@font-face{font-family:"WWork Sans";font-style:bold;font-weight:600;src:url(/assets/Work_Sans/WorkSans-VariableFont_wght-f049439dac096ae9f978520a5fd951db3ee561b153dd993471ade5a2ebef1ff9.ttf) format("truetype")}@font-face{font-family:"WWork Sans";font-style:light;font-weight:200;src:url(/assets/Work_Sans/WorkSans-VariableFont_wght-f049439dac096ae9f978520a5fd951db3ee561b153dd993471ade5a2ebef1ff9.ttf) format("truetype")}.round-button,.restore-button,.trash-button,.edit-button{display:inline-block;height:28px;width:28px;background-position:center;background-repeat:no-repeat;-webkit-background-size:14px 14px;background-size:14px 14px;-webkit-border-radius:50%;border-radius:50%;border:1px solid transparent;opacity:.5}.round-button:hover,.restore-button:hover,.trash-button:hover,.edit-button:hover{background-color:#feb163;opacity:1}.edit-button{background-image:url(/images/noun-pencil-1107468.svg)}.trash-button{background-image:url(/images/noun-trash-1402583.svg)}.restore-button{background-image:url(/images/noun-un-trash-1402583-v2.svg)}input,textarea{background-color:#d2d5d2;border-radius:.2rem;border:none;padding:.3em;color:#444;width:100%;margin-bottom:.3em}input:focus,textarea:focus{outline:none;background-color:#d5d1ca;color:#444}input:focus::placeholder,textarea:focus::placeholder{color:#a4aba4}.form-group{margin-bottom:.6em}.nice-table{border-spacing:0}.nice-table th{text-align:left;background-color:#d2d5d2}.nice-table th,.nice-table td{padding:12px 12px;font-size:1.1em;line-height:1.2;border-left:1px solid #d2d5d2;border-top:1px solid #d2d5d2}.nice-table th:last-of-type,.nice-table td:last-of-type{border-right:1px solid #d2d5d2}.nice-table tr:last-of-type td{border-bottom:1px solid #d2d5d2}.nice-table th:first-of-type{border-top-left-radius:1em}.nice-table th:last-of-type{border-top-right-radius:1em}.nice-table tr:last-of-type td:first-of-type{border-bottom-left-radius:1em}.nice-table tr:last-of-type td:last-of-type{border-bottom-right-radius:1em}.nice-table a{color:#6fb3d2;text-decoration:none}.nice-table a:hover{text-decoration:underline}html{background-color:#d2d5d2;color:#444;font-family:"WWork Sans",monospace,sans-serif;font-size:14px;overflow-y:scroll}body{margin:0;padding:0}a{color:#444}a:hover{color:#dbc7b8}h1{color:#7e827e}.container{display:grid;grid-template-columns:10em 1fr;grid-gap:.6em}.sidebar{background-color:#a8c2bb;color:#444;height:100%;min-height:100vh}.sidebar a{padding:1rem;color:#444;display:block;background-color:#feb163;text-decoration:none}.sidebar a:hover{color:#dbc7b8;background-color:#444}main{padding:1rem}#notes{display:flex;align-items:flex-start;flex-wrap:wrap}.note,form.new_note{display:block;margin-bottom:1.2em;flex:0 0 20em;width:100%;max-width:30em;color:#444;background-color:#f6f5f5;word-wrap:break-word;box-shadow:.42em .42em 0 0 rgba(68,68,68,.1)}.note{overflow:hidden;transition:box-shadow .2s ease-in-out}.note .content{padding:.3em 1.2em}.note.trashed{background-color:#fddbb8;color:#ff8f4f}.note.done>*{opacity:.1}.note a{color:#444;text-decoration:none}.note a:hover{text-decoration:underline;color:#dbc7b8}.note:hover{background-color:#f1ece9}.note:hover .actions{display:flex}.note:hover .actions .action-button{opacity:1}.note .label-link,.note .project,.note .tag{color:#444;background-color:#d2d5d2;border-radius:.1em;padding:0 .3em;margin-right:.2em;margin-bottom:.2em;cursor:pointer}.note .label-link,.note .project,.note .tag,.note .label-link:hover{text-decoration:none}.note .label-link:hover,.note .project:hover,.note .tag:hover{background-color:#444;color:#fddbb8;text-decoration:none}.note .tag.auto-tag{background-color:#cad1cd}.note .tag.auto-tag:hover{background-color:#a4aba4;color:#d2d5d2}.note .project{background-color:#a8c2bb}.note .project:hover{color:#a8c2bb;background-color:#444}.note .body,.note .title{margin-bottom:.6em}.note .body,.note .title,.note .actions{padding-top:.6em;font-size:1rem;line-height:1.3em}.note .body[contenteditable]{outline:0px solid transparent}.note .body.short{font-size:1.1rem}.note .title{font-weight:600;padding-bottom:0}.note .actions{display:flex;display:none;background-color:#a8c2bb}.note .actions .action-button{opacity:0;transition:opacity .1s ease-in-out}.note .weblinks{margin-bottom:.6em}.note .weblink{display:grid;grid-template-columns:50px 1fr;flex-wrap:wrap;font-size:.8em;color:#444;text-decoration:none}.note .weblink:hover{background-color:#feb163;color:#444;text-decoration:none}.note .weblink .weblink-image{flex:none;width:50px;height:50px;filter:grayscale(1) contrast(1.5);mix-blend-mode:multiply}.note .weblink .weblink-content{flex:5 1 auto;padding:.6em}.note .weblink .weblink-content .weblink-title{font-weight:bold;display:block}.note .weblink .weblink-content .weblink-host{color:#444}.note .weblink-screenshot{flex:0 0 100%}.note .weblink-screenshot img,.note .weblink-og-image img{width:100%}.note .weblink-screenshot img{display:none}.note:hover .weblink-screenshot img{display:block}.note.sortable-ghost{opacity:.3;border-color:#f6f5f5}.note.sortable-ghost{visibility:visible}.note.sortable-drag{outline:none;background-color:#f1ece9}.lists{display:grid;width:100%;grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));grid-gap:.6em}.list{padding-right:.6em}.list-heading{display:block;font-weight:bold;text-transform:uppercase;text-decoration:none;margin-bottom:.6em}.sortable-list{min-height:100px}form.new_note{padding:.6em}form.new_note .form-group{margin:0}form.new_note input[type=submit]{margin-bottom:0}.tags-index .tag{text-decoration:none;border-radius:.2rem;display:inline-block;padding:.6em;margin:0 .6em .6em 0;background-color:#9da49d;color:#444}.tags-index .tag.selected{background-color:#dbc7b8;color:#d2d5d2}.tags-index .tag.auto-tag{background-color:#a8c2bb;color:#444}.project-selector{display:block;margin-bottom:1.2em}.project-selector ul{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:.6em}.project-selector li{width:100%}.project-selector li a{color:#a0a7a0;display:flex;justify-content:center;text-decoration:none;padding:.6em;border-radius:.2rem;border:1.5px solid #a0a7a0;width:100%}.project-selector li.selected a{color:#444;font-weight:bold;background-color:#dbc7b8;border-color:#dbc7b8}.congrats-message{background:#a8c2bb;color:#438a54;padding:.5em 1em;border-radius:1em;font-weight:bold;pointer-events:none;opacity:0;z-index:9999;font-size:1.1em;white-space:nowrap;animation:congrats-fadeup 2.2s ease-out forwards}@keyframes congrats-fadeup{0%{opacity:0;transform:translateX(-50%) translateY(1em)}50%{opacity:1;transform:translateX(-50%) translateY(-2em)}100%{opacity:0;transform:translateX(-50%) translateY(-2.5em)}}