span[data-v-96e63fda]{padding:2px 4px;border-radius:5px;font-weight:700;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.is-filter[data-v-96e63fda]{background-color:#fff;cursor:pointer}.is-not-filter[data-v-96e63fda]{color:#fff}.blue[data-v-dd8d7fb4]{background-color:#559;border:3px solid #559}.red[data-v-dd8d7fb4]{background-color:#b35;border:3px solid #b35}.green[data-v-dd8d7fb4]{background-color:#595;border:3px solid #595}.orange[data-v-dd8d7fb4]{background-color:#e70;border:3px solid #e70}.black[data-v-dd8d7fb4]{background-color:#333;border:3px solid #333}.snippet-menu[data-v-dd8d7fb4]{display:flex;align-items:center;gap:5px}.icon[data-v-dd8d7fb4]{width:15px;height:15px;fill:#333;cursor:pointer}.toggle-hide-icon[data-v-dd8d7fb4]{width:20px;height:20px}.blue[data-v-3066acc9]{background-color:#559;border:3px solid #559}.red[data-v-3066acc9]{background-color:#b35;border:3px solid #b35}.green[data-v-3066acc9]{background-color:#595;border:3px solid #595}.orange[data-v-3066acc9]{background-color:#e70;border:3px solid #e70}.black[data-v-3066acc9]{background-color:#333;border:3px solid #333}section[data-v-3066acc9]{height:190px;display:flex;flex-direction:column;gap:10px;align-items:start;border:2px solid #333;border-radius:10px;padding:20px 30px;overflow:hidden}.snippet-active[data-v-3066acc9]{grid-column:1/-1;height:unset}.snippet-content-container[data-v-3066acc9]{border-radius:10px;padding:4px;overflow:hidden;width:100%;color:#666;background-color:#fff}pre[data-v-3066acc9]{font-family:Courier,monospace;font-size:.9em}.blue[data-v-dfcf95db]{background-color:#559;border:3px solid #559}.red[data-v-dfcf95db]{background-color:#b35;border:3px solid #b35}.green[data-v-dfcf95db]{background-color:#595;border:3px solid #595}.orange[data-v-dfcf95db]{background-color:#e70;border:3px solid #e70}.black[data-v-dfcf95db]{background-color:#333;border:3px solid #333}form[data-v-dfcf95db]{height:190px;display:flex;flex-direction:column;gap:10px;align-items:start;border:2px solid #333;border-radius:10px;padding:20px 30px}.snippet-active[data-v-dfcf95db]{grid-column:1/-1;height:unset}.title-input[data-v-dfcf95db]{font-size:1.5em;font-family:unset;width:100%}.tag-form[data-v-dfcf95db]{display:flex;flex-wrap:wrap;gap:10px}.tag-form div[data-v-dfcf95db]{display:flex;gap:10px}.color-input[data-v-dfcf95db]{appearance:none;height:1.3em;aspect-ratio:1;border-radius:50%}.color-input[data-v-dfcf95db]:checked{background-color:#eee}textarea[data-v-dfcf95db]{width:100%;max-height:100%;color:#666;font-family:Courier,monospace;font-size:.9em;resize:none}.footer{position:absolute;width:80%;bottom:0}.footer-content{margin:15px 0 20px;display:flex;justify-content:center;gap:25px}.link{text-decoration:underline;cursor:pointer}a{color:inherit}.blue{background-color:#559;border:3px solid #559}.red{background-color:#b35;border:3px solid #b35}.green{background-color:#595;border:3px solid #595}.orange{background-color:#e70;border:3px solid #e70}.black{background-color:#333;border:3px solid #333}*,*:before,*:after{box-sizing:border-box;margin:0}body{background-color:#eee}.app{padding:30px 10%;font-family:Trebuchet MS,sans-serif;color:#333;position:relative;min-height:100vh}h1{cursor:pointer;margin-bottom:20px}main{margin-bottom:50px}main>*{margin-bottom:25px}button{border:none;background-color:#fff;padding:4px 6px;border-radius:5px;font-family:inherit;font-weight:700;cursor:pointer;transition:.1s ease}button:hover{background-color:#ddd}.displayedSnippets{display:grid;grid-template-columns:100%;gap:15px}@media(min-width:600px){.displayedSnippets{grid-template-columns:calc(50% - 7.5px) calc(50% - 7.5px)}}@media(min-width:900px){.displayedSnippets{grid-template-columns:calc(33.3333333333% - 10px) calc(33.3333333333% - 10px) calc(33.3333333333% - 10px)}}input,textarea{font-family:inherit;border-radius:3px;border:1px solid black;padding:2px 4px}.row-1{display:flex;justify-content:space-between;width:100%}.row-1 h2{word-break:break-all}.row-2{display:flex;gap:10px;flex-wrap:wrap;align-items:center}