@charset "UTF-8";:root{--article-h2-bg:linear-gradient(90deg,#188149,#1380ba,#188149);--article-h2-border:#8ab8a9;--article-h3-bg:linear-gradient(90deg,#212529,#212529);--article-a-text:#0246cf;--article-a-bg:linear-gradient(90deg,#0556f3,#0556f3);--article-strong-text:#212529;--article-strong-bg:linear-gradient(90deg,#c1e3ff,#c1e3ff);--article-strong-font-weight:bold;--article-block-bg:linear-gradient(90deg,#212529,#212529);--article-box-strong-bg:linear-gradient(90deg,#accded,#accded);--article-code-bg:#f9f2f4;--article-code-text:crimson;--article-hljs-bg:#282c34;--article-infobox-hljs-bg:#282c34;--article-table-thead-bg:#393e47;--article-table-tr-bg:#f4f6f8;--article-table-border:none;--article-table-radius:5px;--article-category-table-tr-bg:#f0f3fa;--article-table-a-text:#0b876c;--article-table-a-bg:linear-gradient(90deg,#0b876c,#0b876c);--article-box-bg:#ddedfa;--article-box-i-bg:#67abdc;--article-navbottom-bg:#f4f7f9;--aritlce-img-filter:brightness(1)}html[data-theme=dark]{--article-h2-bg:linear-gradient(90deg,#65c0f9,#71fbb1);--article-h2-border:#335c79;--article-h3-bg:linear-gradient(90deg,#6abaeb,#51eacb);--article-a-text:#32c8b9;--article-a-bg:linear-gradient(90deg,#32c8b9,#32c8b9);--article-strong-text:#7fc1f0;--article-strong-bg:none;--article-strong-font-weight:normal;--article-block-bg:linear-gradient(90deg,#80c1f0,#80c1f0);--article-box-strong-bg:none;--article-code-bg:#323740;--article-code-text:#7fc1f0;--article-hljs-bg:#323740;--article-infobox-hljs-bg:#222730;--article-table-thead-bg:#323740;--article-table-tr-bg:#323740;--article-table-border:1px solid #3b4048;--article-table-radius:0;--article-category-table-tr-bg:#323740;--article-table-a-text:#7fc1f0;--article-table-a-bg:linear-gradient(90deg,#7fc1f0,#7fc1f0);--article-box-bg:#323740;--article-box-i-bg:#619fcc;--article-navbottom-bg:#323740;--aritlce-img-filter:brightness(.9)}: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}.hidden{display:none!important}.dialog-open{transform:scale(1)!important}.body-overflow{overflow:hidden}@keyframes loading{to{transform:rotate(.5turn)}}@keyframes bubbles{0%{background-position:18% 40%,20% 31%,30% 30%,40% 30%,50% 30%,57% 30%,65% 30%,80% 32%,15% 60%,83% 60%,18% 70%,25% 70%,41% 70%,50% 70%,64% 70%,80% 71%}50%{background-position:10% 44%,0 20%,15% 5%,30% 0,42% 0,62% -2%,75% 0,95% -2%,0 80%,95% 55%,7% 100%,24% 100%,41% 100%,55% 95%,68% 96%,95% 100%}to{background-position:5% 44%,-5% 20%,7% 5%,23% 0,37% 0,58% -2%,80% 0,100% -2%,-5% 80%,100% 55%,2% 100%,23% 100%,42% 100%,60% 95%,70% 96%,100% 100%;background-size:0 0}}body,html{min-height:101vh}body>.ace_editor>.ace_scrollbar::-webkit-scrollbar{height:8px!important;width:8px!important}body>.ace_editor>.ace_scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}body>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}body>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body>.ace_editor>.ace_scrollbar::-webkit-scrollbar-corner{background-color:transparent}.online-compiler-page{background:var(--compiler-bg);overflow-x:hidden;padding-bottom:120px}.online-compiler-page:before{background:var(--compiler-top-bg);content:"";height:500px;left:0;position:absolute;top:0;width:100%}.online-compiler-page>.compiler-code,.online-compiler-page>.compiler-header,.online-compiler-page>.compiler-intro,.online-compiler-page>.compiler-list{position:relative;z-index:1000}.online-compiler-page>.compiler-header{display:flex;justify-content:center}.online-compiler-page>.compiler-header>.container{padding:10px 0;width:95%}.online-compiler-page>.compiler-header>.container>div>a{display:block;height:35px;width:105px}.online-compiler-page>.compiler-header>.container>div>a>img{height:35px;width:105px}.online-compiler-page>.compiler-header>.container>h1{-webkit-background-clip:text;background-image:var(--compiler-h1-bg);font-size:13px;height:20px;line-height:20px;margin-left:5px;text-align:left;width:200px;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-header>.container>.line:before{content:"— "}.online-compiler-page>.compiler-code{display:flex;justify-content:center;margin-top:10px}.online-compiler-page>.compiler-code>.container{border-radius:6px;box-shadow:0 2px 10px #0003;width:calc(100% - 24px)}.online-compiler-page>.compiler-code>.container>.input{border:1px solid var(--border-transparent-black2);border-top-left-radius:6px;border-top-right-radius:6px;position:relative}.online-compiler-page>.compiler-code>.container>.input>.input-header{align-items:center;background-color:var(--compiler-header-bg);border-bottom:1px solid var(--border-transparent-black2);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;height:50px;justify-content:space-between;line-height:50px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.left{display:flex}.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.reset-button,.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.theme-button{margin-left:8px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.reset-button>i,.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.theme-button>i{border:1px solid var(--compiler-icon-border);border-radius:3px;color:var(--compiler-icon-color);cursor:pointer;display:block;font-weight:700;height:28px;line-height:28px;text-align:center;transition:all .2s linear;width:28px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.reset-button>i:hover,.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.theme-button>i:hover{background-color:var(--compiler-icon-hover)}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right{align-items:center;display:flex;justify-content:flex-end}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right .languages-select{margin-right:10px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button{color:#fff;cursor:pointer;font-size:15px;height:32px;line-height:32px;margin:0 8px;position:relative;text-align:center;width:80px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button:after,.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button:before{border-radius:3px;content:"";inset:0;position:absolute}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button:before{background-image:linear-gradient(90deg,#48aae7,#28c06f);transition:all .2s linear;z-index:2}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button:after{background-image:linear-gradient(90deg,#239ce8,#0ba352);z-index:1}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button:hover:before{opacity:0}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button>span{inset:0;position:absolute;z-index:3}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button>span:before{animation:bubbles .75s ease-in-out forwards;background-image:radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0),radial-gradient(circle,#3ed3da 20%,transparent 0);background-position:18% 40%,20% 31%,30% 30%,40% 30%,50% 30%,57% 30%,65% 30%,80% 32%,15% 60%,83% 60%,18% 70%,25% 70%,41% 70%,50% 70%,64% 70%,80% 71%;background-repeat:no-repeat;background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%,15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;content:"";inset:-2em;pointer-events:none;position:absolute;transition:.5s ease-in-out;z-index:10}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button>span:active{background-color:#0a9ca3;transform:scale(.95)}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button>span:active:before{animation:none;background-size:0}.online-compiler-page>.compiler-code>.container>.input>.input-content{background-color:var(--compiler-input-bg);border-bottom-left-radius:6px;border-bottom-right-radius:6px;height:calc(100dvh - 410px);min-height:250px}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor{border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-family:Consolas,ui-monospace,SFMono-Regular,SF Mono,Menlo,Liberation Mono,monospace;font-size:15px;height:100%;line-height:20px;width:100%}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar{height:6px!important;width:6px!important}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:6px!important}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-corner{background-color:transparent}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_mobile-menu{display:none}.online-compiler-page>.compiler-code>.container>.input>.input-content>.copy-code-button{bottom:15px;position:absolute;right:15px}.online-compiler-page>.compiler-code>.container>.input>.input-content>.copy-code-button>i{background-color:var(--copy-button-bg);border:1px solid var(--copy-button-border);border-radius:50%;color:var(--copy-button-text);cursor:pointer;display:block;font-size:12px;height:28px;line-height:28px;text-align:center;transition:all .15s linear;width:28px}.online-compiler-page>.compiler-code>.container>.input>.input-content>.copy-code-button>i:hover{background-color:var(--copy-button-hover-bg);border-color:var(--copy-button-hover-border);color:var(--copy-button-hover-text)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.copy-code-button>span{color:var(--text-black-white);display:block;font-size:12px;line-height:28px;text-align:center}.online-compiler-page>.compiler-code>.container>.resizer{display:none}.online-compiler-page>.compiler-code>.container>.output{border:1px solid var(--border-transparent-black2);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none}.online-compiler-page>.compiler-code>.container>.output>.output-header{align-items:center;background-color:var(--compiler-header-bg);border-bottom:1px solid var(--border-transparent-black2);display:flex;height:50px;justify-content:space-between;line-height:50px;padding:0 20px}.online-compiler-page>.compiler-code>.container>.output>.output-header>span{font-weight:700}.online-compiler-page>.compiler-code>.container>.output>.output-header>i{border-radius:3px;color:var(--compiler-icon-color);cursor:pointer;display:block;font-size:24px;height:30px;line-height:30px;text-align:center;transition:all .2s linear;width:30px}.online-compiler-page>.compiler-code>.container>.output>.output-header>i:hover{background-color:var(--compiler-icon-hover)}.online-compiler-page>.compiler-code>.container>.output>.output-content{background:var(--compiler-output-bg);border-bottom-left-radius:6px;border-bottom-right-radius:6px;height:200px;overflow:auto;padding:15px 0 0 20px;position:relative}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar{height:6px!important;width:6px!important}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:6px!important}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-corner{background:var(--scrollbar-corner-bg);background-color:transparent}.online-compiler-page>.compiler-code>.container>.output>.output-content>.result{font-size:14px;line-height:24px}.online-compiler-page>.compiler-code>.container>.output>.output-content>.loader{aspect-ratio:1;display:grid;left:30px;position:absolute;top:20px;width:45px}.online-compiler-page>.compiler-code>.container>.output>.output-content>.loader:after,.online-compiler-page>.compiler-code>.container>.output>.output-content>.loader:before{content:"";grid-area:1/1;--c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);animation:loading 1s infinite;background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:11px 11px}.online-compiler-page>.compiler-code>.container>.output>.output-content>.loader:before{animation-timing-function:linear;background-size:7px 7px;filter:hue-rotate(45deg);margin:4px}.online-compiler-page>.compiler-list{display:flex;justify-content:center;margin-top:80px}.online-compiler-page>.compiler-list>.container{width:90%}.online-compiler-page>.compiler-list>.container>.compiler-list-header{text-align:center}.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title{-webkit-background-clip:text;background-image:linear-gradient(90deg,#1ca5ed,#12d2af);display:inline-block;font-size:24px;font-weight:700;position:relative;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:after,.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:before{border-radius:8px;content:"";height:12px;position:absolute;top:12px;width:12px}.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:before{border:2px solid #1ca5ed;left:-25px}.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-title:after{border:2px solid #12d2af;right:-25px}.online-compiler-page>.compiler-list>.container>.compiler-list-header>.compiler-list-desc{color:#24cab7;font-size:14px;line-height:22px;margin-top:20px}.online-compiler-page>.compiler-list>.container>ul{-moz-column-gap:15px;column-gap:15px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;row-gap:15px}.online-compiler-page>.compiler-list>.container>ul>li>a{background-color:var(--compiler-list-item-bg);border:1px solid var(--compiler-list-item-border);border-radius:5px;box-shadow:var(--box-shadow2);color:var(--compiler-list-item-text);display:grid;font-size:14px;height:40px;line-height:40px;place-items:center;transition:all .2s linear;width:40px}.online-compiler-page>.compiler-list>.container>ul>li>a:hover{transform:scale(1.08)}.online-compiler-page>.compiler-list>.container>ul>li>a>i{color:var(--compiler-list-item-icon-text);display:block;font-size:24px}.online-compiler-page>.compiler-list>.container>ul>li>a>span{display:none}.online-compiler-page>.compiler-list>.container>ul>li>a.hot{background-color:var(--compiler-list-hot-bg);color:var(--compiler-list-hot-text)}.online-compiler-page>.compiler-list>.container>ul>li>a.hot>i{color:var(--compiler-list-hot-icon-text)}.online-compiler-page>.compiler-intro{display:flex;justify-content:center;margin-top:80px}.online-compiler-page>.compiler-intro>.container{background-color:var(--bg-white-black2);border:1px solid var(--border-transparent-black2);border-radius:10px;box-shadow:var(--box-shadow2);min-height:600px;padding:40px 20px;width:calc(100% - 30px)}.online-compiler-page>.compiler-intro>.container>h2{-webkit-background-clip:text;background-image:var(--gradient-text1-bg);font-size:24px;font-weight:700;margin-bottom:30px;text-align:center;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-intro>.container>h3{-webkit-background-clip:text;background-image:var(--article-h2-bg);border-bottom:1px solid var(--article-h2-border);font-size:20px;font-weight:700;line-height:30px;margin:60px 0 24px;padding-bottom:10px;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-intro>.container>h4{-webkit-background-clip:text;background-image:var(--article-h3-bg);font-size:16px;font-weight:700;line-height:28px;margin-bottom:12px;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-intro>.container>h4.large{font-size:20px!important;margin-bottom:20px!important;margin-top:32px!important}.online-compiler-page>.compiler-intro>.container p{font-size:16px;line-height:30px;margin-bottom:16px}.online-compiler-page>.compiler-intro>.container kbd,.online-compiler-page>.compiler-intro>.container p>code{background-color:var(--article-code-bg);border-radius:2px;color:var(--article-code-text);padding:0 5px}.online-compiler-page>.compiler-intro>.container ul{margin-bottom:16px}.online-compiler-page>.compiler-intro>.container ul>li{font-size:16px;line-height:32px;padding-left:32px;position:relative}.online-compiler-page>.compiler-intro>.container ul>li:before{color:var(--text-black-white);content:"❑";font-size:15px;font-weight:700;height:32px;left:0;position:absolute;text-align:center;top:0;width:32px}.online-compiler-page>.compiler-intro>.container ul>li code{background-color:var(--article-code-bg);border-radius:2px;color:var(--article-code-text);padding:0 5px}.online-compiler-page>.compiler-intro>.container ul strong{background:var(--article-strong-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 10px}.online-compiler-page>.compiler-intro>.container strong{color:var(--article-strong-text);font-weight:700}.online-compiler-page>.compiler-intro>.container a{background-image:var(--article-a-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;color:var(--article-a-text);transition:background-size .25s linear}.online-compiler-page>.compiler-intro>.container a:hover{background-position:0 100%;background-size:100% 1px}.online-compiler-page>.compiler-intro>.container p:has(>img){margin:34px 0 30px;text-align:center}.online-compiler-page>.compiler-intro>.container p:has(>img)>img{border-radius:3px;filter:var(--aritlce-img-filter);max-width:90%}.online-compiler-page>.compiler-intro>.container table{border:var(--article-table-border);box-shadow:0 2px 10px #0000001f;margin:24px 0;width:100%}.online-compiler-page>.compiler-intro>.container table>caption{color:var(--text-black-white);font-size:16px;font-weight:700;margin-bottom:12px;text-align:center}.online-compiler-page>.compiler-intro>.container table>thead>tr{background-color:var(--article-table-thead-bg);color:var(--text-white-white);font-weight:700}.online-compiler-page>.compiler-intro>.container table>thead>tr>th:first-child{border-top-left-radius:var(--article-table-radius)}.online-compiler-page>.compiler-intro>.container table>thead>tr>th:last-child{border-top-right-radius:var(--article-table-radius)}.online-compiler-page>.compiler-intro>.container table>tbody>tr:nth-child(2n){background-color:var(--article-table-tr-bg)}.online-compiler-page>.compiler-intro>.container table>tbody>tr:last-child>td:first-child{border-bottom-left-radius:var(--article-table-radius)}.online-compiler-page>.compiler-intro>.container table>tbody>tr:last-child>td:last-child{border-bottom-right-radius:var(--article-table-radius)}.online-compiler-page>.compiler-intro>.container table>tbody>tr:last-child>td:has(img){padding:20px 0 15px 15px!important}.online-compiler-page>.compiler-intro>.container table tr{line-height:28px}.online-compiler-page>.compiler-intro>.container table tr>td,.online-compiler-page>.compiler-intro>.container table tr>th{padding:5px 10px;word-wrap:break-word;word-break:break-all}.online-compiler-page>.compiler-intro>.container table tr>td:first-child,.online-compiler-page>.compiler-intro>.container table tr>th:first-child{width:120px}.online-compiler-page>.compiler-intro>.container table .icon-yes{color:#3cb371;margin-right:5px}.online-compiler-page>.compiler-intro>.container table .icon-no{color:#f76757;margin-right:5px}.online-compiler-page>.compiler-intro>.container .syntax{border-radius:3px}.online-compiler-page>.compiler-intro>.container .syntax code{background-color:var(--article-hljs-bg);border-radius:3px;font-size:14px;line-height:20px;margin-bottom:16px;padding:16px}.online-compiler-page>.compiler-intro>.container .syntax code::-webkit-scrollbar{height:8px!important;width:8px!important}.online-compiler-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.online-compiler-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}.online-compiler-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-compiler-page>.compiler-intro>.container .syntax code::-webkit-scrollbar-corner{background-color:transparent}.online-compiler-page>.compiler-dialog{background-color:transparent;padding:40px;transform:scale(0);transition:all .2s ease-in-out}.online-compiler-page>.compiler-dialog>.container{background-color:var(--bg-white-black2);border-radius:10px;box-shadow:0 2px 12px #0003;line-height:28px;padding:30px 20px;position:relative;width:260px}.online-compiler-page>.compiler-dialog>.container>.leaf{background-color:var(--bg-white-black2);border-radius:30px;left:calc(50% - 30px);position:absolute;top:-30px}.online-compiler-page>.compiler-dialog>.container>.leaf>.icon-leaf1{-webkit-background-clip:text;background-image:linear-gradient(90deg,#48aae7,#34d07d);display:block;font-size:30px;height:60px;line-height:60px;text-align:center;width:60px;-webkit-text-fill-color:transparent}.online-compiler-page>.compiler-dialog>.container>.icon-close{color:var(--text-white-white);cursor:pointer;font-size:30px;height:30px;position:absolute;right:-30px;top:-20px;transition:all .2s linear;width:30px}.online-compiler-page>.compiler-dialog>.container>.icon-close:hover{transform:rotate(90deg)}.online-compiler-page>.compiler-dialog>.container>.dialog-content>p:nth-child(2){margin-top:20px}@media screen and (min-width:376px){.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.reset-button,.online-compiler-page>.compiler-code>.container>.input>.input-header>.left>.theme-button{margin-left:10px}.online-compiler-page>.compiler-code>.container>.input>.input-header>.right>.run-button{margin:0 10px}}@media screen and (min-width:576px){.online-compiler-page>.compiler-header>.container{padding:40px 0 30px}.online-compiler-page>.compiler-header>.container>div>a,.online-compiler-page>.compiler-header>.container>div>a>img{height:45px;width:135px}.online-compiler-page>.compiler-header>.container>h1{font-size:16px;height:25px;line-height:25px}.online-compiler-page>.compiler-code{margin-top:0}.online-compiler-page>.compiler-code>.container{width:95%}.online-compiler-page>.compiler-code>.container>.input>.input-content{height:calc(100dvh - 470px)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor{font-size:15px;line-height:22px}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar{height:8px!important;width:8px!important}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-compiler-page>.compiler-code>.container>.input>.input-content>.ace_editor>.ace_scrollbar::-webkit-scrollbar-corner{background-color:transparent}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar{height:8px!important;width:8px!important}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-left:1px solid var(--scrollbar-track-border);box-shadow:var(--scrollbar-track-box-shadow)}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:8px!important}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-compiler-page>.compiler-code>.container>.output>.output-content::-webkit-scrollbar-corner{background:var(--scrollbar-corner-bg);background-color:transparent}.online-compiler-page>.compiler-intro>.container{padding:40px 30px;width:95%}.online-compiler-page>.compiler-intro>.container>h2{font-size:28px}.online-compiler-page>.compiler-intro>.container>h3{font-size:26px}.online-compiler-page>.compiler-intro>.container p{line-height:32px}.online-compiler-page>.compiler-intro>.container .syntax code{font-size:16px}.online-compiler-page>.compiler-intro>.container table tr>td,.online-compiler-page>.compiler-intro>.container table tr>th{padding:5px 15px}.online-compiler-page>.compiler-intro>.container table tr>td:first-child,.online-compiler-page>.compiler-intro>.container table tr>th:first-child{width:30%}.online-compiler-page>.compiler-dialog{padding:50px}.online-compiler-page>.compiler-dialog>.container{width:300px}.online-compiler-page>.compiler-dialog>.container>.icon-close{right:-35px;top:-20px}}@media screen and (min-width:768px){.online-compiler-page>.compiler-dialog{padding:100px}.online-compiler-page>.compiler-dialog>.container{padding:50px 30px;width:360px}.online-compiler-page>.compiler-dialog>.container>.icon-close{right:-50px;top:0}.online-compiler-page>.compiler-intro>.container{padding:40px 35px}}@media screen and (min-width:992px){.online-compiler-page{padding-bottom:50px}.online-compiler-page:before{height:1000px}.online-compiler-page>.compiler-code>.container{box-shadow:none;display:flex;position:relative}.online-compiler-page>.compiler-code>.container>.input,.online-compiler-page>.compiler-code>.container>.output{box-shadow:var(--box-shadow2);min-width:400px}.online-compiler-page>.compiler-code>.container>.input{border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:100%}.online-compiler-page>.compiler-code>.container>.input>.input-content{height:calc(100dvh - 240px);min-height:300px}.online-compiler-page>.compiler-code>.container>.resizer{cursor:ew-resize;display:grid;place-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:12px}.online-compiler-page>.compiler-code>.container>.resizer>i{color:var(--text-black2-gray);font-size:15px}.online-compiler-page>.compiler-code>.container>.resizer>.icon-drag-x{display:block}.online-compiler-page>.compiler-code>.container>.resizer>.icon-drag-y{display:none}.online-compiler-page>.compiler-code>.container>.output{border-top:1px solid var(--border-transparent-black2);border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.online-compiler-page>.compiler-code>.container>.output>.output-header{border-top-left-radius:8px;border-top-right-radius:8px}.online-compiler-page>.compiler-code>.container>.output>.output-content{height:calc(100dvh - 240px)}.online-compiler-page>.compiler-list>.container>ul{-moz-column-gap:24px;column-gap:24px;row-gap:18px}.online-compiler-page>.compiler-list>.container>ul>li>a{display:flex;font-size:16px;height:44px;line-height:44px;text-align:center;width:150px}.online-compiler-page>.compiler-list>.container>ul>li>a>i{margin-left:10px}.online-compiler-page>.compiler-list>.container>ul>li>a>span{display:inline-block;font-weight:500;margin-left:10px}.online-compiler-page>.compiler-intro>.container{padding:45px;width:900px}.online-compiler-page>.compiler-intro>.container>h3{line-height:36px}.online-compiler-page>.compiler-intro>.container>h4{line-height:30px}}@media screen and (min-width:1400px){.online-compiler-page>.compiler-code>.container,.online-compiler-page>.compiler-header>.container{width:90%}.online-compiler-page>.compiler-list>.container{width:70%}}
