@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Roboto:ital@1&display=swap";#root{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh;box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--title-color);background-color:var(--background)}.theme-toggle-button{position:absolute;top:2.5em;right:2em;cursor:pointer}.action-menu{width:100%}.action-menu .action{display:flex;justify-content:space-between}.action-menu .action .new-card-btn,.action-menu .action .sort-by-btn{display:flex;align-items:center;gap:.5em;padding:10px 10px 10px 5px;margin:1em 0;cursor:pointer;font-weight:600;border:1px solid var(--border);border-radius:8px}.action-menu .action svg{height:.9em;width:.9em}.total-count{position:absolute;top:1em;left:1em;font-size:.8em;letter-spacing:2px;opacity:.5}.scroll-to-top{position:sticky;margin:auto 0 auto auto;bottom:1em;padding:1em;display:flex;justify-content:center;align-items:center;background-color:var(--background);border:1px solid var(--border);border-radius:8px;cursor:pointer;opacity:.8}.scroll-to-top:hover{opacity:1}.login-modal-root{padding:1em;display:flex;flex-direction:column;align-items:center;gap:2em;background-color:var(--background);border:1px solid var(--border);border-radius:8px}.svg-root{margin-bottom:1em;display:flex;justify-content:center;flex-wrap:wrap;gap:2em}.svg-root .svg-item{padding:10px;height:140px;width:220px;display:grid;justify-items:center;align-items:center;border-radius:4px;background-color:var(--card-background);box-sizing:border-box;position:relative}.svg-root .svg-item svg{height:52px;width:52px;color:var(--title-color);fill:var(--title-color)}.svg-item .title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;max-width:100%;font-weight:400;font-size:12px}.svg-item .resolution{position:absolute;top:10px;left:10px;font-size:.6em;opacity:.1}.svg-item .copy-btn-root{position:absolute;bottom:10px;right:10px}.svg-item .copy-btn{height:1em;width:1em;opacity:.5;cursor:pointer;position:relative}.svg-item .copy-btn svg{height:.8em;width:.8em;display:none}.svg-item .copy-btn .done-icon{position:absolute;top:70%;left:60%;transform:translate(-50%,-50%);height:.4em;width:.4em}.done-icon.show{transform:scale(0);animation:show-icon 1s ease-in-out forwards}.svg-item .edit-btn{position:absolute;top:5px;right:10px;opacity:.2;cursor:pointer}.svg-item .edit-btn svg{height:.5em;width:.5em}@keyframes pop-up-icon{0%{transform:scale(0)}to{transform:scale(1)}}.run-code-icon{cursor:pointer;position:absolute;right:0;bottom:0;padding:5px 14px;border-radius:8px;z-index:10}.ace_editor-root{border:1px solid var(--border);border-radius:8px;overflow:hidden}.ace_editor:not(.ace_autocomplete){width:100%!important;border-block:10px solid transparent;border-left:10px solid transparent;border-radius:4px}.ace_editor.ace_autocomplete{margin-top:10px}iframe .decorationsOverviewRuler{width:4px!important}.form-root{margin:2em;width:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.form-root .form-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;max-height:480px;position:relative}::-webkit-scrollbar{margin-right:100px;width:1px;background-color:transparent;display:block}::-webkit-scrollbar-thumb{background-color:var(--border)}.save-card-btn{padding:.6em .8em;font-weight:600;border-radius:8px;outline:none;border:none;cursor:pointer;color:var(--title-color);background-color:var(--background);border:1px solid var(--border);box-shadow:0 0 14px var(--box-shadow)}.save-card-btn:hover{background-color:var(--btn-hover)}.save-card-btn:disabled{cursor:not-allowed;color:var(--skeleton-background)}.text-btn-root{margin-right:auto;display:flex;align-items:center;opacity:.5}.text-btn{outline:none;border:none;cursor:pointer;color:var(--title-color);background-color:var(--background)}.text-btn-root:hover{opacity:1}.error-message{margin:0 auto 0 0;height:.9em;color:#fd3b3bd3;font-size:.9em;font-weight:600}.add-more-root{display:flex;flex-direction:column;padding:4px}.add-more-root .btn{padding:.4em;display:flex;align-items:center;gap:.5em;font-size:.8em;color:var(--title-color);border-radius:4px;opacity:.5;cursor:pointer}.add-more-root .btn:hover{opacity:.8;background-color:var(--btn-hover)}.form-ace-editor{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.form-ace-editor>div{border:1px solid var(--border);border-radius:8px;overflow:hidden}.ace_editor .ace_autocomplete{left:auto}*{font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal}.light-mode{--background: #FFFFFF;--card-background: #f6f6f7;--border: #b4b4b4a8;--title-color: rgb(9, 9, 11, .8);--label-background: rgb(244, 244, 245);--label-color: rgb(24, 24, 27);--input-bg-image: linear-gradient(#00000015, #00000015);--box-shadow: #f0f0f0a3;--btn-hover: #eeeeee;--skeleton-background: #ccc;--popper-background: #FFFFFF}.dark-mode{--background: #09090B;--card-background: #161618;--border: #77777777;--title-color: rgb(250, 250, 250, .8);--label-background: rgb(39, 39, 42);--label-color: rgb(250, 250, 250);--input-bg-image: linear-gradient(#ffffff15, #ffffff15);--box-shadow: #161616a3;--btn-hover: #111111;--skeleton-background: #121212;--popper-background: #18181B}