*{box-sizing:border-box}#root,html{--primary-color: #6247aa;--secondary-color: #a06cd5;--tertiary-color: #e2cfea;--canvas-color: #212529;--background-color: #343a40;--secondary-background-color: #495057;--highlight-color: #6c757d;height:100%;display:flex;flex-direction:column}body{margin:0;background:var(--canvas-color);min-height:100vh;background-size:cover;background-position:center;font-family:sans-serif;font-weight:700;font-style:normal}main{display:flex;flex-direction:column;width:auto;align-items:center;flex:1}header{display:flex;flex-wrap:wrap;justify-content:center;height:auto;background-color:var(--secondary-background-color);color:#fff}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:fit-content;width:70%;max-width:1000px}.content>h1{color:#f8f9fa;font-size:80px;text-align:center}.expander-container{width:100%;background-color:var(--background-color);color:#fff;border-radius:25px;margin-bottom:20px;padding:20px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.expander-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.expander-header-title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.expander-header-title>p{margin:0}.expander-header>button{background:none;border:none;color:#fff}.expander-content{white-space:pre-wrap;max-height:0;opacity:0;transition:max-height .5s ease-out,opacity .5s ease-out}.expander-content.expanded{max-height:500px;opacity:1;margin-top:20px}.code-holder{background-color:var(--canvas-color);border-radius:25px;padding:20px;color:var(--tertiary-color);max-height:300px;overflow-y:auto;border-right:8px solid transparent}.code-holder>p{color:#6c757d}.code-holder::-webkit-scrollbar{width:8px}.code-holder::-webkit-scrollbar-track{background-color:transparent;margin:20px}.code-holder::-webkit-scrollbar-thumb{background-color:var(--highlight-color);border-radius:10px}.code-holder::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color)}.search-container{width:100%;border-radius:25px;box-shadow:0 2px 8px #0000004d;overflow:hidden;margin-bottom:20px}.ntrl-input{display:flex;align-items:center;width:100%;background-color:var(--background-color)}.ntrl-input>svg{margin-left:20px;color:#fff}.ntrl-input>input{border-radius:0;border:none;border-bottom:none;padding:12px 20px;flex:1;width:100%;height:60px;outline:none;color:#fff;font-size:large;font-weight:400;background-color:var(--background-color)}.ntrl-input>input:-webkit-autofill,.ntrl-input>input:-webkit-autofill:hover,.ntrl-input>input:-webkit-autofill:focus,.ntrl-input>input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--background-color) inset!important;-webkit-text-fill-color:rgb(255,255,255)!important}.clear-button{margin-right:20px;margin-left:20px;background:none;border:none;color:#fff;display:flex;align-items:center}.clear-icon{flex-shrink:0;color:#fff}.results{width:100%;height:auto}.suggestion{display:flex;flex-direction:row;color:#fff;background-color:var(--secondary-background-color);align-items:center;padding:0;border:none;transition:background-color .1s ease}.suggestion>svg{min-width:24px;max-width:24px;width:24px;height:24px;margin-left:16px;flex-shrink:0}.suggestion:hover{background-color:var(--highlight-color);cursor:pointer}.suggestion-content{display:flex;flex-direction:column;height:auto;padding:12px 16px;width:100%}.suggestion-content p{margin:0 0 4px;font-weight:400}.suggestion-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:14px}.suggestion-content code{display:block;white-space:pre-wrap;word-wrap:break-word}.history-item{display:flex;flex-direction:row;color:#fff;align-items:center;padding:0;border:none;transition:background-color .1s ease}.history-item>svg{min-width:24px;max-width:24px;width:24px;height:24px;margin-left:16px;flex-shrink:0}.table-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border:2px dashed white;border-radius:25px;padding:20px;color:#fff;max-height:300px;overflow-y:auto;width:100%;height:400px;margin-bottom:20px}footer{min-height:40px;display:flex;color:#fff;background-color:#000;justify-content:center;width:100%;margin-top:auto;padding:10px}