li{list-style:none}input:focus{outline:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:underline}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh;scroll-behavior:smooth}input{width:100%}button,input{display:flex;border-radius:8px;border:1px solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a8a;cursor:pointer;transition:all .25s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button:hover,input:hover{border-color:#646cff}button:active,input:active,input:focus{transform:scale(1.04);background-color:#535bf2;color:#1a1a1a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#info{position:absolute;top:1rem;left:calc(50% - min-content);display:flex;flex-direction:column;padding:1rem;align-items:start;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min-content}h3{min-width:15rem;padding:0;margin:0;text-align:left;font-size:1rem;color:#646cff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#root{margin:0 auto;padding:0;text-align:center}form,ul{display:flex;justify-content:center;gap:1rem;padding:0}li>button{display:flex;flex-direction:column}section#main{display:flex;flex-direction:column}.active>button{border-color:#535bf2;background-color:#747bff}.active>button>a{color:#242424}button a{transition:all .2s}button a:hover{transform:translateY(-1px);text-decoration:underline}section#view{position:absolute;display:flex;background-color:#1a1a1a8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease-in-out;padding:0 1rem;z-index:3}button#history{position:absolute;font-size:larger;display:flex;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;transition:all .2s}form{position:relative}input{margin:0}ul#search_history{width:100%;display:flex;flex-direction:column;gap:.2rem}ul#search_history li{display:flex;flex-direction:row;width:100%;gap:.4rem}ul#search_history li>button{padding:.4rem}ul#search_history li>.line_data{flex:1;display:flex}ul#search_history li .line_data>button.author_line_history,ul#search_history li .line_data>button.project_line_history,ul#search_history li .line_data>button.file_line_history{display:flex;flex:1;text-align:left;overflow-x:auto;height:2rem}ul#search_history li>button.del_line{color:#ff1212cc;width:min-content}#search_list{position:absolute;top:calc(100% + .2rem);display:flex;align-items:start;gap:.8rem;z-index:1;width:fit-content;overflow:hidden}#project_list,#file_list{margin:0;display:flex;overflow-y:auto;height:20rem;flex-direction:column;justify-content:start;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:.5rem}@media (orientation: landscape){:root{font-size:1.5rem}button#history{right:-4rem;top:2rem;border-radius:1rem;padding:.5rem;width:5rem;transition:all .2s ease-in-out}section#view{left:0;top:0;width:20%;height:100%;padding-left:100%;transform:translate(calc(2rem - 100%))}section.hidden{transform:translate(calc(16rem - 100%))!important}section.hidden>button#history{right:1rem}}h5{color:red}span.loading{position:absolute;display:flex;top:calc(100% + .3rem);left:0;padding:.3rem;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.4rem}@media (orientation: portrait){:root{font-size:1rem}input,button{padding:1rem}ul{flex-direction:column;padding:0}li>button{width:100%;flex-direction:row;display:flex;justify-content:space-between}button a{position:relative;display:flex;border-radius:.2rem;padding:0 1rem}button a:before{position:absolute;display:flex;justify-content:end;font-size:.5rem;content:"🔗";right:0;width:.2rem;height:100%;background-color:#535bf2;transition:all .2s;transform-origin:center right;z-index:-1}button a:hover{color:#f9f9f9}button a:hover:before{width:100%;border-radius:2px}button#history{top:100%;left:.5rem;width:5rem;transition:all .2s;border-bottom:2px solid #535bf2;border-radius:0 0 1rem 1rem}.hidden{transform:translateY(calc(100% - 3rem))}.hidden button#history{background-color:#747bff;color:#f9f9f9;width:100%;border-radius:.2rem;left:0}section#view{left:0;top:calc(1px - 100%);width:100%;height:100%}}i#background{position:absolute;inset:0;background-size:100% auto;background-repeat:no-repeat;background-position:center;width:100%;height:100%;z-index:-1}