:root{--compiler-bg:#f4f7f9;--compiler-top-bg:linear-gradient(#e9f3f1,#f4f7f9);--compiler-header-bg:#eaf4f7;--compiler-select-border:#b6dad0;--compiler-icon-color:#69897f;--compiler-icon-border:#98c5ba;--compiler-icon-hover:#d7f0eb;--compiler-h1-bg:linear-gradient(90deg,#1a9edb,#0fb092);--compiler-input-bg:#fff;--compiler-output-bg:#fff;--compiler-gutter-bg:#fff;--compiler-gutter-border:#fff;--compiler-gutter-current:#e5f2fe;--compiler-select-bg:#fff;--compiler-option-span-text:#272c30;--compiler-option-span-bg:#eff3fc;--compiler-option-a-text:#505a63;--compiler-option-current-text:#0b876c;--compiler-option-current-bg:#eef9f4;--compiler-search-border:#aac8ba;--copy-button-bg:#e9f8f5;--copy-button-text:#72c7ab;--copy-button-border:#a8ecd6;--copy-button-hover-bg:#daf4ef;--copy-button-hover-text:#55b394;--copy-button-hover-border:#8bd8c0;--compiler-list-item-bg:#fff;--compiler-list-item-border:#d7eceb;--compiler-list-item-text:#0b876c;--compiler-list-item-icon-text:#2eb396;--compiler-list-hot-bg:#eaf9f6;--compiler-list-hot-text:#0b876c;--compiler-list-hot-icon-text:#2eb396}html[data-theme=dark]{--compiler-bg:linear-gradient(90deg,#21252b,#21252b);--compiler-top-bg:linear-gradient(#21252b,#21252b);--compiler-header-bg:#1d2126;--compiler-select-border:#485063;--compiler-icon-color:#adbbc7;--compiler-icon-border:#485063;--compiler-icon-hover:#282c34;--compiler-h1-bg:linear-gradient(90deg,#65c0f9,#71fbb1);--compiler-input-bg:#282c34;--compiler-output-bg:#21252b;--compiler-gutter-bg:#292c33;--compiler-gutter-border:#292c33;--compiler-gutter-current:#2d3139;--compiler-select-bg:#282c34;--compiler-option-span-text:#dfe6ed;--compiler-option-span-bg:#323740;--compiler-option-a-text:#adbbc7;--compiler-option-current-text:#adbbc7;--compiler-option-current-bg:#323740;--compiler-search-border:#485063;--copy-button-bg:#181b21;--copy-button-text:silver;--copy-button-border:#292c33;--copy-button-hover-bg:#000;--copy-button-hover-text:#fff;--copy-button-hover-border:#485063;--compiler-list-item-bg:#323740;--compiler-list-item-border:#485063;--compiler-list-item-text:#adbbc7;--compiler-list-item-icon-text:#adbbc7;--compiler-list-hot-bg:#323740;--compiler-list-hot-text:#32c8b9;--compiler-list-hot-icon-text:#32c8b9}.tool-select{background-color:var(--compiler-select-bg);border:1px solid var(--compiler-select-border);border-radius:5px;cursor:pointer;height:36px;line-height:36px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:200px;z-index:2000}.tool-select>.current-option{display:flex;justify-content:space-between;padding:0 15px}.tool-select>.current-option>i{transition:all .2s linear}.tool-select>.select-options{background-color:var(--compiler-select-bg);border:1px solid var(--compiler-select-border);border-radius:5px;left:0;overflow:auto;position:absolute;top:calc(100% + 5px);transition:all .1s linear;width:200px}.tool-select>.select-options>.language-search{display:flex;justify-content:center;padding:5px 0}.tool-select>.select-options>.language-search>input{background-color:var(--bg-white-black3);border:1px solid var(--compiler-search-border);border-radius:18px;caret-color:#29a4ab;display:block;font-size:15px;height:30px;line-height:30px;padding:0 20px;width:calc(100% - 12px)}.tool-select>.select-options>.language-search>input:focus{border-color:#57bca6;outline:1px solid #57bca6}.tool-select>.select-options>strong{background:var(--compiler-option-span-bg);color:var(--compiler-option-span-text);cursor:text;display:block;font-weight:700;margin:8px 0;padding-left:15px}.tool-select>.select-options>strong:first-of-type{margin-top:0}.tool-select>.select-options>span{color:var(--compiler-option-a-text);display:block;height:34px;line-height:34px;padding-left:15px;transition:all .1s linear}.tool-select>.select-options>span:hover{background:var(--compiler-option-current-bg);color:var(--compiler-option-current-text)}.tool-select>.select-options>span:last-child{margin-bottom:8px}.tool-select>.select-options::-webkit-scrollbar{height:8px!important;width:8px!important}.tool-select>.select-options::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.tool-select>.select-options::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}.tool-select>.select-options::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tool-select>.select-options::-webkit-scrollbar-corner{background-color:transparent}